var workIndex;
var workImages;
var workPage;
var workPageX;
var workPageMemo = 0;
var workTotal;
var workStatus;
var workItemsPerPage = 8;
function initWork(colors,images){
	var pn = getHistory(-1).split("/");
	var memo = Boolean("/"+pn[1]+"/"+pn[2] == $.address.path());
	if($.address.pathNames()[0] == "search"){
		if(getHistory(-2) == $.address.path() && pn[1] == "work"){
			memo = true;
		}
	}
	workPage = (memo) ? workPageMemo : 0;
	if(isNaN(workPage)){
		workPage = 0;
	}
	workPageX = -1380*workPage;
	workImages = images.split(","); 
	workTotal = Math.ceil(workImages.length/workItemsPerPage);
	workStatus = "ok";
	workIndex = workPage*workItemsPerPage;
	workPageMemo = workPage;
	//
	$("#workList").css({left:workPageX});
	changeColors(colors);
	workNavEvents();
	workNavControl();
	$(".workItemText span").css({color:COLOR_1});
	$(".workItemOver").css({backgroundColor:COLOR_1,opacity:0});
	$(".workItem #image").html("");
	$(".workItem").css({visibility:"hidden",opacity:0});
	loadWorkImages();
	$("#pageContent").stop(true).css({visibility:"visible",opacity:0}).delay(0).animate({opacity:1},300);
}
function workRemoveMouseEvents(){
	$(".workItem").unbind("mouseover");
	$(".workItem").unbind("mouseout");	
	$(".workItem #image img").unbind("load");	
}
function workAddMouseEvents(target){
	$(target).mouseover(function(){
		$(this).children(".workItemOver").stop(true).animate({opacity:1},150);
		$("#"+$(this).attr("id")+" .workItemText span").stop(true).animate({color:COLOR_2},150);
	});
	$(target).mouseout(function(){
		$(this).children(".workItemOver").stop(true).animate({opacity:0},150);
		$("#"+$(this).attr("id")+" .workItemText span").stop(true).animate({color:COLOR_1},150);
	});	
}
function loadWorkImages(){
	if(workIndex < (workPage*workItemsPerPage+workItemsPerPage)){
		if($("#workItem"+workIndex).length > 0){
			$("#workItem"+workIndex+" #image").html('<img src="'+workImages[workIndex]+'" />');
			$("#workItem"+workIndex).css({visibility:"visible"});
			$("#workItem"+workIndex+" #image img").load(function(){
				if($(this).width() < 344){
					$(this).css({width:344,height:"auto"});
				}
				$("#workItem"+workIndex).css({visibility:"visible"}).animate({opacity:1},150,function(){
					workAddMouseEvents(this);
					if(hitTestPoint($(this),MOUSE_X, MOUSE_Y)){
						$(this).mouseover();
					}
					workIndex++;
					loadWorkImages();
				});
			});
		}else{
			prelaoderVisibility(false);
		}
		/*
		if($("#workItem"+workIndex+" img").attr("src") == undefined){
			$("#workItem"+workIndex+" img").attr("src",workImages[workIndex]);
			$("#workItem"+workIndex+" img").load(function(){
				$(this).animate({opacity:1},200,function(){
					workIndex++;
					loadWorkImages();	
				});
			});
		}else{
			$("#workItem"+workIndex+" img").stop(true).animate({opacity:1},200,function(){
				workIndex++;
				loadWorkImages();	
			});
			
		}
		*/
	}else{
		prelaoderVisibility(false);	
	}
}
function workNavEvents(){
	if($.address.pathNames()[0] != "curated"){
		navRightClickEvent = workChangePage;
		navRightClickParam = 1;
		navLeftClickEvent = workChangePage;
		navLeftClickParam = -1;
	}
}
function workChangePage(value){
	if(workStatus == "ok"){
		prelaoderVisibility(true);
		workStatus = "fade";
		workPage += value;
		if(workPage >= workTotal){
			workPage = workTotal-1;
		}
		if(workPage < 0){
			workPage = 0;
		}
		workNavControl();
		workPageX = -1380*workPage;
		workPageMemo = workPage;
		workRemoveMouseEvents();
		$("#workList").stop(true).animate({opacity:0},100,function(){
			$(this).css({left:workPageX}).animate({opacity:1},100,function(){
				workStatus="ok";
				workIndex = workPage*workItemsPerPage;
				$(".workItem #image").html("");
				$(".workItem").css({visibility:"hidden",opacity:0});
				loadWorkImages();
			});	
		});
	}
}
function workNavControl(){
	$("#navRight").css({visibility:"visible"});
	$("#navLeft").css({visibility:"visible"});
	if($.address.pathNames()[0] != "curated"){
		if(workPage == workTotal-1){
			$("#navRight").css({visibility:"hidden"});
		}
		if(workPage == 0){
			$("#navLeft").css({visibility:"hidden"});
		}
	}
}

