// JS para los botones! :)

window.onload= function(){
		var miNav= document.getElementById("navloca");
		var miNav1= document.getElementById("navloca1");
		
		var li1= document.getElementById("b01");
		var li2= document.getElementById("b02");
		var li3= document.getElementById("b03");
		var li4= document.getElementById("b04");
		var li5= document.getElementById("b05");
		var li6= document.getElementById("b06");
		var li7= document.getElementById("b07");
		var li8= document.getElementById("b08");
        var li16= document.getElementById("b16");
		
		miNav.onmouseover = function(e){
			e = window.event? event.srcElement: e.target;
			if( (e.id == 'b01') || (e.id == 'a01')){
				if(e.nodeName == 'A') li1.className = 'btns-hover';
				if(e.nodeName == 'DIV') li1.className = 'btns-hover';
			}
			if( (e.id == 'b02') || (e.id == 'a02')){
				if(e.nodeName == 'A') li2.className = 'btns-hover';
				if(e.nodeName == 'DIV') li2.className = 'btns-hover';
			}
			if( (e.id == 'b03') || (e.id == 'a03')){
				if(e.nodeName == 'A') li3.className = 'btns-hover';
				if(e.nodeName == 'DIV') li3.className = 'btns-hover';
			}
			if( (e.id == 'b04') || (e.id == 'a04')){
				if(e.nodeName == 'A') li4.className = 'btns-hover';
				if(e.nodeName == 'DIV') li4.className = 'btns-hover';
			}
			if( (e.id == 'b05') || (e.id == 'a05')){
				if(e.nodeName == 'A') li5.className = 'btns-hover';
				if(e.nodeName == 'DIV') li5.className = 'btns-hover';
			}
            if( (e.id == 'b16') || (e.id == 'a16')){
				if(e.nodeName == 'A') li16.className = 'btns-hover';
				if(e.nodeName == 'DIV') li16.className = 'btns-hover';
			}
		}
		miNav1.onmouseover = function(e){
			e = window.event? event.srcElement: e.target;
			if( (e.id == 'b06') || (e.id == 'a06')){
				if(e.nodeName == 'A') li6.className = 'btns-hover';
				if(e.nodeName == 'DIV') li6.className = 'btns-hover';
			}
			if( (e.id == 'b07') || (e.id == 'a07')){
				if(e.nodeName == 'A') li7.className = 'btns-hover';
				if(e.nodeName == 'DIV') li7.className = 'btns-hover';
			}
			if( (e.id == 'b08') || (e.id == 'a08')){
				if(e.nodeName == 'A') li8.className = 'btns-hover';
				if(e.nodeName == 'DIV') li8.className = 'btns-hover';
			}
		}
		miNav.onmouseout = function(e){
			e = window.event? event.srcElement: e.target;
			if( (e.id == 'b01') || (e.id == 'a01')){
				if(e.nodeName == 'A') li1.className = 'btns';
				if(e.nodeName == 'DIV') li1.className = 'btns';
			}
			if( (e.id == 'b02') || (e.id == 'a02')){
				if(e.nodeName == 'A') li2.className = 'btns';
				if(e.nodeName == 'DIV') li2.className = 'btns';
			}
			if( (e.id == 'b03') || (e.id == 'a03')){
				if(e.nodeName == 'A') li3.className = 'btns';
				if(e.nodeName == 'DIV') li3.className = 'btns';
			}
			if( (e.id == 'b04') || (e.id == 'a04')){
				if(e.nodeName == 'A') li4.className = 'btns';
				if(e.nodeName == 'DIV') li4.className = 'btns';
			}
			if( (e.id == 'b05') || (e.id == 'a05')){
				if(e.nodeName == 'A') li5.className = 'btns';
				if(e.nodeName == 'DIV') li5.className = 'btns';
			}
            if( (e.id == 'b16') || (e.id == 'a16')){
				if(e.nodeName == 'A') li16.className = 'btns';
				if(e.nodeName == 'DIV') li16.className = 'btns';
			}
		}
		miNav1.onmouseout = function(e){
			e = window.event? event.srcElement: e.target;
			if( (e.id == 'b06') || (e.id == 'a06')){
				if(e.nodeName == 'A') li6.className = 'btns';
				if(e.nodeName == 'DIV') li6.className = 'btns';
			}
			if( (e.id == 'b07') || (e.id == 'a07')){
				if(e.nodeName == 'A') li7.className = 'btns';
				if(e.nodeName == 'DIV') li7.className = 'btns';
			}
			if( (e.id == 'b08') || (e.id == 'a08')){
				if(e.nodeName == 'A') li8.className = 'btns';
				if(e.nodeName == 'DIV') li8.className = 'btns';
			}
		}
	}