var overStatus = 0 ;
var browser ;

function Categorias(category) {

	var i;
	var codigo;

	if (document.layers){
		for(i in cats) { 
			if (i == category ){
				codigo = '<td><div id="Label'+i+'" class="labelHi">';		
				codigo += '<a class="labelLink" href="/nuevo/'+ i +'/index.html" onMouseOver="LabelOver(\'category'+i+'\', \'Label'+i+'\');"  onClick="this.blur();" title="Ir a la &quot;'+cats[i]+'&quot;">'+cats[i]+'</a></div></td>';			
			}else{
				codigo = '<td><div id="Label'+i+'" class="labelLo">';		

				codigo += '<a class="labelLink" href="/nuevo/'+ i +'/index.html" onMouseOver="LabelOver(\'category'+i+'\', \'Label'+i+'\');"  onClick="this.blur();" title="Ir a la &quot;'+cats[i]+'&quot;">'+cats[i]+'</a></div></td>';			

			}
			document.write(codigo);

		}

	}else{
		for(i in cats) {
			if (i == category ){
				codigo = '<td><div id="Label'+i+'" class="labelHi" style="margin-left:13px;" onMouseOver="LabelOver(\'category'+i+'\', \'Label'+i+'\');" onMouseOut="LabelOut();">';		
                                codigo += '<a class="labelLink" href="/nuevo/'+ i +'/index.html" onMouseOver="window.status=\'Tema: '+cats[i]+'\'; return true;" onMouseOut="window.status=\'\'; return true;" onClick="this.blur();" title="Ir a la &quot;'+cats[i]+'&quot;">'+cats[i]+'</a></div></td>';
		
	}else{
				codigo = '<td><div id="Label'+i+'" class="labelLo" style="margin-left:13px;" onMouseOver="LabelOver(\'category'+i+'\', \'Label'+i+'\');" onMouseOut="LabelOut();">';		
				codigo += '<a class="labelLink" href="/nuevo/'+ i +'/index.html" onMouseOver="window.status=\'Tema: '+cats[i]+'\'; return true;" onMouseOut="window.status=\'\'; return true;" onClick="this.blur();" title="Ir a la &quot;'+cats[i]+'&quot;">'+cats[i]+'</a></div></td>';			

			}
		
			document.write(codigo);
		}
	}

}

function SubCategorias(category, subcategory) {

	var i;
	var codigo;
	if (document.layers){
		for(i in subcats) {
			codigo = '<div id="category'+i+'" class="testlayer1"><table><tr>';
			var j;
			for(j in subcats[i]) {
				if (j == subcategory ){
					codigo += '<td><a class="subcatLinkHi" href="/nuevo/'+ i +'/' + j + '/index.html" onMouseOver="window.status=\'\'; return true;" onMouseOut="window.status=\'\'; return true;" onClick="this.blur();"><font color="#CCCCCC">'+subcats[i][j]+'</font></a></td>';

		
				}else{
					codigo += '<td><a class="subcatLink" href="/nuevo/'+ i +'/' + j + '/index.html" onMouseOver="window.status=\'\'; return true;" onMouseOut="window.status=\'\'; return true;" onClick="this.blur();">'+subcats[i][j]+'</a></td>';

				}
	
		}


			codigo += '</tr></table></div>';
			document.write(codigo);
		}
		if (category != 0){
			var categoria ='category'+category; 
	        	var y = new getObj(categoria);
	        	y.style.visibility = 'visible'
		}
	}else{
		for(i in subcats) {
			if (i == category ){
				codigo = '<div id="category'+i+'" style="display:block;">';
		
	}
			else{
				codigo = '<div id="category'+i+'" style="display:none;">';

			}
			var j;
			for(j in subcats[i]) {
				if (j == subcategory ){
					codigo += '<a class="subcatLinkHi" href="/nuevo/'+ i +'/' + j + '/index.html" onMouseOver="window.status=\'\'; return true;" onMouseOut="window.status=\'\'; return true;" onClick="this.blur();"><font color="#666666">'+subcats[i][j]+'</font></a>';

		
				}else{
					codigo += '<a class="subcatLink" href="/nuevo/'+ i +'/' + j + '/index.html" onMouseOver="window.status=\'\'; return true;" onMouseOut="window.status=\'\'; return true;" onClick="this.blur();">'+subcats[i][j]+'</a>';

				}

			}

			codigo += '</div>';
			document.write(codigo);
		}
	}
}

function LabelOver(subcat,cat)  
{
	overStatus = 1;
	HideAll();
	var y = new getObj(subcat);
	if(document.getElementById){
		y.style.display = 'block';
		var x = new getObj(cat);
		x.style.backgroundColor="#eee";
	}else{
		y.style.visibility = 'visible';
	}

}

function getObj(name){
  if (document.getElementById){

  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
	this.obj = getObjNN4(document,name);
	this.style = this.obj;

  }
}


function getObjNN4(obj,name)
{
	var x = obj.layers;
	var foundLayer;
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id == name)
		 	foundLayer = x[i];
		else if (x[i].layers.length)
			var tmp = getObjNN4(x[i],name);
		if (tmp) foundLayer = tmp;
	}
	return foundLayer;
}

	


function LabelOut() {
	overStatus = 0 ;
	setTimeout( 'Reset()' , 1000 );
}
	


function CategoryOver(){
	overStatus = 1 ;
}
	


function CategoryOut(){
	overStatus = 0 ;
//	setTimeout( 'Reset()' , 1000 );
}
	


function HideAll() {
	var i;
	for(i in cats) {
		var c = 'category' + i;
		//var y = new getObj(c);
		if (document.getElementById){
			if (category != 0){
				document.getElementById("Label" + category).style.backgroundColor="#fff";

			}
			document.getElementById(c).style.display = 'none';
			
			var label = "Label" + i ;
			var x = new getObj(label);
			x.style.backgroundColor="transparent";
			
		}else{
			var y = new getObj(c);
			y.style.visibility = 'hidden';
		}
	}

}
	


function Reset(){
	if(overStatus == 0){
		HideAll();
		if (category != 0){
			var cat = "category" + category ;
			//var y = new getObj(category);
			if (document.getElementById){
			
				document.getElementById(cat).style.display ='block';
				var label = "Label" + category ;
				var x = new getObj(label);
				x.style.backgroundColor="#eee";
			}else{
				var y = new getObj(category);	
                        	y.style.visibility = 'visible';
			}
		}
	}
}
	
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "','toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=450,height=450');");
}