var homeDataProvider;//array con los projects de home
var homeSlideshowInterval = null;
var homeDataIndex = -1;
var displayPosition = -1;
function loadHomepage(dataStr){
	/*
	recibo los projects de home desde el php
	los projects se separan con ;
	los campos del project con ,
	*/
	var data = dataStr.split(";");
	var sdata;
	var name;
	var url;
	var type;
	var image;
	var imageSize;
	//
	homeDataProvider = new Array();
	//
	for(var i=0;i<data.length;i++){
		sdata = data[i].split(",");
		name = sdata[0];
		url = sdata[1];
		type = sdata[2];
		image = sdata[3];
		imageSize = [sdata[4],sdata[5]];
		homeDataProvider.push({name:name,url:url,type:type,image:image,imageSize:imageSize});
	}
	if(homeDataProvider.length>0){
		changeHomeProject();//si hay projects en home caga el primero
	}
}
function homeSlideshowEvent(){
	changeHomeProject();
}
function stopHomeSlideShow(){
	if(homeSlideshowInterval != null){
		clearInterval(homeSlideshowInterval);	
		homeSlideshowInterval = null;
	}
}
function changeHomeProject(){
	stopHomeSlideShow();//detiene el slideshow
	homeDataIndex++;
	if(homeDataIndex > homeDataProvider.length-1){
		homeDataIndex = 0;
	}	
	//verifico la proporcion
	var aspectRatio = homeDataProvider[homeDataIndex].imageSize[0]/homeDataProvider[homeDataIndex].imageSize[1];
	if(aspectRatio > 1){
		//proporción horizontal tira una sola imagen de fondo
		changeBg(homeDataProvider[homeDataIndex].image);
	}else{
		//proporción vertical tira 2 imagenes de fondo
		//por defecto busca un png transparente para usar en caso de que no haya otro project
		var secongImg = "/assets/empty.png";
		if(homeDataProvider.length>1){
			//busca la imagen del siguiente project
			var nextIndex = homeDataIndex+1;
			if(nextIndex > homeDataProvider.length-1){
				nextIndex = 0;
			}
			secongImg = homeDataProvider[nextIndex].image;
		}
		changeBg(homeDataProvider[homeDataIndex].image,secongImg);
	}
	BgOnLoad = homeLoadNextProject;
	BgOnComplete = homeShowProjectData;
}
function homeShowProjectData(){
	var name = homeDataProvider[homeDataIndex].name;
	var type = homeDataProvider[homeDataIndex].type;
	var url = homeDataProvider[homeDataIndex].url;
	if(FlashDetect.installed){//si no pongo el # no linkea -> hay que revisar esto porque no debería ir el #
		var html = '<embed src="./assets/project_name.swf" width="700" height="38" wmode="transparent" flashvars="color='+mainColor+'&name='+name+'&type='+type+'"></embed>';
	}else{
		var html = name+' <span>'+type+'</span><img src="./assets/arrow.png" id="homeDisplayArrow" onload="tintPNG2(this)"/>';
	}
	setDisplayPosition(); 
	$("#homeDisplay").stop(true).css({cursor:"pointer"});
	$("#homeDisplay").unbind("click");
	$("#homeDisplay").click(function(){
		window.location = "#/work/all/"+url;
	});
	$("#homeDisplay").css({display:"block",opacity:0,top:displayPosition});
	$("#homeDisplayBg").css({opacity:0.5});
	$("#homeDisplayText").html(html);
	$("#homeDisplayText span").css({color:mainColor});
	$("#homeDisplay").delay(10).animate({opacity:1},350);
}
function homeLoadNextProject(){
	if(homeDataProvider.length>1){
		//si hay mas de un project en home activa el slideshow
		homeSlideshowInterval = setInterval("homeSlideshowEvent()",5000);
	}
}
function setDisplayPosition(){
	var num = 130*(Math.floor(Math.random()*4)); 
	if(num == displayPosition){
		for(var i=0;i<10;i++){
			num = 130*(Math.floor(Math.random()*4)); 
			if(num != displayPosition){
				break;
			}
		}
	}
	displayPosition = num;
}