// Cambia el Background Color al item del Menu Seleccionado
// Segun el ID del <li> y la pagina abierta.
function menuSelected(lang) {
	var url = self.location.href;
	
	var urlBarra = url.lastIndexOf("/"); 
	var id = url.substring( urlBarra + "/".length , url.length );
	var urlPunto = url.lastIndexOf(".");  
	var remp = url.substring( urlPunto + ".".length , url.length );
	id = id.replace('.'+remp,'');
	
	switch (id) {
		case "banda":
		   num = 3;
		   break
		case "discografia":
		   num = 5;
		   break
		case "shows":
		   num = 4;
		   break
		case "fotos":
		   num = 6;
		   break
		case "videos":
		   num = 7;
		   break
		case "links":
		   num = 8;
		   id = "enlaces";
		   break
		case "contacto":
		   num = 9;
		   break
		default:
		   num = 2;
		   break
	} 
	
	if((id == '') || (id == 'index')){
		document.getElementById('index').src = "img/menu/menu_on"+ lang +"_02.png";
		document.getElementById('index').onmouseover = "img/menu/menu_on"+ lang +"_02.png";
		document.getElementById('index').onmouseout = "img/menu/menu_on"+ lang +"_02.png";
	} else {
		document.getElementById(id).src = "img/menu/menu_on"+ lang +"_0"+ num +".png";
		document.getElementById(id).onmouseover = "img/menu/menu_on"+ lang +"_0"+ num +".png";
		document.getElementById(id).onmouseout = "img/menu/menu_on"+ lang +"_0"+ num +".png";
	}

}
// Fin MenuSelected

// Image Link, Lupa.
this.imagelink = function(){
	var imageClass = "overZoom";
	var defaultClass = "";
	var overClass = "imageOver";
	
	var a = document.getElementsByTagName("a");
		for (var i=0;i<a.length;i++){
			var img = a[i].getElementsByTagName("img");		
			for (var j=0;j<img.length;j++){			
				if(img[j].className == imageClass || imageClass == ""){
					a[i].style.position = "static";		
					if(a[i].getElementsByTagName("span").length > 0) a[i].removeChild(a[i].getElementsByTagName("span")[0]);
					var span = document.createElement("span");	
					var image = img[j];
					span.style.position = "absolute";
					span.style.top = image.offsetTop + "px";
					span.style.left = image.offsetLeft + "px";
					span.style.width = image.offsetWidth + "px";
					span.style.height = image.offsetHeight + "px";
					span.style.cursor = "pointer";
					span.out = span.className = defaultClass;
					span.over = overClass;
					span.a = img[j].a = a[i];	
					span.j = img[j].j = j;					
					a[i]["span" + j] = span;					
					span.onmouseover = img[j].onmouseover = function(){ 
						this.a["span" + this.j].className = this.a["span" + this.j].over;
					};
					span.onmouseout = img[j].onmouseout = function(){
						this.a["span" + this.j].className = this.a["span" + this.j].out;
					};
					a[i].appendChild(span);			
				};		
			};	
		};

};
// Se inicia el Script en el evento OnLoad
this.addEvent = function(obj,type,fn){
	if(obj.attachEvent){
		obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn](window.event );}
		obj.attachEvent('on'+type, obj[type+fn]);
	} else {
		obj.addEventListener(type,fn,false);
	};
};
addEvent(window,"load",imagelink);
addEvent(window,"resize",imagelink);
// Fin Image Link


// Sticky WIN
function tip(id, titulo, div, punta, offsetX, offsetY){
	
	new StickyWin.PointyTip(titulo,$(div).get('value'), {
      point: punta, /* 6 Abajo, 9 Derecha */
	  offset: {x: offsetX, y: offsetY},
	  relativeTo: id,
	  allowMultiple: false,
	  closeOnEsc: true
	});
	
}