$(document).ready(function(){

	/* $("ul#detailThumbs li img").preload({
		onRequest:request,
		onComplete:complete,
		onFinish:finish,
		placeholder:"/img/store/temp.gif",
		notFound:"/img/store/temp.gif"
	}); */

	function hideProjectNavigation(){
		$("ul.projectGraphics li").animate({left: "800px"}, 600);
		$("div.projectDetails").animate({top: "-646px"}, 600);
		$("div.Opis").animate({top: "-646px"}, 200);
		$("div.projectContainer").hide(700);
	}
	function showFirstImage(){
		$("ul.projectGraphics li").hide();
		$("ul.projectGraphics li").css({left: "646px"});
		$("ul.projectGraphics li.graphic1").show().animate({left: "176px"}, 300);
	
		$("div.projectDetails").hide();
		$("div.projectDetails").css({top: "-646px"});
		$("div.projectDetails").show().animate({top: "0px"}, 300);
	
		$("div.Opis").hide();
		$("div.Opis").css({top: "-646px"});
		$("div.Opis").show().animate({top: "323px"}, 1500);
	}
			
	$("div#projectsNavigation ul li").click(function(){
		
		var portfolioNavPosition = getPosition(this.parentNode,this) + 1;
		
		if ( $(this).find("a").hasClass("selected") ){
			// do nothing
			return false;
		}
		else
		{
			$("div.projectWelcome").fadeOut(500);
			$("ul.projectWelcomeGraphics li").fadeOut(500);
			$("div.projectWelcomeDetails").fadeOut(500);
			$("div.ofirmie").fadeOut(500);
			$("div.arange").fadeIn(500);
			$("div#Container-Menu1").fadeIn(500);
			$("a").removeClass("selected");
			$(this).find("a").addClass("selected");
			hideProjectNavigation();
			$("div#project" + portfolioNavPosition).show(700);
			showFirstImage();
			return false;
		}
		
	});
	
	// set first project graphic to fade in
	$("ul.projectGraphics li").animate({left: "800px"}, 600);
	$("div.projectDetails").animate({top: "-646px"}, 600);
	$("div.Opis").animate({top: "-646px"}, 200);
	$("div.projectContainer").hide();	
	$("div#Container-Menu1").hide();
	$("div.projectWelcome").hide();
	$("div#Welcome").show();
	$("div.projectWelcome ul.projectWelcomeGraphics li").hide();
	$("div.projectWelcome ul.projectWelcomeGraphics li").css({left: "1246px"});
	$("div.projectWelcome ul.projectWelcomeGraphics li").show().animate({left: "402px"}, 600);
	
	$("div.projectWelcome div.projectWelcomeDetails").hide();
	$("div.projectWelcome div.projectWelcomeDetails").css({top: "-646px"});
	$("div.projectWelcome div.projectWelcomeDetails").show().animate({top: "30px"}, 600);

	$("ul.imageGalleryNav li").click(function(){
		
		var imageNavLocation = getPosition(this.parentNode,this) + 1;
		
		if ( $(this).find("a").hasClass("selected") ){
			// do nothing
			return false;
		}
		else
		{
			$("ul.imageGalleryNav li a").removeClass("selected");
			$(this).find("a").addClass("selected");
			$("ul.projectGraphics li").fadeOut().css({left: "176px"});
			$("ul.projectGraphics li.graphic" + imageNavLocation).fadeIn(1000);
			return false;
		}
	});
	
	$("a.powrot").click(function(){
								 
	$("ul#projectList li a").removeClass("selected");
	$("div.arange").fadeOut(500);
	$("div.ofirmie").fadeIn(500);
	$("div.projectContainer").hide();	
	$("div#Container-Menu1").hide();
	$("div.projectWelcome").hide();
	$("div#Welcome").show();
	$("div.projectWelcome ul.projectWelcomeGraphics li").hide();
	$("div.projectWelcome ul.projectWelcomeGraphics li").css({left: "1246px"});
	$("div.projectWelcome ul.projectWelcomeGraphics li").show().animate({left: "402px"}, 600);
	
	$("div.projectWelcome div.projectWelcomeDetails").hide();
	$("div.projectWelcome div.projectWelcomeDetails").css({top: "-646px"});
	$("div.projectWelcome div.projectWelcomeDetails").show().animate({top: "30px"}, 600);
	});

});