var spJson;
var spN = 0;

//var spURL = "http://deb.local/sjtcms/cms"; // sem barra
var spURL = "http://www.sjtresidencia.com.br/cms"; // sem barra 

var timerOn = true;

function sp_init(){
	
	var div = $("#m_splash");
	
	// zera e configura o container
	div.html("");
	div.css({"position":"relative"});
	
	$.getJSON(spURL+'/splash/itens/', function(data) {
  		spJson = data;
  		sp_preloadInit();
	});
	
}

// chamado apos a pagina carregar (DOM)
function sp_preloadInit(){
	
	var div = $("#m_splash");
	
	var arr = new Array();
	var j=0;
	for( var i in spJson ){
		for( var z in spJson[i].itens ){
			arr[j++] = spURL+"/public/tbnail/?f=../upload/usr/"+spJson[i].itens[z].imagem + "&w=643&h=408&c=true";
		}
	}
	
	// inicia o preload das imagens
	div.imageLoader({
	   images: arr,
	   splashScreenImage: "images/sp-loading.gif"
	}, function(){
	   // da sequencia
	   sp_preloadComplete();
	});
	
}

// chamado apos o preload completar
function sp_preloadComplete(){

   var div = $("#m_splash");

   div.html(""); // <--- se o cache nao fizer, deixar o conteudo tirando isso
   for( var i in spJson ){
		for( var z in spJson[i].itens ){
			sp_addFoto( spJson[i].itens[z], i, z );
		}
   }

   // coloca a borda
   div.append('<div id="sp-borda"><img src="images/sp-borda.png" /></div>');
   
   // Exibe a primeira imagem
   var primeiro = $(".sp_0_0");
   primeiro.addClass("foto-selected");
   primeiro.fadeIn( 'fast', function(){
  		
   		// exibe menu
   		sp_showMenu();
   		
   } );
   // Click
	$("#sp-botao").attr("href",$(".foto-selected").attr("rel"));
   
   // Timer
   // o i j� come�a no 1.
   $(document).everyTime(10000, function(i) {
		spN++;
		if( spN >= $(".sp_menu_item > a").length ) spN=0;
		//console.log( ">>"+$(".sp_menu_item > a").length );
		//console.log( spN );
		if( timerOn )
			sp_menuClick( $(".sp_menu_item > a:eq("+(spN)+")") );
   });

}

