function preparar(){
	var maximo = 1020;
		var Tam = TamVentana();
		var wz=Tam[0];
		var principal = document.getElementById('principal');
		if (wz>maximo){
			var sobrante = wz - maximo;
			var veinte = (20*sobrante)/100;	
			principal.style.marginLeft = veinte+"px";
			dif = veinte + 8;
		}else{
			principal.style.marginLeft = 0+"px";
			dif = 0 + 8;
		}
		var elements = getElementsByClassName('desplegable');
		var navegador = navigator.appName;
		if (navegador!="Microsoft Internet Explorer"){
			for (i=0;i<elements.length;i++) {
				var desplegable = document.getElementById(elements[i].id);
				var menu = document.getElementById(elements[i].id.substr(1));
				try{
					desplegable.style.top = (menu.offsetBottom - dif) + "px";
					desplegable.style.marginLeft = (menu.offsetLeft - dif) + "px";
				}catch(err){
					var menu = document.getElementById("p"+elements[i].id.substr(1));
					desplegable.style.top = (menu.offsetBottom - dif) + "px";
					desplegable.style.marginLeft = (menu.offsetLeft - dif) + "px";	
				}
			}
		}
}
function v2preparar(){
	dif =50 + 8; //Margen div principal + margen div submenu
	var elements = getElementsByClassName('desplegable');
	var navegador = navigator.appName;
	if (navegador!="Microsoft Internet Explorer"){
		for (i=0;i<elements.length;i++) {
			var desplegable = document.getElementById(elements[i].id);
			var menu = document.getElementById(elements[i].id.substr(1));
			try{
				desplegable.style.top = (menu.offsetBottom - dif) + "px";
				desplegable.style.marginLeft = (menu.offsetLeft - dif) + "px";
			}catch(err){
				var menu = document.getElementById("p"+elements[i].id.substr(1));
				desplegable.style.top = (menu.offsetBottom - dif) + "px";
				desplegable.style.marginLeft = (menu.offsetLeft - dif) + "px";	
			}
		}
	}else{
		var botonMaestros = document.getElementById("bMaster");
		botonMaestros.style.marginLeft= 13.7 + "%";
	}
}

function dimensiones(){
		var maximo = 1020;
		var Tam = TamVentana();
		var wz=Tam[0];
		var principal = document.getElementById('principal');
		if (wz>maximo){
			var sobrante = wz - maximo;
			var veinte = (20*sobrante)/100;	
			var diferencia = principal.style.marginLeft.substr(0,(principal.style.marginLeft.length - 2)) - veinte
			moverDiv(principal.style.marginLeft.substr(0,(principal.style.marginLeft.length - 2)), veinte);		
		}else{
			var diferencia = principal.style.marginLeft.substr(0,(principal.style.marginLeft.length - 2)) - 0
			moverDiv(principal.style.marginLeft.substr(0,(principal.style.marginLeft.length - 2)), 0);
		}
		
		return diferencia;
}

function moverDiv(posI, posF){
	var inc;
	var capa = document.getElementById('principal');
	if (posI>posF){
		inc = -1;
	}else{
		inc = 1;
	}
	if (((posI-posF)*-inc)>1){	
		capa.style.marginLeft=posI + "px";
		posI = parseInt(posI) + inc;
		var elements = getElementsByClassName('desplegable');
		var navegador = navigator.appName;
		if (navegador!="Microsoft Internet Explorer"){
			for (i=0;i<elements.length;i++) {
				var desplegable = document.getElementById(elements[i].id);
				var menu = document.getElementById(elements[i].id.substr(1));
				desplegable.style.top = (menu.offsetBottom) + "px";
				desplegable.style.marginLeft = (desplegable.style.marginLeft + inc) + "px";
			}
		}
		setTimeout("moverDiv("+posI+","+posF+")",1);
	}else{
		capa.style.marginLeft = posF+"px";
	}
}

function TamVentana() {
  var Tamanyo = [0, 0];
  if (typeof window.innerWidth != 'undefined')
  {
    Tamanyo = [
        window.innerWidth,
        window.innerHeight
    ];
  }
  else if (typeof document.documentElement != 'undefined'
      && typeof document.documentElement.clientWidth !=
      'undefined' && document.documentElement.clientWidth != 0)
  {
 Tamanyo = [
        document.documentElement.clientWidth,
        document.documentElement.clientHeight
    ];
  }
  else   {
    Tamanyo = [
        document.getElementsByTagName('body')[0].clientWidth,
        document.getElementsByTagName('body')[0].clientHeight
    ];
  }
  return Tamanyo;
}

