// JavaScript Document

//Variables de sistema
var slidetmp = 0;
var ncat = nsubcat.length;
var widthmenu = (anchocat > anchosubcat) ? anchocat : anchosubcat;
var zind = 0;
var rollover = 1;

$(document).ready(function(){
	var clicks = [];
	$("#menu").css("width",widthmenu+"px");
	$("#iframe").css("width",anchoiframe+"px");
	$("#iframe").css("height",altoiframe+"px");

	$("a[target='iframereal']").bind("click", function () {
		for (var i = 0; i < ncat; i++)
			$("#iframe #i"+i).fadeOut(timefadeout);
	});
	

	for (var k = 0; k < ncat; k++)
		clicks.push(0);

	for (var i = 0; i < ncat; i++)
	{
		$("#menu").append("\n\t<div id='a"+i+"' name='"+i+"' style='background-image: url(m"+i+".gif);width:"+anchocat+"px;height:"+altocat+"px;padding-top:"+margensupcat+"px;padding-bottom:"+margeninfcat+"px;background-repeat: no-repeat;background-position: 0px "+margensupcat+"px;'></div>\n");
		$("#menu #a"+i).bind("mouseover", function () {
			if (clicks[$(this).attr("name")] == 0)
			{
				$(this).css("background-image","url(m"+$(this).attr("name")+"b.gif)");
				if (rollover == 1)
				{
					$("#iframe #blanco").css("z-index",++zind);
					$("#iframe #blanco").show();
					$("#iframe #i"+$(this).attr("name")).css("z-index",++zind);
					$("#iframe #i"+$(this).attr("name")).fadeIn(timefadein);
				}
			}
		});
		$("#menu #a"+i).bind("mouseout", function () {
			if (clicks[$(this).attr("name")] == 0)
			{
				$(this).css("background-image","url(m"+$(this).attr("name")+".gif)");
				if (rollover == 1)
				{
					$("#iframe #blanco").hide();
					$("#iframe #i"+$(this).attr("name")).fadeOut(timefadeout);
				}
			}
		});
		$("#menu #a"+i).bind("click", function () {
			if (rollover == 0)
				$("#iframe #i"+$(this).attr("name")).fadeIn(timefadein);
			rollover = 0;
				setTimeout('rollover = 1;', slidetime*2);
			slidetmp = $(this).attr("name");
			if (clicks[$(this).attr("name")] == 0)
			{
				var hay = 0;
				for (var k=0; k < ncat; k++)
				{
					if (clicks[k] == 1)
					{
						hay = 1;
						slidetmp = $(this).attr("name");
						$("#menu #pleg"+k).slideUp(slidetime, function () {
							$("#menu #pleg"+slidetmp).slideDown(slidetime);
						});
						$("#iframe #i"+k).fadeOut(1);
						clicks[k] = 0;
						$("#menu #a"+k).css("background-image","url(m"+k+".gif)");
					}					
				}
				if (hay == 0)
					$("#menu #pleg"+$(this).attr("name")).slideDown(slidetime);
				clicks[$(this).attr("name")] = 1;
			}
			else
			{
				$("#menu #pleg"+$(this).attr("name")).slideUp(slidetime);
				clicks[$(this).attr("name")] = 0;
			}
		});
		$("#menu").append("\n\t\t<div style='display: none;' id='pleg"+i+"'></div>\n");
//			$("#menu #pleg"+i).slideUp(1);
			
		for (var j=0; j < nsubcat[i]; j++)
		{
			$("#menu #pleg"+i).append("\n\t\t<div id='a"+i+"-"+j+"' name='"+i+"-"+j+"' style='background-image: url(m"+i+"-"+j+".gif);width:"+anchosubcat+"px;height:"+altosubcat+"px;margin-top:"+margensupsubcat+"px;margin-bottom:"+margeninfsubcat+"px;'><span id='s"+i+"-"+j+"'name='"+subcats[i][j]+"'></span></div>\n");
			
			$("#menu #pleg"+i+" #a"+i+"-"+j).bind("mouseover", function () {	
				$(this).css("background-image","url(m"+$(this).attr("name")+"b.gif)");
			});
			$("#menu #pleg"+i+" #a"+i+"-"+j).bind("mouseout", function () {
				$(this).css("background-image","url(m"+$(this).attr("name")+".gif)");
			});
			$("#menu #pleg"+i+" #a"+i+"-"+j).bind("click", function () {
				rollover = 0;
				$("#iframereal").attr("src",$("#menu #pleg"+slidetmp+" #a"+$(this).attr("name")+" #s"+$(this).attr("name")).attr("name"));
				$("#iframe #i"+slidetmp).fadeOut(timefadeout);
				$("#iframe #blanco").hide();
			});
			
		}
		$("#iframe").append("\n\t\t<div id='i"+i+"' name='i"+i+"' style='background-color:#FFFFFF;width:"+anchoiframe+"px;height:"+altoiframe+"px;position:absolute; display: none;'><table border='0' cellpadding='0' cellspacing='0'><tr><th style='width:"+anchoiframe+"px;height:"+altoiframe+"px'><img src='i"+i+".jpg' id='im"+i+"' name='im"+i+"'></th></tr></table></div>");
		//$("#iframe #i"+i).fadeOut(1);

	}
	$("#iframe").append("\n\t\t<div id='blanco' name='blanco' style='background-color:#FFFFFF;width:"+anchoiframe+"px;height:"+altoiframe+"px;position:absolute; display: none;'></div>");
	//$("#iframe #blanco").hide();
	$("#iframe").append("\n\t\t<iframe src='"+pageprinc+"' id='iframereal' name='iframereal' style='"+estiloiframe+"width:"+anchoiframe+"px;height:"+altoiframe+"px;position:realtive;' "+propiedadesiframe+"></iframe>");
	//Esto que viene es para precargar las imágenes tipo B
	$("#menu").append("<div id='preload' style='display: none;'></div>");
	for (var i = 0; i < ncat; i++)
	{
		$("#preload").append("<img src='m"+i+"b.gif' />");
		$("#preload").append("<img src='m"+i+".gif' />");
		for (var j=0; j < nsubcat[i]; j++)
		{
			$("#preload").append("<img src='m"+i+"-"+j+"b.gif' />");
			$("#preload").append("<img src='m"+i+"-"+j+".gif' />");
		}
	}
	//$("#preload").fadeOut(1);
});