// mostra o menu, chamado apos fadeIn da primeira foto
function sp_showMenu(){

	var div = $("#m_splash");

	// cria o menu
	div.append("<div id='sp_menu'><ul></ul></div>");
   	$("#sp_menu").css({"position":"absolute","top":10,"left":10});
	$("#sp_menu").hide();
	
	// Alimenta os LIs
	for( var i in spJson ){
		$("#sp_menu > ul").append("<li class='sp_menu_item'><a href='javascript:void(0);' class='sp_"+i+"'><span><b>"+spJson[i].titulo+"</b><br/>"+spJson[i].descricao+"</a></span></li>");
	}
	
	// top e bottom = curvas
	$(".sp_menu_item:first").css("background-image","url(images/sp-botao-top.png)");
	//$(".sp_menu_item:first > a").css("background-image","url(images/sp-botao-seta-top.png)");
	$(".sp_menu_item:last").css("background-image","url(images/sp-botao-bt.png)");
	//$(".sp_menu_item:last > a").css("background-image","url(images/sp-botao-seta-bt.png)");
	
//	alert( $(".sp_menu_item:first > a").css("background-image") );
	
	// ouvidores de mouse
	var a = $("#sp_menu > ul > li > a ");
	a.mouseenter( function(){
		//if( $(this).parent().css("background-position").match(/-187px.*/) )
			$(this).animate({"background-position":0},"fast");
	} );
	a.mouseleave( function(){
		$(this).animate({"background-position":-187},"fast");
	} );
	a.click( function(){
		sp_menuClick( this );
	} );
	
	// Exibe
	//$("#sp_menu").fadeIn("fast");
	
	/*
	SUBMENUS
	*/
	
	// cria os submenus
	for( var i in spJson ){
		
		div.append("<div id='sp_submenu_"+i+"' class='sp_subs'><ul></ul></div>");
   		$("#sp_submenu_"+i).css({"position":"absolute","top":380,"left":260});
		$("#sp_submenu_"+i).hide();
		
		if( spJson[i].itens.length > 1 ){
			
			// alimenta os li
			for( var z in spJson[i].itens ){		
				
				// Add Li
				$("#sp_submenu_"+i+" > ul").append("<li class='sp_sub_"+z+"'><a href='javascript:void(0);'>"+(Number(z)+1)+"</a></li>");
				// Add Li > Balao
				$("#sp_submenu_"+i).find(".sp_sub_"+z).append("<div class='sp_balao'><img src='"+spURL+"/public/tbnail/?f=../upload/usr/"+spJson[i].itens[z].imagem+"&w=45&h=45&c=true' width='45' height='45' /></div>");
				// Texto Li > Balao > Div
				$("#sp_submenu_"+i).find(".sp_sub_"+z).find("div").append("<span>"+spJson[i].itens[z].descricao+"</span>");
				// Hide Baloes (todos)
				$("#sp_submenu_"+i).find(".sp_balao").hide();
				
				// Over Li > A
				$("#sp_submenu_"+i).find(".sp_sub_"+z).find("a").mouseenter( function(){
					$(this).parent().find(".sp_balao").show("fast");
				} );
				
				// Out Li > A
				$("#sp_submenu_"+i).find(".sp_sub_"+z).find("a").mouseleave( function(){
					$(this).parent().find(".sp_balao").hide("fast");
				} );
				
				// Click Li > A
				$("#sp_submenu_"+i).find(".sp_sub_"+z).find("a").click( function(){ sp_submenuClick(this); } );			
				
				
				/*
				
				Antigo, de aumentar o li.
				
				$("#sp_submenu_"+i+" > ul").append("<li class='sp_sub_"+z+"'><a href='javascript:void(0);'>"+(Number(z)+1)+"</a></li>");	
				$("#sp_submenu_"+i+" > ul > li:last > a").append("<img src='"+spJson[i].itens[z].imagem+"&w=45&h=45&c=true' width='45' height='45' />");
				$("#sp_submenu_"+i+" > ul > li:last > a > img").hide();
				// click
				$("#sp_submenu_"+i+" > ul > li:last > a").click( function(){ sp_submenuClick(this); } );
				// mouse over
				$("#sp_submenu_"+i+" > ul > li:last > a").mouseenter( function(){
					var nI = $(this).parent().parent().parent().attr("id").replace(/sp_submenu_/i,"");
					//alert(nI);
					var nZ = $(this).parent().attr("class").replace(/sp_sub_/i,"");
					$(this).append("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+spJson[nI].itens[nZ].titulo);
					$(this).animate({"width":200},"fast");
					$(this).find("img").show();
				} );
				$("#sp_submenu_"+i+" > ul > li:last > a").mouseleave( function(){
					var n = $(this).parent().attr("class").replace(/sp_sub_/i,"");
					$(this).html( $(this).html().replace(/&nbsp;.* /i,"") );
					$(this).animate({"width":20},"fast");
					$(this).find("img").hide();
				} );*/
			}
		
		}

	}

	
}

// verifica se eh de flash e apresenta se for o caso
function sp_flashItem( obj ){

	// Apaga todos os flash de qq forma
	$("#sp_swf").remove();

	if( $(obj).hasClass('sp_flash_type') ){

		//var cs = $(obj).attr('class');
		//cs = cs.match(/sp_[0-9]{1}_[0-9]{1}/i);
		
		$(obj).append("<div id='sp_swf'></div>");
		swfobject.embedSWF(spURL+"/public/upload/usr/"+$(obj).attr("rel"), "sp_swf", "643", "408", "9.0.115", "expressInstall.swf",{},{"wmode":"transparent"});
		
	
	}

}

