var		projectscount = 0;
var		currentindex  = 0;
var 	source;
var 	alt;
var		bigimage_idx;


/*
var 	imagearray = new Array();
if (document.images) {
	for(i=1;i<=9;i++) {
		var path				= "http://www.signum-studio.eu/images/projekty/layout" + i + ".jpg";
		imagearray[path] 		= new Image();
		imagearray[path].src 	= path;
	} 
}

function nothing() {

}
*/

function replaceBigImage(path,alt) {
	$("ul#bigimage").find("li").find("img").attr("src",path).attr("alt",alt);
	//document.images["bigimage"] = imagearray[path];
	//$("ul#bigimage").find("li").find("img").attr("src",imagearray[path]);
	//$("ul#bigimage").find("li").find("img").attr("alt",alt);	
}

$(document).ready(function() {    
	var id 		= $("div#portfolio").find("div.clear").attr("id");
	var idarray = id.split("-");
	
	currentindex	 = idarray[1]*3;
	bigimage_idx	 = idarray[2];
	    
    
	$("ul#layouts-list").find("li.layout").find("img").each(function(i) {
		 projectscount++;
	})	

	
		$("ul#layouts-list").find("li.layout").find("img").each(function(i) {
			if((i)<currentindex) {				
				$(this).parent().parent().hide();				
			}
			if((i)>=currentindex+3) {				
				$(this).parent().parent().hide();
				
			}
		})
		
		$("ul#layouts-list").find("li.layout").find("img").each(function(i) {
			if((i)>=currentindex && (i)<currentindex+3) {				
				$(this).parent().parent().show();		
			}

			if(i == projectscount-bigimage_idx) {
		    	source 		= $(this).attr("src");
		    	alt			= $(this).attr("alt");
		    	source		= source.replace("images/","images/projekty/");
		    	
		    	replaceBigImage(source,alt);
		    }  
		})
	
	 $("li#arrow-left").show();
	 $("li#arrow-right").show();
			
	 $("li#arrow-left").find("a").click(function(e) {
		e.preventDefault();

		if(currentindex-3>=0) {
			currentindex = currentindex - 3;
		}
	  
		$("ul#layouts-list").find("li.layout").find("img").each(function(i) {
			if((i)<currentindex) {				
				$(this).parent().parent().fadeOut("slow");			
			}
			if((i)>=currentindex+3) {
				$(this).parent().parent().fadeOut("slow");
			}
		})
		
		$("ul#layouts-list").find("li.layout").find("img").each(function(i) {
			if((i)>=currentindex && (i)<currentindex+3) {				
				$(this).parent().parent().fadeIn("slow");
			}
		})

		return false;  		
    })

    $("li#arrow-right").find("a").click(function(e) {
		e.preventDefault();
		
		if(currentindex+3 < projectscount) {
			currentindex = currentindex + 3;
		}

		$("ul#layouts-list").find("li.layout").find("img").each(function(i) {
			if((i)<currentindex) {				
				$(this).parent().parent().fadeOut("slow");				
			}
			if((i)>=currentindex+3) {
				$(this).parent().parent().fadeOut("slow");			
			}
		})
		
		$("ul#layouts-list").find("li.layout").find("img").each(function(i) {
			if((i)>=currentindex && (i)<currentindex+3) {				
				$(this).parent().parent().fadeIn("slow");			
			}
		})
		
		return false;  
    })   

    
    $("li.layout").find("a").click(function(e) {
    	e.preventDefault();
    	//source = $(this).find("img").src;
    	source 		= $(this).find("img").attr("src");
    	alt		= $(this).find("img").attr("alt");
    	source		= source.replace("images/","images/projekty/");
    	
    //	$(this).find("img").attr("src").replace("images/","images/projekty/")
    	
    	$("ul#bigimage").find("img").fadeOut("slow");
    		setTimeout("replaceBigImage(source,alt);",500);
    	$("ul#bigimage").find("img").load(function() {
    		$(this).fadeIn("slow");
    	});  
    });
    
 });