var homeData;
var homeIndex;
var homeCurrentItem;
var homeSlideshow = null;
var homepageFav = false;
var homepageShare = false;
var homeInterval = 5000;
var homeCircle;
//
function initHomepage(dataStr){
	homeCircle = null;
	homepageFav = false;
	homepageShare = false;
	var tmpData = dataStr.split(";");
	var tmp;
	homeData = new Array();
	for(var i=0;i<tmpData.length;i++){
		tmp = tmpData[i].split(",");
		homeData.push({name:tmp[0],client:tmp[1],agency:tmp[2],link:tmp[3],palette:tmp[4],image:tmp[5]});
	}
	$(".home_display").css({opacity:0});
	$(".home_circles").css({opacity:0});
	homepageAddCircles();	
	homeSlideshow = null;
	homeIndex = -1;
	homepageChangeItem("next");
	headerlineVisibility(false);
	$(".home_display_layer_2 #home_display_area").click(function(){
		$.address.path(homeCurrentItem.link);
	});
}
function homepageShowItem(){
	prelaoderVisibility(true);
	bgHolder.unbind("click");
	bgHolder.css({cursor:"auto"});
	$(".home_content_area").unbind("click");
	$(".home_content_area").css({cursor:"auto"});
	if(homeCurrentItem.image != "" && homeCurrentItem.image != undefined){
		bgLoadComplete = homepageShowItemStep2;
		changeBg(homeCurrentItem.image);
		$("#bgholder").css({display:"block"});
	}else{
		removeBg();
		$("#bgholder").css({display:"none"});	
		homepageShowItemStep2();
	}
}
function homepageShowItemStep2(){
	//hideVaultList();
	changeColorPalette(homeCurrentItem.palette,true);
	$(".home_display").stop(true).css({visibility:"visible"}).animate({opacity:1,backgroundColor:currentPalette.rectangleAndProjectName[0]},100);
	$(".home_display #txt1").stop(true).css({opacity:0,color:currentPalette.rectangleAndProjectName[1]}).html(homeCurrentItem.client).delay(0).animate({opacity:1},100);
	$(".home_display #txt2").stop(true).css({opacity:0,color:currentPalette.rectangleAndProjectName[2]}).html(homeCurrentItem.name).delay(0).animate({opacity:1},100);
	$(".home_display #txt3").stop(true).css({opacity:0,color:currentPalette.rectangleAndProjectName[3]}).html(homeCurrentItem.agency).delay(0).animate({opacity:1},100);		
	if(homepageFav){
		$("#fav_icon").fadeTintIMG(slugInPlaylist(homeCurrentItem.link) ? currentPalette.icons[1] : currentPalette.icons[0],5);
	}
	if(homepageShare){
		$("#sh_icon").fadeTintIMG(currentPalette.highlight[0],5);
	}
	if(homeCircle != null){
		/*
		homeCircle.data("selected",false);
		homeCircle.mouseout();
		homeCircle.css({cursor:"pointer"});	
		*/
	}else{
		$(".home_circles img").each(function(){
			$(this).retintIMG(currentPalette.rectangleAndProjectName[3]);
		});	
	}
	$(".home_circles img").data("selected",false);
	$(".home_circles img").mouseout();
	$(".home_circles img").css({cursor:"pointer"});
	//
	homeCircle = $("#home_circle_"+homeIndex);
	homeCircle.mouseover();
	homeCircle.data("selected",true);
	homeCircle.css({cursor:"auto"});
	$(".home_circles").stop(true).css({visibility:"visible"}).animate({opacity:1},100);
	homeTimeout();
	bgHolder.click(function(){
		$.address.path(homeCurrentItem.link);
	});
	bgHolder.css({cursor:"pointer"});
	$(".home_content_area").click(function(){
		$.address.path(homeCurrentItem.link);
	});
	$(".home_content_area").css({cursor:"pointer"});
}
function homeTimeout(){
	prelaoderVisibility(false);
	bgLoadComplete = null;
	if(homeData.length > 1){
		homeSlideshow = setTimeout("homepageChangeItem('next')",homeInterval);
	}
}
function homepageChangeItem(value){
	stopHomepage();
	if(value == 'next'){
		homeIndex++;
	}else{
		homeIndex = value;
	}
	if(homeIndex < 0){
		homeIndex = homeData.length-1;	
	}
	if(homeIndex >= homeData.length){
		homeIndex = 0;	
	}
	homeCurrentItem = homeData[homeIndex];
	homepageShowItem();
}
function stopHomepage(){
	bgLoadComplete = null;
	if(homeSlideshow != null){
		clearTimeout(homeSlideshow);
		homeSlideshow = null;
	}
}
function homepageOnloadIcon(target,selected){
	if($(target).attr("id") == "fav_icon"){
		$(target).data("tooltip","Playlist");
		homepageFav = true;
	}else{
		$(target).data("tooltip","Share");
		homepageShare = true;
	}
	$(target).mouseover(function(){
		var id = $(this).attr("id");
		var color = currentPalette.icons[1];
		var txt = $(this).data("tooltip");
		if(id == "fav_icon"){
			if(slugInPlaylist(homeCurrentItem.link)){
				txt = "Remove From Playlist";
				color = currentPalette.icons[0];
			}
		}
		$(this).showTooltip(txt,-5,-5);
		$(this).fadeTintIMG(color,5);
	});
	$(target).mouseout(function(){
		hideTooltip();
		$(this).fadeTintIMG(slugInPlaylist(homeCurrentItem.link) ? currentPalette.icons[1] : currentPalette.icons[0],3);
	});
	$(target).click(function(){
		if($(this).attr("id") == "sh_icon"){
			var target = $("#content");
			var url = homeCurrentItem.link;
			var name = homeCurrentItem.name; 
			var image = homeCurrentItem.image.split("media/image/").join("media/image/website_thumb/"); 
			var w = target.outerWidth();
			//var h = target.outerHeight();
			var c1 = currentPalette.logo[1];
			var c2 = currentPalette.logo[2];
			var c3 = currentPalette.logo[3];
			target.addShareForm(726,156,478,315,c1,c2,c3,url,name,image,false,false);
			hideTooltip();
		}else{
			addToPlaylist(homeCurrentItem.link);
			var txt = slugInPlaylist(homeCurrentItem.link) ? "Added" : "Removed";
			$(this).showTooltip(txt,-5,-5);
		}
	});
	$(target).retintIMG(slugInPlaylist(homeCurrentItem.link),currentPalette.icons[0]);
}
function homepageAddCircles(){
	var html = '<div></div>';
	for(var i=0;i<homeData.length;i++){
		html += '<img src="assets/circle_1.png" id="home_circle_'+i+'" onload="homepageOnloadCircle(this,'+Boolean(i==0)+')"/>';
	}
	$(".home_circles").html(html);
}
function homepageOnloadCircle(target,selected){
	homepageCircles = true;
	$(target).css({cursor:"pointer",marginLeft:5});
	var color = (selected) ? currentPalette.rectangleAndProjectName[2] : currentPalette.rectangleAndProjectName[3];
	$(target).mouseover(function(){
		if($(this).data("selected") != true){
			$(this).fadeTintIMG(currentPalette.rectangleAndProjectName[2],3);
		}
	});
	$(target).mouseout(function(){
		if($(this).data("selected") != true){
			$(this).fadeTintIMG(currentPalette.rectangleAndProjectName[3],3);
		}
	});
	$(target).click(function(){
		if($(this).data("selected") != true){
			var num = Number($(target).attr("id").split("home_circle_").join(""));
			homepageChangeItem(num);
		}
	});
	$(target).tintIMG(color);
}