$(document).ready(
	
	function()
	{
	
		var currenttag;
		var playAnim = true;
		
 		// je sélectionne le li de la liste de class thumb-tabs, et au mouseover j'ajoute une fonction qui agrandit puis une qui rétrecit
		$("ul.thumb-tabs li").hover
		(
			function() 
			{
				$(this).css({'z-index' : '10'});
				$(this).find('img').animate
				(
					{
						marginTop: '-30px', 
						marginLeft: '-30px', 
						top: '0', 
						left: '15px', 
						width: '110px', 
						height: '110px',
						padding: '1px' 
					}, 300, 'swing'
				);
			} 
			, 
			function() 
			{
				$(this).css({'z-index' : '0'});
				$(this).find('img').animate
				(
					{
						marginTop: '0', 
						marginLeft: '0',
						top: '0', 
						left: '0', 
						width: '80px', 
						height: '80px', 
						padding: '1px'
					}, 300
				);
			}
			
		);
 
	
		//Swap Image on mouseover
		$("ul.thumb-tabs li").hover
		(
			
			function() 
			{
				currenttag = $("div.ui-tabs-panel").not("div[class*=ui-tabs-hide]");
				$("#main_view").tabs({}).tabs("rotate", 0, false);
				$("div.ui-tabs-panel").addClass("ui-tabs-hide");
				$("div#"+this.id.replace('nav-','')).removeClass("ui-tabs-hide");
			}
			,
			function() 
			{
				// hide the highlighted tab
				$("div#"+this.id.replace('nav-','')).addClass("ui-tabs-hide");
				// show the tab that was highlighted
				currenttag.removeClass("ui-tabs-hide");
				if (playAnim)
				{
					// restart animation
					$("#main_view").tabs({}).tabs("rotate", 5000, true);
				}
			}
		);
		
		//Swap Image on mouseover
		$("ul.ui-tabs-nav li").hover
		(
			
			function() 
			{
				currenttag = $("div.ui-tabs-panel").not("div[class*=ui-tabs-hide]");
				$("#main_view").tabs({}).tabs("rotate", 0, false);
				$("div.ui-tabs-panel").addClass("ui-tabs-hide");
				$("div#"+this.id.replace('nav-','')).removeClass("ui-tabs-hide");
			}
			,
			function() 
			{
				// hide the highlighted tab
				$("div#"+this.id.replace('nav-','')).addClass("ui-tabs-hide");
				// show the tab that was highlighted
				currenttag.removeClass("ui-tabs-hide");
				if (playAnim)
				{
					// restart animation
					$("#main_view").tabs({}).tabs("rotate", 5000, true);
				}
			}
		);
		
		$("ul.thumb-tabs li").click
		(
			
			function() 
			{	
				currenttag = $("div.ui-tabs-panel#"+this.id.replace('nav-',''));
				playAnim = false;
			}
			
		);
		
		$("ul.ui-tabs-nav li a").click
		(
			
			function() 
			{
				currenttag = $("div.ui-tabs-panel#"+this.id.replace('anchor-',''));
				playAnim = true;
			}
			
		);
		
		
		$("#main_view").tabs({}).tabs("rotate", 5000, true);
		//$("ul.thumb-tabs").tabs({}).tabs("rotate", 2000, true);
 
	}
	
	

);