// JavaScript Document
var timer=0; //cronometro de .4s para ocultar todos los menus
var timer_cortina=0; //cronometro de .2s para ocultar cortina
var k=0; //para que el menu no se pierda
var def=0;

var seccion=0;
var opcion=0;

//Contents for menu 1
var menu1=new Array()

//Contents for menu 2, and so on
var menu2=new Array()

//Contents for menu 3, and so on
var menu3=new Array()

//Contents for menu 4, and so on
var menu4=new Array()

//Contents for menu 5, and so on
var menu5=new Array()

//Contents for menu 6, and so on
var menu6=new Array()

/////////////////////////////////////////////////////////////////////////////////////////////////////////////
//Useful functions
function findPosY(obj) {
	var posTop = 0;
	while (obj.offsetParent) {posTop += obj.offsetTop; obj = obj.offsetParent;}
	return posTop;
}
function findPosX(obj) {
	var posLeft = 0;
	while (obj.offsetParent) {posLeft += obj.offsetLeft; obj = obj.offsetParent;}
	return posLeft;
}

///////////////////////////////////////////////////////////////////////////////////////////////////
// USED FOR GETTING THE COMPUTED WIDTH OF AN ELEMENT IN PIXELS
///////////////////////////////////////////////////////////////////////////////////////////////////
var getWidth = function (/* Object */ el, /* boolean */ includePadding, /* boolean */ includeBorder) {
    var width;
    el = (typeof(el) === "string") ? document.getElementById(el) : el;	
    
    if (window.getComputedStyle) { // FF, Safari, Opera
        var style = document.defaultView.getComputedStyle(el, null);
        if (style.getPropertyValue("display") === "none")
            return 0;
        width = parseInt(style.getPropertyValue("width"));
        
        if (/opera/i.test(navigator.userAgent)) {
            // opera includes the padding and border when reporting the width/height - subtract that out
            width -= parseInt(style.getPropertyValue("padding-left"));
            width -= parseInt(style.getPropertyValue("padding-right"));
            width -= parseInt(style.getPropertyValue("border-left-width"));
            width -= parseInt(style.getPropertyValue("border-right-width"));
        }
        
        if (includePadding) {
            width += parseInt(style.getPropertyValue("padding-left"));
            width += parseInt(style.getPropertyValue("padding-right"));
        }
        
        if (includeBorder) {
            width += parseInt(style.getPropertyValue("border-left-width"));
            width += parseInt(style.getPropertyValue("border-right-width"));
        }
    } else { // IE
        if (el.currentStyle["display"] === "none")
            return 0;
        var bRegex = /thin|medium|thick/; // regex for css border width keywords
        width = el.offsetWidth; // currently the width including padding + border
        
        if (!includeBorder) {
            var borderLeftCSS = el.currentStyle["borderLeftWidth"];
            var borderRightCSS = el.currentStyle["borderRightWidth"];
            var temp = document.createElement("DIV");
            if (el.offsetWidth > el.clientWidth && el.currentStyle["borderLeftStyle"] !== "none") {
                if (!bRegex.test(borderLeftCSS)) {
                    temp.style.width = borderLeftCSS;
                    el.parentNode.appendChild(temp);
                    width -= Math.round(temp.offsetWidth);
                    el.parentNode.removeChild(temp);
                } else if (bRegex.test(borderLeftCSS)) {
                    temp.style.width = "10px";
                    temp.style.border = borderLeftCSS + " " + el.currentStyle["borderLeftStyle"] + " #000000";
                    el.parentNode.appendChild(temp);
                    width -= Math.round((temp.offsetWidth-10)/2);
                    el.parentNode.removeChild(temp);
                }
            }
            if (el.offsetWidth > el.clientWidth && el.currentStyle["borderRightStyle"] !== "none") {
                if (!bRegex.test(borderRightCSS)) {
                    temp.style.width = borderRightCSS;
                    el.parentNode.appendChild(temp);
                    width -= Math.round(temp.offsetWidth);
                    el.parentNode.removeChild(temp);
                } else if (bRegex.test(borderRightCSS)) {
                    temp.style.width = "10px";
                    temp.style.border = borderRightCSS + " " + el.currentStyle["borderRightStyle"] + " #000000";
                    el.parentNode.appendChild(temp);
                    width -= Math.round((temp.offsetWidth-10)/2);
                    el.parentNode.removeChild(temp);
                }
            }
        }
        
        if (!includePadding) {
            var paddingLeftCSS = el.currentStyle["paddingLeft"];
            var paddingRightCSS = el.currentStyle["paddingRight"];
            var temp = document.createElement("DIV");
            temp.style.width = paddingLeftCSS;
            el.parentNode.appendChild(temp);
            width -= Math.round(temp.offsetWidth);
            temp.style.width = paddingRightCSS;
            width -= Math.round(temp.offsetWidth);
            el.parentNode.removeChild(temp);
        }
    }
    
    return width;
}

