$(document).ready(function(){
		
		var current=1;
		
		function workInit() {
			current=1;
			for(var i=2;i<=$('div.bg_work img').size();i++){
				$("img.carousel."+i).hide();
			}
			$("span.rose").bind("click",changeImg);
			$("img.carousel").bind("click",clickImg);
		}
		workInit();
		
		function changeImg(){
			var num=$(this).text();
			if(num==current){ return false;}
			$("span.rose").unbind("click");
			$("img.carousel").unbind("click");
			$("img.carousel."+current).fadeOut("fast",function(){
				$(this).addClass("hidden");
				$("img.carousel."+num).removeClass("hidden").fadeIn("fast",function(){
					$("span.rose").bind("click",changeImg);
					$("img.carousel").bind("click",clickImg);
				});
				current=num;
			});
			$("span.rose").removeClass("rose_bg");
			$(this).addClass("rose_bg");
		}
		
		function clickImg(){
			if($("span.rose_bg").text()==$('div.bg_work img').size()){$("span.rose:first").trigger("click");}
			else{
				$("span.rose_bg").next().trigger("click");
			}
		}
		
		$("p#workUp").removeClass("go").addClass("ungo");
		$('p#workDown').bind("click", scrollWorksDown);
		
		var currentWork = 1;
		var currentOffset = 1;
		
		function scrollWorksDown() {
			currentOffset += 3;
			scrollWorks();
		}
		function scrollWorksUp() {
			currentOffset -= 3;
			scrollWorks();
		}
		
		function scrollWorks() {
			$('p#workDown').unbind("click");
			$('p#workUp').unbind("click");
			
			offset=""+((currentOffset-1)*-177)+"px";
			
			if(currentOffset>=7) {
				$("p#workDown").removeClass("go").addClass("ungo");
			} else {
				$("p#workDown").addClass("go").removeClass("ungo");
			}
			if(currentOffset<=1) {
				$("p#workUp").removeClass("go").addClass("ungo");
			} else {
				$("p#workUp").addClass("go").removeClass("ungo");
			}
			
			$('ul#work_list li').animate( {top:offset }, "normal", "linear",function() {
				if(currentOffset<7) {
					$('p#workDown').bind("click", scrollWorksDown);
				}
				if(currentOffset>1) {
					$('p#workUp').bind("click", scrollWorksUp);
				}
			});
		}
		
		$('ul#work_list li p a').bind("click", displayWork);
		
		function displayWork() {
			var num = Number($(this).attr("href").substring(4));
			if(num == currentWork) return false;
			$('ul#work_list li p a').unbind("click").bind("click", preventLink);
			currentWork = num;
			var page="";
			switch(num) {
				case 1: page="works/TWU.php"; break;
 				case 2: page="works/PSM.php"; break;
 				case 3: page="works/Collide.php"; break;
 				case 4: page="works/sedna.php"; break;
 				case 5: page="works/DLB.php"; break;
 				case 6: page="works/DJ.php"; break;
 				case 7: page="works/Surf.php"; break;
 				case 8: page="works/Aborigene.php"; break;
 				case 9: page="works/Misc.php"; break;
 				default: page="works/TWU.php"; break;
			}
			//alert(num+" : "+page);
			$.ajax({
				method: "get",url: page,
				beforeSend: function() {
					$("div.Gauche").hide();
				},
				complete: function() {
					//$("#loading").hide("fast");
				},
				success: function(html) {
					$("div.Gauche").html(html);
					$("div.Gauche").fadeIn("normal", function() {
						$('ul#work_list li p a').unbind("click").bind("click", displayWork);
						workInit();	
					});
					
					
				}
			});
			return false;
		}
		
		function preventLink() {
			return false;
		}
		
		
	 });