// verifica se eh de video e apresenta se for o caso
function sp_videoItem( obj ){

	// Apaga todos os flash de qq forma
	$("#sp_video").remove();

	if( $(obj).hasClass('sp_video_type') ){
		
		//$(obj).append("<div id='sp_video'></div>");
		
		var yt = $(obj).attr("rel");
		yt = yt.split("v=");
		
		$("#sp-botao").attr("href","javascript:void(0);");
		$("#sp-botao").click( function(){
		
			timerOn = false;
			$("#share_this").hide("fast");
			$("#sp-botao").hide();
			
			$(obj).append("<div id='sp_video'></div>");
		
			// 640x385
			swfobject.embedSWF( "http://www.youtube.com.br/v/"+yt[1]+"&autoplay=1&enablejsapi=1", "sp_video", "643", "408", "8", null,null,{wmode:"transparent",allowScriptAccess: "always"},{id: "myytplayer"});
			
		});
	
	}

}

	function onYouTubePlayerReady(playerId) {
	  ytplayer = document.getElementById("myytplayer");
	  ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
	}
	
	function onytplayerStateChange(newState) {
	
		//window.defaultStatus = "Player's new state: " + newState;
	
	   // 0 - ended
	   // 2 - pause
	   if( newState == 0 ){// || newState == 2 ){
			$("#sp_video").remove();
			$("#myytplayer").remove();
		   	timerOn = true;
			$("#share_this").show("fast");
			$("#sp-botao").show();
	   }
	   		
	   //alert("Player's new state: " + newState);
	   
	}

// clique no sub menu
function sp_submenuClick( a ){

	var i = $(a).parent().parent().parent().attr("id").replace(/sp_submenu_/i,"");
	var z = $(a).parent().attr("class").replace(/sp_sub_/i,"");

	// fade out na atual
	$(".foto-selected").fadeOut("fast");
	$(".foto-selected").removeClass("foto-selected");

	// fade in na solicitada
	$(".sp_"+i+"_"+z).addClass("foto-selected");
	$(".sp_"+i+"_"+z).fadeIn("fast",function(){
		// Chama para executar flash, somente se for flash
		sp_flashItem( $(".foto-selected") );
	});

	
}

// clique no menu principal
function sp_menuClick( a ){

	// index do menu
	var i = $(a).attr("class");
	i = i.replace(/sp_/i,"");
	
	// fade out na atual
	$(".foto-selected").fadeOut("normal");
	$(".foto-selected").removeClass("foto-selected");

	// marca como solicitada
	$(".sp_"+i+"_0").addClass("foto-selected");
	
	// Click
	$("#sp-botao").attr("href",$(".foto-selected").attr("rel"));
	
	// fade in na solicitada
	$(".sp_"+i+"_0").fadeIn("normal",function(){
	
		// Chama para executar flash, somente se for flash
		sp_flashItem( $(".foto-selected") );
		
		// Chama para executar video, somente se for video
		sp_videoItem( $(".foto-selected") );
		
	});
		
	// subs
	$(".submenu-selected").fadeOut("fast");
	$(".submenu-selected").removeClass("submenu-selected");
	$("#sp_submenu_"+i).addClass("submenu-selected");
	$("#sp_submenu_"+i).fadeIn("fast");
	
}

// adiciona fotos no container, com div apropriada
function sp_addFoto( item, menu, sub ){
	
	var div = $("#m_splash");
	var src = spURL+"/public/tbnail/?f=../upload/usr/"+item.imagem + "&w=643&h=408&c=true";

	div.append("<div id='sp_foto' class='sp_"+menu+"_"+sub+"'></div>");
	var foto = div.find("#sp_foto:last");
	foto.hide();
	foto.css({"position":"absolute","top":"0px","left":"0px"});
	foto.append("<img src='"+src+"'/>");
	
	foto.attr("rel",item.url);
	
	// verifica se eh flash e sinaliza como tal
	if( item.swf != undefined && item.swf != "" ){
		foto.addClass("sp_flash_type");
		foto.attr("rel",item.swf);
	}
	
	// verifica se eh video youtube e sinaliza como tal
	if( item.video != undefined && item.video != "" ){
		foto.addClass("sp_video_type");
		foto.attr("rel",item.video);
	}
	
}

$(document).ready( function(){

	sp_init();

	// rollover botoes
	$(".rollover").mouseover( function(){
		$(this).attr("src", $(this).attr("src").replace(".gif","2.gif") );
	} );
	// rollout botoes
	$(".rollover").mouseout( function(){
		$(this).attr("src", $(this).attr("src").replace("2.gif",".gif") );
	} );

} );