///////////////////////////////////////////////////////////////////////////////////////////////////
// USED FOR GETTING THE COMPUTED HEIGHT OF AN ELEMENT IN PIXELS
///////////////////////////////////////////////////////////////////////////////////////////////////
var getHeight = function (/* Object */ el, /* boolean */ includePadding, /* boolean */ includeBorder) {
    var height;
    el = (typeof(el) === "string") ? document.getElementById(el) : el;
    
    if (window.getComputedStyle) { // FF, Safari, Opera
        var style = document.defaultView.getComputedStyle(el, null);
        if (style.getPropertyValue("display") === "none")
            return 0;
        height = parseInt(style.getPropertyValue("height"));
        
        if (/opera/i.test(navigator.userAgent)) {
            // opera includes the padding and border when reporting the width/height - subtract that out
            height -= parseInt(style.getPropertyValue("padding-top"));
            height -= parseInt(style.getPropertyValue("padding-bottom"));
            height -= parseInt(style.getPropertyValue("border-top-width"));
            height -= parseInt(style.getPropertyValue("border-bottom-width"));
        }
        
        if (includePadding) {
            height += parseInt(style.getPropertyValue("padding-top"));
            height += parseInt(style.getPropertyValue("padding-bottom"));
        }
        
        if (includeBorder) {
            height += parseInt(style.getPropertyValue("border-top-width"));
            height += parseInt(style.getPropertyValue("border-bottom-width"));
        }
    } else { // IE
        if (el.currentStyle["display"] === "none")
            return 0;
        var bRegex = /thin|medium|thick/; // regex for css border width keywords
        height = el.offsetHeight; // currently the height including padding + border
    
        if (!includeBorder) {
            var borderTopCSS = el.currentStyle["borderTopWidth"];
            var borderBottomCSS = el.currentStyle["borderBottomWidth"];
            var temp = document.createElement("DIV");
            if (el.offsetHeight > el.clientHeight && el.currentStyle["borderTopStyle"] !== "none") {
                if (!bRegex.test(borderTopCSS)) {
                    temp.style.width = borderTopCSS;
                    el.parentNode.appendChild(temp);
                    height -= Math.round(temp.offsetWidth);
                    el.parentNode.removeChild(temp);
                } else if (bRegex.test(borderTopCSS)) {
                    temp.style.width = "10px";
                    temp.style.border = borderTopCSS + " " + el.currentStyle["borderTopStyle"] + " #000000";
                    el.parentNode.appendChild(temp);
                    height -= Math.round((temp.offsetWidth-10)/2);
                    el.parentNode.removeChild(temp);
                }
            }
            if (el.offsetHeight > el.clientHeight && el.currentStyle["borderBottomStyle"] !== "none") {
                if (!bRegex.test(borderBottomCSS)) {
                    temp.style.width = borderBottomCSS;
                    el.parentNode.appendChild(temp);
                    height -= Math.round(temp.offsetWidth);
                    el.parentNode.removeChild(temp);
                } else if (bRegex.test(borderBottomCSS)) {
                    temp.style.width = "10px";
                    temp.style.border = borderBottomCSS + " " + el.currentStyle["borderBottomStyle"] + " #000000";
                    el.parentNode.appendChild(temp);
                    height -= Math.round((temp.offsetWidth-10)/2);
                    el.parentNode.removeChild(temp);
                }
            }
        }
    
        if (!includePadding) {
            var paddingTopCSS = el.currentStyle["paddingTop"];
            var paddingBottomCSS = el.currentStyle["paddingBottom"];
            var temp = document.createElement("DIV");
            temp.style.width = paddingTopCSS;
            el.parentNode.appendChild(temp);
            height -= Math.round(temp.offsetWidth);
            temp.style.width = paddingBottomCSS;
            height -= Math.round(temp.offsetWidth);
            el.parentNode.removeChild(temp);
        }
    }
    
    return height;
}


/////////////////////////////////////////////////////////////////////////////////////////////////////////////

/* funcion para las paginas internas*/
function hideMenu(pos) {
	timer_cortina=setTimeout('hideCortina();',200);
	timer=setTimeout('deleteSubMenu('+pos+');',200);
//	timer=setTimeout('opacity("mnc_'+pos+'",100,0,350,'+pos+')',100);	
}

function deleteSubMenu(pos) {
	var nombre=document.getElementById('mn_'+pos).src;
	if(nombre.indexOf('_on.gif') >= 0 && def!=pos) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('_on.gif'))+'.gif';
	
	var formElement = document.getElementById('mnc_'+pos);
	if (formElement && formElement.parentNode && formElement.parentNode.removeChild) {
		formElement.parentNode.removeChild(formElement);
	}
	k=0;
}

