//
var workItemsPerPage;
var workTotalItems;
var workTotalPages;
var workCurrentPage;
var workMode1Height;
var workMode2Height;
var workTemplate;
var workNextPageTimeout = null;
var workNextPageScroll = false;
var workIpadFirstPage = false;
function initWork(dataStr,itemsPerPage,itemsTotal,template){
	var palette = dataStr;
	var pn = $.address.pathNames();
	if((pn[0] == "work" || pn[0] == "play") && template == 5){
		buttonListModeVisible = false;
		$(".button_mode").stop(true).css({visibility:"hidden",opacity:0});
	}
	workTemplate = template;
	workItemsPerPage = Number(itemsPerPage);
	workTotalItems = Number(itemsTotal);
	workTotalPages = Math.ceil(workTotalItems/workItemsPerPage);
	workCurrentPage = 0;
	prelaoderVisibility(false);
	changeColorPalette(palette);
	headerlineVisibility(true);
	$(".box .box_holder .box_h #txt1").css({color:currentPalette.rectangleAndProjectName[1]});
	$(".box .box_holder .box_h #txt2").css({color:currentPalette.rectangleAndProjectName[2]});
	$(".box .box_holder .box_h #txt3").css({color:currentPalette.rectangleAndProjectName[3]});
	//$(".box .box_text #txt1").css({color:currentPalette.rectangleAndProjectName[1]});
	//$(".box .box_text #txt2").css({color:currentPalette.rectangleAndProjectName[1]});
	//$(".box .box_text #txt3").css({color:currentPalette.rectangleAndProjectName[3],opacity:0});
	$(".box").stop(true).css({opacity:0}).animate({opacity:1},150);
	$(".box_h").css({backgroundColor:currentPalette.rectangleAndProjectName[0]});
	$(".box").mouseover(function(){
		var top = $(this).children(".box_holder").children(".box_h").height();
		$(this).children(".box_holder").stop(true).animate({top:top},150);
		/*
		if($(this).children(".box_text").length > 0){
			$(this).children(".box_text").children("#txt2").stop(true).animate({color:currentPalette.rectangleAndProjectName[2]},150);
			$(this).children(".box_text").children("#txt3").stop(true).animate({opacity:1},150);
		}
		*/
	});
	$(".box").mouseout(function(){
		$(this).children(".box_holder").stop(true).animate({top:0},150);
		/*
		if($(this).children(".box_text").length > 0){
			$(this).children(".box_text").children("#txt2").stop(true).animate({color:currentPalette.rectangleAndProjectName[1]},150);
			$(this).children(".box_text").children("#txt3").stop(true).animate({opacity:0},150);
		}
		*/
	});
	workLoadPage(0);
}
function workOnloadBox(target){
	$(target).parent().parent().parent().css({visibility:"visible",opacity:0}).animate({opacity:1},100);
	$(target).removeAttr("onload");
}
function workBoxOnloadIcon(target){
	$(target).mouseover(function(){
		var id = $(this).attr("id");
		var status = $(this).parent().parent().parent().data("pl_status");
		var color = (status && id == "fav_icon") ? currentPalette.icons[0] : currentPalette.icons[1];
		var txt = id == "fav_icon" ? ((status && id == "fav_icon") ? "Remove From Playlist" : "Playlist") : "Share";
		$(this).data("txt",txt);
		$(this).showTooltip(txt,-5,-5);
		$(this).fadeTintIMG(color,5);
	});
	$(target).mouseout(function(){
		hideTooltip();
		var id = $(this).attr("id");
		var status = $(this).parent().parent().parent().data("pl_status");
		var color = (status && id == "fav_icon") ? currentPalette.icons[1] : currentPalette.icons[0];
		$(this).fadeTintIMG(color,5);
	});
	$(target).click(function(){
		var id = $(this).attr("id");
		if(id == "fav_icon"){
			var url = $(this).parent().children("a").attr("href");
			var url_pl = $(this).parent().children("a").attr("url_pl");
			if(url_pl != ""){//detecto si viene de la pagina de playlist
				url = url_pl;
			}
			addToPlaylist(url,target);
			var txt = $(this).data("txt");
			var newtxt = (txt == "Playlist" || txt == "Removed") ? "Added" : "Removed";
			$(this).data("txt",newtxt);
			$(this).showTooltip(newtxt,-5,-5);
		}else{
			var target = $(this).parent().parent().parent();
			var url = $(this).parent().children("a").attr("href");
			var url_pl = $(this).parent().children("a").attr("url_pl");
			if(url_pl != ""){//detecto si viene de la pagina de playlist
				url = url_pl;
				url = url.split("work/").join("work/all/");
				url = url.split("play/").join("play/all/");
			}
			var name = $(this).parent().children("#txt2").html();
			var image = $(this).parent().parent().children(".box_img").children("img").attr("src");
			var w = target.outerWidth();
			var h = target.outerHeight();
			var c1 = currentPalette.rectangleAndProjectName[2];
			var c2 = currentPalette.rectangleAndProjectName[1];
			var c3 = currentPalette.rectangleAndProjectName[0];
			target.addShareForm(0,0,w,h,c1,c2,c3,url,name,image,true,false);
			hideTooltip();	
		}
	});
	var id = $(target).attr("id");
	var status = $(target).parent().parent().parent().data("pl_status");
	$(target).data("loaded",true);
	$(target).tintIMG((status && id == "fav_icon") ? currentPalette.icons[1] : currentPalette.icons[0]);
}
function workLoadPage(num){
	workCurrentPage = num;
	if(workTemplate == 5){
		var ini = 0;
		var end = workTotalItems;	
	}else{
		var ini = workCurrentPage*workItemsPerPage;
		var end = ini+workItemsPerPage;
		if(end > workTotalItems){
			end = workTotalItems;
		}
	}
	var src;
	var top_tmp;
	var top1 = 0;
	var top2;
	var space1 = (end < workTotalItems) ? 100 : 37;
	var space2 = 100;
	workMode1Height = 0;
	for(var i=ini;i<end;i++){
		$("#mode_1 #work_item"+i).css({display:"block"});
		src = $("#mode_1 #work_item"+i+" .box_holder .box_h #sh_icon").attr("src2");
		$("#mode_1 #work_item"+i+" .box_holder .box_h #sh_icon").attr("src",src);
		src = $("#mode_1 #work_item"+i+" .box_holder .box_h #fav_icon").attr("src2");
		$("#mode_1 #work_item"+i+" .box_holder .box_h #fav_icon").attr("src",src);
		src = $("#mode_1 #work_item"+i+" .box_holder .box_img img").attr("src2");
		$("#mode_1 #work_item"+i+" .box_holder .box_img img").attr("src",src);
		top_tmp = $("#mode_1 #work_item"+i).position().top+$("#mode_1 #work_item"+i).height();
		if(top_tmp > top1){
			top1 = top_tmp;	
		}
	}
	$("#mode_1 #work_bottom_space").css({top:top1,height:space1});
	workMode1Height = top1+space1;
	//
	if(num == 0 && workTemplate < 5){// en la primer pagina carga el total de miniaturas
		for(i=0;i<workTotalItems;i++){
			$("#mode_2 #work_item"+i).css({display:"block"});
			src = $("#mode_2 #work_item"+i+" .box_holder .box_h #sh_icon").attr("src2");
			$("#mode_2 #work_item"+i+" .box_holder .box_h #sh_icon").attr("src",src);
			src = $("#mode_1 #work_item"+i+" .box_holder .box_h #fav_icon").attr("src2");
			$("#mode_2 #work_item"+i+" .box_holder .box_h #fav_icon").attr("src",src);
			src = $("#mode_2 #work_item"+i+" .box_holder .box_img img").attr("src2");
			$("#mode_2 #work_item"+i+" .box_holder .box_img img").attr("src",src);
			top2 = $("#mode_2 #work_item"+i).position().top+$("#mode_2 #work_item"+i).height();
		}
		$("#mode_2 #work_bottom_space").css({top:top2,height:space2});
		workMode2Height = top2+space2;
	}
	//
	//$("#mode_1").css({width:"100%",height:workMode1Height,overflow:"hidden"});
	//$("#mode_2").css({width:"100%",height:0,overflow:"hidden"});
	//
	setButtonListMode(buttonListMode,Boolean(num != 0));
	if($(document).height()>$(window).height() && num > 0 && !workIpadFirstPage){
		var scrollsize = $(document).height()-$(window).height();
		var scrolltop = $(document).scrollTop()+(Math.round((scrollsize-$(document).scrollTop())/4)*3); 
		//$(document).scrollTop(scrolltop);//stop(true).animate({scrollTop:scrolltop},150);
		$("body").stop(true).delay(200).animate({scrollTop:scrolltop},300);
	}
	workIpadFirstPage = false;
	//
	playlistControlBoxes();
	
	if(num == 0){
		//var TH = workTemplate < 4 ? 1096 : 1251;
		//var WH = workTemplate + 151;
		//if(($(window).height() > WH) && workTotalPages > 0){
		if(detectMobile() && workTotalPages > 0){
			workIpadFirstPage = true;
			workNextPage();
		}
	}
}
function workNextPage(){
	if(!workNextPageScroll && buttonListMode == 1 && workTemplate < 5){
		workCurrentPage ++;
		if(workCurrentPage < workTotalPages){
			workNextPageScroll = true;
			prelaoderVisibility(true);
			var delay = workIpadFirstPage ? 100 : 1000;
			workNextPageTimeout = setTimeout("workNextPageStep2()",delay);
		}
	}
}
function workNextPageStep2(){
	prelaoderVisibility(false);
	workLoadPage(workCurrentPage);
	workRemovePagetimeout();
	workNextPageScroll = false;
}
function workRemovePagetimeout(){
	if(workNextPageTimeout != null){
		clearTimeout(workNextPageTimeout);
		workNextPageTimeout = null;
	}
}
function stopWork(){
	workRemovePagetimeout();
	workNextPageTimeout = null;
	workNextPageScroll = false;
	$("body").stop(true);
}