var revista_on = false;
var estudia_on = false;
var viaja_on = false;

$(document).ready(function(){

	//revista
	$("#menu-revista-image img#revista-blanco").mouseenter(function(){
		$(this).css("cursor","pointer");
	});

	$("#revista-img-container").click(function(){	
		if(!revista_on){
			$("img#revista-blanco").css("display","none");
			$("img#revista-amarillo").css("display","inline");

			$("#menu-revista-fondo img#revista-fondo").animate({height:"49px",width:"496px"},
				function(){
				$("#menu-revista-text").css("visibility","visible");
				});
			revista_on = true; //visible to user
		}else{
			$("img#revista-blanco").css("display","inline");
			$("img#revista-amarillo").css("display","none");

			$("#menu-revista-text").css("visibility","hidden");
			$("#menu-revista-fondo img#revista-fondo").animate({height:"49px",width:"0px"},
				function(){
				$("#menu-revista-text").css("visibility","hidden");
				});
			revista_on = false;
		}
			
	});

	//estudia
	$("#menu-estudia-image img#estudia-blanco").mouseenter(function(){
		$(this).css("cursor","pointer");
	});

	$("#estudia-img-container").click(function(){
		if(!estudia_on){
			$("img#estudia-blanco").css("display","none");
			$("img#estudia-amarillo").css("display","inline");

			$("#menu-estudia-fondo img#estudia-fondo").animate({height:"49px",width:"496px"},	
				function(){
				$("#menu-estudia-text").css("visibility","visible");
				});
			estudia_on = true;
		}else{
			$("img#estudia-blanco").css("display","inline");
			$("img#estudia-amarillo").css("display","none");

			$("#menu-estudia-text").css("visibility","hidden");
			$("#menu-estudia-fondo img#estudia-fondo").animate({height:"49px",width:"0px"},
				function(){
				$("#menu-estudia-text").css("visibility","hidden");
				});
			estudia_on = false;
		}
	});

	//viaja
	$("#menu-viaja-image img#viaja-blanco").mouseenter(function(){
		$(this).css("cursor","pointer");
	});

	$("#viaja-img-container").click(function(){
		if(!viaja_on){
			$("img#viaja-blanco").css("display","none");
			$("img#viaja-amarillo").css("display","inline");			

			$("#menu-viaja-fondo img#viaja-fondo").animate({height:"49px",width:"323px"},
				function(){
				$("#menu-viaja-text").css("visibility","visible");
				});
				viaja_on = true;
		}else{
			$("img#viaja-blanco").css("display","inline");
			$("img#viaja-amarillo").css("display","none");

			$("#menu-viaja-text").css("visibility","hidden");
			$("#menu-viaja-fondo img#viaja-fondo").animate({height:"49px",width:"0px"},
				function(){
				$("#menu-viaja-text").css("visibility","hidden");
				});			
			viaja_on = false;
		}
	});
});

function set_revista_on(){
	if(!revista_on){
		$("img#revista-blanco").css("display","none");
		$("img#revista-amarillo").css("display","inline");
		revista_on = true;
	}
}
function set_estudia_on(){
	if(!estudia_on){
		$("img#estudia-blanco").css("display","none");
		$("img#estudia-amarillo").css("display","inline");
		estudia_on = true;
	}
}
function set_viaja_on(){
	if(!viaja_on){
		$("img#viaja-blanco").css("display","none");
		$("img#viaja-amarillo").css("display","inline");
		viaja_on = true;
	}
}

function preload_images(){

	var path = "/images/template";
	//preload total of 9 images
	var total = 9;
	var i = 0;
	var imageObjects = new Array();
	for(i = 0; i < total; i++){
		imageObjects[i] = new Image();
	}
	
	var images = new Array();
	images[0] = path + "/header/revista-blanco.png";
	images[1] = path + "/header/revista-amarillo.png";
	images[2] = path + "/header/revista-fondo.png";

	images[3] = path + "/header/estudia-blanco.png";
	images[4] = path + "/header/estudia-amarillo.png";
	images[5] = path + "/header/estudia-fondo.png";
	
	images[6] = path + "/header/viaja-blanco.png";
	images[7] = path + "/header/viaja-amarillo.png";
	images[8] = path + "/header/viaja-fondo.png";

	for(i = 0; i < total; i++){
		imageObjects[i].src = images[i];
	}
}