function showMenu(pos) {
	if(k!=pos) {
		var nombre=document.getElementById('mn_'+pos).src;
		if(pos!=0) { 
			if(nombre.indexOf('_on.gif') < 0 && def!=pos) 
				document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('.gif'))+'_on.gif';
			else 
				k=pos; //es 1 solo si es la seccion donde estoy
			if(timer_cortina!=0) 
				clearTimeout(timer_cortina); 
			k=pos;
			createDivSubMenu(pos);
		}
	}
}

function createDivSubMenu(pos) {
		var MenuObj = document.getElementById('mn_'+pos)
		var SubMenuTop = document.createElement('div');
		var itemsMenu = 0;
		var mnBody = "";
		
		SubMenuTop.id='mnc_'+pos;
		SubMenuTop.className = 'floatmenu';
		SubMenuTop.style.left = findPosX(MenuObj)+MenuObj.width+'px';
		SubMenuTop.style.top = findPosY(MenuObj)+'px';
		itemsMenu = 8;
		
		switch(pos) {
			case 1: 
				total = menu1.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + menu1[(j*itemsMenu)+i]
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
			SubMenuTop.innerHTML=mnBody; 
			break;
			case 2: 
				total = menu2.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + menu2[(j*itemsMenu)+i]
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
			SubMenuTop.innerHTML=mnBody; 
			break;
			case 3:
				total = menu3.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + menu3[(j*itemsMenu)+i]
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
			SubMenuTop.innerHTML=mnBody; 
			break;
			case 4: 
				total = menu4.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + menu4[(j*itemsMenu)+i]
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
			SubMenuTop.innerHTML=mnBody; 
			break;
			case 5: 
				total = menu5.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + menu5[(j*itemsMenu)+i]
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
			SubMenuTop.innerHTML=mnBody; 
			break;
			case 6: 
				total = menu6.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + menu6[(j*itemsMenu)+i]
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
			SubMenuTop.innerHTML=mnBody; 
			break;
		}
	
		document.getElementsByTagName("body")[0].appendChild(SubMenuTop);
//		opacity('mnc_'+pos,0,100,350, pos);
		if(timer_cortina==0) showCortina();
}

/* funcion para el home */
function showMenu_Home(pos) {
	if(k!=pos) {
		var nombre=document.getElementById('mn_'+pos).src;
		if(pos!=0) { 
	
			if(nombre.indexOf('_on.jpg') < 0) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('.jpg'))+'_on.jpg';
	//		if(timer_cortina!=0) clearTimeout(timer_cortina); 
			k=pos;
			createDivSubMenu_Home(pos);
		}
	}
//	clearTimeout(timer);
}

function createDivSubMenu_Home(pos) {
		var MenuObj = document.getElementById('mn_'+pos);
		var SubMenuTop = document.createElement('div');
		
		SubMenuTop.id='mnc_'+pos;
		SubMenuTop.className = 'floatmenu';
		SubMenuTop.style.left = findPosX(MenuObj)-15+'px';
		document.getElementsByTagName("body")[0].appendChild(SubMenuTop);
		
		var submenu_on = document.getElementById('mnc_'+pos);
		itemsMenu = 8;
	
		switch(pos) {
			case 1: 
				total = menu1.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + "<td>"+menu1[(j*itemsMenu)+i]+"</td>"
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
				submenu_on.innerHTML=mnBody; 
				submenu_on.style.top = findPosY(MenuObj)-MenuObj.style.height-getHeight(submenu_on,false,false)+'px';
				if (total > itemsMenu) { submenu_on.style.left = findPosX(MenuObj)-(getWidth(submenu_on,false,false)/totaldeColumnas)+'px' }
				break;
			case 2: 
				total = menu2.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + "<td>"+menu2[(j*itemsMenu)+i]+"</td>"
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
				submenu_on.innerHTML=mnBody; 
				submenu_on.style.top = findPosY(MenuObj)-MenuObj.style.height-getHeight(submenu_on,false,false)+'px';
				if (total > itemsMenu) { submenu_on.style.left = findPosX(MenuObj)-(getWidth(submenu_on,false,false)/totaldeColumnas)+'px' }
				break;
			case 3: 
				total = menu3.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + "<td>"+menu3[(j*itemsMenu)+i]+"</td>"
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				
				submenu_on.innerHTML=mnBody; 
				submenu_on.style.top = findPosY(MenuObj)-MenuObj.style.height-getHeight(submenu_on,false,false)+'px';
				if (total > itemsMenu) { submenu_on.style.left = findPosX(MenuObj)-(getWidth(submenu_on,false,false)/totaldeColumnas)+'px' }
				break;
			case 4: 
				total = menu4.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + "<td>"+menu4[(j*itemsMenu)+i]+"</td>"
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";

				submenu_on.innerHTML=mnBody; 
				submenu_on.style.top = findPosY(MenuObj)-MenuObj.style.height-getHeight(submenu_on,false,false)+'px';
				if (total > itemsMenu) { submenu_on.style.left = findPosX(MenuObj)-(getWidth(submenu_on,false,false)/totaldeColumnas)+'px' }
				break;
			case 5: 
				total = menu5.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + "<td>"+menu5[(j*itemsMenu)+i]+"</td>"
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";
				//alert (mnBody);
				
			//SubMenuTop.innerHTML="<table><tr><td>"+menu1.join("")+"</td></tr></table>"; break;
				submenu_on.innerHTML=mnBody; 
				submenu_on.style.top = findPosY(MenuObj)-MenuObj.style.height-getHeight(submenu_on,false,false)+'px';
				if (total > itemsMenu) { submenu_on.style.left = findPosX(MenuObj)-(getWidth(submenu_on,false,false)/totaldeColumnas)+'px' }
				break;
			case 6: 
				total = menu6.length;
				totaldeColumnas = parseInt(total/itemsMenu);
				if(totaldeColumnas*itemsMenu<total)
				{
					totaldeColumnas++;	
				}
				mnBody = "<table border='0' cellspacing='0' cellpadding='0'>";
				for (var i=0; i<itemsMenu; i++) {
						for (var j=0; j<totaldeColumnas; j++) {
							if((j*itemsMenu)+i<total)
							{
								mnBody = mnBody + "<td>"+menu6[(j*itemsMenu)+i]+"</td>"
							}
						}
					mnBody = mnBody + "</tr>"
				}
				mnBody = mnBody + "</table>";

				submenu_on.innerHTML=mnBody; 
				submenu_on.style.top = findPosY(MenuObj)-MenuObj.style.height-getHeight(submenu_on,false,false)+'px';
				if (total > itemsMenu) { submenu_on.style.left = findPosX(MenuObj)-(getWidth(submenu_on,false,false)/totaldeColumnas)+'px' }
				break;
		}
	
		//opacity_home('mnc_'+pos,0,100,350, pos);
		
}

