$(document).ready(function() {
	
	if ($("#mostrar").val())
		mostrar($("#mostrar").val());
	$('.scroll-pane').jScrollPane();
	ajustarAltura();

});

// JavaScript Document


	
function mostrar(div){
	$('#show_project').html("");
	if (ant4!=""){
		link_ant4=document.getElementById(ant4);
		link_ant4.className="links01";
		ant4='';
	}
	//ajustarAltura();

	for(i=1;i<6;i++){ 	
		if(i!=div){
			$('#SM'+i).slideUp(200);
		}else{
		if(i==3){
			$('#SM'+div).slideToggle(200, function() {$('.scroll-pane').jScrollPane();});
		}else{
			$('#SM'+div).slideToggle(200);
		}
		//ajustarAltura();
		}
	}
}

var ant1=''
var ant2='';
var ant3='';
var ant4='';

function Appear(div){
	
	$('#show_project').html("");

	var link=document.getElementById('link_'+div);
	if (div!=ant1){
		if (ant1!=""){
			link_ant1=document.getElementById('link_'+ant1);
			link_ant1.className="links01";
		}
	}
	if (ant2!=""){
		link_ant2=document.getElementById('link_'+ant2);
		link_ant2.className="links01";
		ant2="";
	}
	if (ant3!=""){
		link_ant3=document.getElementById(ant3);
		link_ant3.className="links01";
		ant3='';
	}
	if (ant4!=""){
		link_ant4=document.getElementById(ant4);
		link_ant4.className="links01";
		ant4='';
	}

	link.className="links01_active";
	ant1=div;

	var div=document.getElementById(div);

	var uls=document.getElementsByTagName('ul');

	for(i=1;i<uls.length;i++){
		if(uls[i].className=="Cosito" || uls[i].className=="Inner"){
			uls[i].style.display="none";
		}
		if(uls[i].className=="InnerProjects"){
			uls[i].style.display="none";
		}
	}

	if(div.style.display=="block"){
		div.style.display="none"
	}else{
		div.style.display="block";
	
		ajustarMargen(document.getElementById('SM3'), div);
	}
}

/*
function Appear(diva){
	var div=document.getElementById(diva);
	var uls=document.getElementsByTagName('ul');

	for(i=1;i<uls.length;i++){
		if(uls[i].className=="Cosito"){
			uls[i].style.display="none";
		}
	}

	if(div.style.display=="block"){
		div.style.display="none"
	}else{
		div.style.display="block";
	}
}
*/



function Appear2(div, ulPadre){//div=cosito_{$cont}_{$cont2}
	$('#show_project').html("");
	var link2=document.getElementById('link_'+div);
	if (div!=ant2){
		if (ant2!=""){
			link_ant2=document.getElementById('link_'+ant2);
			link_ant2.className="links01";
		}
		ant2=div;
	}
	if (ant3!=""){
		link_ant3=document.getElementById(ant3);
		link_ant3.className="links01";
		ant3='';
	}
	if (ant4!=""){
		link_ant4=document.getElementById(ant4);
		link_ant4.className="links01";
		ant4='';
	}
	link2.className="links01_active";


	var div=document.getElementById(div);

	var uls=document.getElementsByTagName('ul');

	for(i=1;i<uls.length;i++){
		if(uls[i].className=="Inner"){
			uls[i].style.display="none";
		}
		if(uls[i].className=="InnerProjects"){
			uls[i].style.display="none";
		}
	}
	if(div.style.display=="block"){
		div.style.display="none"
	}else{
		div.style.display="block";
		ajustarMargen(document.getElementById(ulPadre), div);
	}
}

function Appear3(div, ulPadre){//div = campaign_{$reg3.CampaignId}
	$('#show_project').html("");
	var link2=document.getElementById('link_'+div);
/*	if (div!=ant3){
		if (ant3!=""){
			link_ant3=document.getElementById('link_campaign_'+ant3);
			link_ant3.className="links01";
		}
		ant3=div;
	}*/
	if (ant4!=""){
		link_ant4=document.getElementById(ant4);
		link_ant4.className="links01";
		ant4='';
	}
	link2.className="links01_active";


	var div=document.getElementById(div);
	
	// Marco en color el primer item de la lista (si existe)
	if(div.childNodes[0]){
		if(div.childNodes[0].firstChild){
			div.childNodes[0].firstChild.className = "links01_active";
			ant4=div.childNodes[0].firstChild.id;
		}else{
			if(div.childNodes[1] && div.childNodes[1].firstChild){
				div.childNodes[1].firstChild.className = "links01_active";
				ant4=div.childNodes[1].firstChild.id;
			}
		}
	}
	
	var uls=document.getElementsByTagName('ul');

	for(i=1;i<uls.length;i++){
		if(uls[i].className=="InnerProjects"){
			uls[i].style.display="none";
		}
	}
	if(div.style.display=="block"){
		div.style.display="none"
	}else{
		div.style.display="block";
		ajustarMargen(document.getElementById(ulPadre), div);
	}
}