function sobreMenu(elemento){
	elemento.style.borderColor='#8cc8aa';
	elemento.style.color='#8cc8aa';
}
	
function fueraMenu(elemento,lbl){
	if (lbl!=undefined){		
		var menu = document.getElementById(lbl);
		if (menu.style.display!="block"){
			elemento.style.borderColor='#999999'; 
			elemento.style.color='#999999';
		}
	}else{
		elemento.style.borderColor='#999999'; 
		elemento.style.color='#999999';
	}
}
function subdesplegar(id){
	var submenu = document.getElementById(id);
	cerrarDivByClassName("subdesplegable");
	submenu.style.display="block";
}

function cerrarDivByClassName(cn){
	var elements = getElementsByClassName(cn);
	
	for (i=0;i<elements.length;i++) {
		var otros = document.getElementById(elements[i].id);
    	otros.style.display="none";
	}
}

function desplegar(categoria){
	
	var navegador = navigator.appName;
	var desplegable = "d"+categoria;
	var menu = document.getElementById(desplegable);
	var submenu = document.getElementById(categoria);
	try{
		var left = submenu.offsetLeft;
		var bottom = submenu.offsetBottom;
	}catch(err){
		var submenu = document.getElementById("p"+categoria);
		var left = submenu.offsetLeft;
		var bottom = submenu.offsetBottom;
	}
	if (navegador=="Microsoft Internet Explorer"){
		menu.style.top = 246;
		menu.style.paddingTop= 10;
		menu.style.paddingBottom= 5;
	}else{
		/*menu.style.marginLeft= 0 +"px";
			menu.style.top = bottom + "px";
			menu.style.left = left + "px";
			*/
	}
	
	var estado = menu.style.display;
	var elements = getElementsByClassName('desplegable');
	
	for (i=0;i<elements.length;i++) {
		var otros = document.getElementById(elements[i].id);
    	otros.style.display="none";
		var id = elements[i].id.substring(1);
		try{
		var estilo = document.getElementById(id);
		estilo.style.color='#999999';
		}catch(err){
			
		}
	}
	var elements = getElementsByClassName('tipografiaSubMenu');
	
	for (i=0;i<elements.length;i++) {
		var otros = document.getElementById(elements[i].id);
		otros.style.background='#2a2a3c';
		//otros.style.background= 'url(imagenes/fondosindesplegar.png)';
		
	}
	var elements = getElementsByClassName('tipografiaSubMenuPulsado');
	
	for (i=0;i<elements.length;i++) {
		var otros = document.getElementById(elements[i].id);
		otros.style.background='#2a2a3c';
		//otros.style.background= 'url(imagenes/fondosindesplegar.png)';
		
	}
	if (estado=="block"){
		menu.style.display="none";
		submenu.style.background='#2a2a3c';
		//submenu.style.background= 'url(imagenes/fondosindesplegar.png)';
		
	}else{
		submenu.style.background= 'url(imagenes/fondodesplegable.png)';
		//submenu.style.backgroundColor='#50505f';
		submenu.style.color='#8cc8aa';
		menu.style.display="block";
	}
	
}
	
var getElementsByClassName = function (className, tag, elm){
	if (document.getElementsByClassName) {
		getElementsByClassName = function (className, tag, elm) {
			elm = elm || document;
			var elements = elm.getElementsByClassName(className),
				nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
				returnElements = [],
				current;
			for(var i=0, il=elements.length; i<il; i+=1){
				current = elements[i];
				if(!nodeName || nodeName.test(current.nodeName)) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	else if (document.evaluate) {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = "",
				xhtmlNamespace = "http://www.w3.org/1999/xhtml",
				namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
				returnElements = [],
				elements,
				node;
			for(var j=0, jl=classes.length; j<jl; j+=1){
				classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
			}
			try	{
				elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
			}
			catch (e) {
				elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
			}
			while ((node = elements.iterateNext())) {
				returnElements.push(node);
			}
			return returnElements;
		};
	}
	else {
		getElementsByClassName = function (className, tag, elm) {
			tag = tag || "*";
			elm = elm || document;
			var classes = className.split(" "),
				classesToCheck = [],
				elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
				current,
				returnElements = [],
				match;
			for(var k=0, kl=classes.length; k<kl; k+=1){
				classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
			}
			for(var l=0, ll=elements.length; l<ll; l+=1){
				current = elements[l];
				match = false;
				for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
					match = classesToCheck[m].test(current.className);
					if (!match) {
						break;
					}
				}
				if (match) {
					returnElements.push(current);
				}
			}
			return returnElements;
		};
	}
	return getElementsByClassName(className, tag, elm);
};