function hideMenu_Home(pos) {
	timer=setTimeout('deleteSubMenu_Home('+pos+');',300);
//	timer=setTimeout('opacity_home("mnc_'+pos+'",100,0,350,'+pos+')',100);	
}

function deleteSubMenu_Home(pos) {
	var nombre=document.getElementById('mn_'+pos).src;
	if(nombre.indexOf('_on.jpg') >= 0) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('_on.jpg'))+'.jpg';
	
	var formElement = document.getElementById('mnc_'+pos);
	if (formElement && formElement.parentNode && formElement.parentNode.removeChild) {
		formElement.parentNode.removeChild(formElement);
	}
	k=0;
}

function showCortina() {
	var laCortina = document.getElementById('cortina');
	var contentObj = document.getElementById('adm_contenido');


	laCortina.style.left = findPosX(contentObj)+'px';
	laCortina.style.top = findPosY(contentObj)+'px';
	laCortina.style.width = contentObj.width+'px';
	laCortina.style.height = '375px';

	laCortina.style.backgroundColor="white";
	laCortina.style.filter = 'alpha(opacity=' + 65 + ')';
	laCortina.style.opacity=0.65;
	laCortina.style.zIndex=50;

	//ponemos la cortina encima ;D
	laCortina.className='vis';
}

function hideCortina() {
	var laCortina = document.getElementById('cortina');
	laCortina.className='invi';
	timer_cortina=0;
}



//funcion para tener todos los objs segun su classname
document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
}; 


function limpiarCancel () {
	clearTimeout(timer);
	if(timer_cortina!=0) clearTimeout(timer_cortina);
}

/* fading menu*/
function opacity(id, opacStart, opacEnd, millisec, pos) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer2 = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        }
		timer=setTimeout('deleteSubMenu('+pos+')', millisec);
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        } 
    } 
} 

function opacity_home(id, opacStart, opacEnd, millisec, pos) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer2 = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        }
		timer=setTimeout('deleteSubMenu_Home('+pos+')', millisec);
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer2 * speed)); 
            timer2++; 
        } 
    } 
} 


//change the opacity for different browsers 
function changeOpac(opacity, id) { 
	if (document.getElementById(id)!=null) {
	    var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100); 
		object.MozOpacity = (opacity / 100); 
		object.KhtmlOpacity = (opacity / 100); 
		object.filter = "alpha(opacity=" + opacity + ")"; 
	}
} 

function selMenu(pos) {
	def=pos;
	var nombre=document.getElementById('mn_'+pos).src;
	if(nombre.indexOf('_on.gif') < 0) document.getElementById('mn_'+pos).src=nombre.substring(0,nombre.indexOf('.gif'))+'_on.gif';
}