function show_project(ProyectoId) {
	$.ajax({
		type: "POST",
		url: "ajax_get_projects.php?accion=show_project&ProyectoId="+ProyectoId,
		data: $("#f1").serialize(),
		success: function(data){
			$('#show_project').html(data);
			//ajustarAltura();
			/*if (video_type!=3)
				start_video();*/
		}
	});
}

function show_campaign(CampaignId,ProjectId) {

	var link=document.getElementById('link_campaign_'+CampaignId);
	var linkProject=document.getElementById('link_project_'+ProjectId);
	if (link && ('link_campaign_'+CampaignId != ant3)){
		if (ant3!=""){
			link_ant=document.getElementById(ant3);
			link_ant.className="links01";
		}
		ant3='link_campaign_'+CampaignId;
	}
	if (linkProject && ProjectId != 0 && ('link_project_'+ProjectId != ant4)){
		if (ant4!=""){
			link_ant=document.getElementById(ant4);
			link_ant.className="links01";
		}
		ant4='link_project_'+ProjectId;
	}
	
	link.className="links01_active";
	if(linkProject)linkProject.className="links01_active";

	$.ajax({
		type: "POST",
		url: "ajax_get_campaigns.php?accion=show_campaign&CampaignId="+CampaignId+"&ProjectId="+ProjectId,
		data: $("#f1").serialize(),
		success: function(data){
			$('#show_project').html(data);
			//ajustarAltura();
			/*if (video_type!=3)
				start_video();*/
		}
	});
}

function start_video() {

	/*
		use flashembed to place flowplayer into HTML element
		whose id is "example" (below this script tag)
	 */
	 flashembed("video",

		/*
			first argument supplies standard Flash parameters. See full list:
			http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
		*/
		{
			src:'libs/flowplayer/flash/FlowPlayerDark.swf',
			width: 640,
			height: 360
		},

		/*
			second argument is Flowplayer specific configuration. See full list:
			http://flowplayer.org/player/configuration.html
		*/
		{config: {
			autoPlay: false,
			autoBuffering: true,
			initialScale: 'scale',
			videoFile: $("#video_file").val(),
			splashImageFile: $("#image_file").val(),
			showVolumeSlider: false,
			showMuteVolumeButton: false,
			showMenu: false,
			controlBarBackgroundColor: '0x555555',
			controlBarGloss: 'none',
			bufferBarColor1:'0x555555',
			bufferBarColor2:'0xff0000'

		}}
	);
}

function select_lang(language){
	$('#language').val(language);
	document.f1.action="index.php";
	document.f1.submit();
}

window.onresize = function(){
	ajustarAltura();
	
}

function ajustarAltura(){
	var top = setContent("apDiv1");
	document.getElementById("apDiv1").style.visibility = "visible";
	var div2 = document.getElementById("apDiv2");
	if(div2) div2.style.top = top + "px";
	
}

function getWindowHeight() {
	var windowHeight = 0;
	if (typeof(window.innerHeight) == 'number') {
		windowHeight = window.innerHeight;
	}
	else {
		if (document.documentElement && document.documentElement.clientHeight) {
			windowHeight = document.documentElement.clientHeight;
		}
		else {
			if (document.body && document.body.clientHeight) {
				windowHeight = document.body.clientHeight;
			}
		}
	}
	return windowHeight;
}
function setContent(idContent) {
	var top = 0;
	var a = document.getElementById(idContent);
	if (a) {
		var windowHeight = getWindowHeight();
		if (windowHeight > 0) {
			var contentElement = document.getElementById(idContent);
			var contentHeight = contentElement.offsetHeight;
			if (windowHeight - contentHeight > 0) {
				contentElement.style.position = 'relative';
				contentElement.style.top = ((windowHeight / 2) - (contentHeight / 2)) + 'px';
				top = ((windowHeight / 2) - (contentHeight / 2));
			}
			else {
				contentElement.style.position = 'relative';
				contentElement.style.top = "0px";
				//top = ((windowHeight / 2) - (contentHeight / 2));
			}
		}
	}
	return top;
}


function ajustarMargen(div, divAjustar){
	ancho = 0;
	for (var i = 0, l = div.childNodes.length; i < l; i++){
		if(div.childNodes[i].nodeName == 'LI'){
			hijoLi = div.childNodes[i];
			for (var j = 0, m = hijoLi.childNodes.length; j < m; j++){
				if(hijoLi.childNodes[j].nodeName == 'A'){
					if(hijoLi.childNodes[j].offsetWidth > ancho){
						ancho = hijoLi.childNodes[j].offsetWidth;
					}
				}
			}
			
		}
	}
	
	ancho += 15;
	divAjustar.style.left = ancho + 'px';
}

function mostrar_foto_book(){
	$.ajax({
		type: "POST",
		url: "ajax_get_imgbook.php",
		success: function(data){
			$('#show_project').html(data);
			//ajustarAltura();
		}
	});
}

	$('#mycustomscroll').jScrollPane();