var W3CDOM = (document.createElement && document.getElementsByTagName);

var popUp = {
   winn : null,
   openWindow : function (cual, scrol, wid, heig, windowName){
       var LeftP, TopP, wid, heig;
       LeftP = (screen.width) ? (screen.width-wid) / 2 : 0;
       TopP = (screen.height) ? (screen.height-heig) / 2 : 0;                  
	   if(popUp.winn){
           if(!popUp.winn.closed) popUp.winn.close();
           popUp.winn = null;
       }
       if(!windowName) windowName = "";
       window.focus();
       popUp.winn=eval("open('"+cual+"','"+windowName+"','width="+wid+",height="+heig+",top="+TopP+",left="+LeftP+",scrollbars="+scrol+",resizable=yes,toolbar=no,status=no,location=no,directories=no')");           }
} 

var e = {
	addEvent : function(obj, evType, fn, useCapture){
		if (obj.addEventListener){
			obj.addEventListener(evType, fn, useCapture);
			return true;
		}else if (obj.attachEvent){
			var r = obj.attachEvent("on"+evType, fn);
			return r;
		}else {
			return false;
		}
	}
}


var load={
	timer:null,
	multiplicador:20,
	pasoActual:0,
	margin:0,
	maxMargin:0,
	altura:0,
	alturaBarra:210,
	pasos:0,
	diferencia:0,
	existeId:function(cid){
		if(document.getElementById(cid)) return true;
		return false;
	},
	setEvents:function(){	
		
		if(load.existeId("contenido")){
			calcularMedidas();
			$("#example").slider(opcionesSlider(0));
		}
		
		if($(".scroll").get()){
			$(".scroll").mouseout(function(){clearTimeout(load.timer);})
			$(".scrollUp").click(function(){return false});
			$(".scrollUp").mousedown(function(e,value){subirScroll();});
			$(".scrollUp").mouseup(function(){clearTimeout(load.timer);});
			$(".scrollDown").click(function(){return false});
			$(".scrollDown").mousedown(function(e,value){bajarScroll();});
			$(".scrollDown").mouseup(function(){clearTimeout(load.timer);});	
		}
		if(load.existeId("paginacion") || load.existeId("paginacionTiendas")){

			//$("#paginacion li a:not(.buttonPaginacion), #paginacionTiendas li a").click(function(){return false;});
				
				$("#paginacion li:not(.botonPaginacion) a, #paginacionTiendas li a:not(.pdf)").click(function(){
					
					
					var antigua=$("#contenido .activa").eq(0);
					var num=$(this).attr("id").split("-");
					var nueva=$("#contenido .pagina").eq(parseInt(num[1])-1);
					if(nueva.html()){
						$("#contenido .intro").css("display","none");
						$(this).parent().parent().find(".activa").attr("class","");
						$(this).attr("class","activa");
						cambiarPagina(antigua,nueva);
						hideAllImgBig($("#imgContainer"));
						var aux="#imgBig-"+num[1];
						showIdImgBig($(aux));
						}
				});
				
				//eventos para los botones de paginación
				$("#buttonPrev").click(function(){
					
					var activa=$("#paginacion .activa").eq(0);
					if (activa.length > 0) {
						$("#contenido .intro").css("display","none");
						var num = activa.attr("id").split("-");
						if ((num[1] - 1) > 0) 
							$("#paginacion li a").eq((num[1] - 1)).trigger("click");
					}
					else{
						$("#paginacion li a").eq(1).trigger("click");
					}
					return false;
				});
				$("#buttonNext").click(function(){
					var activa=$("#paginacion .activa").eq(0);
					if (activa.length > 0) {
						$("#contenido .intro").css("display","none");
						var num = activa.attr("id").split("-");
						var max = $("#paginacion li a:not(.buttonPaginacion)").length;
						var siguiente = (parseInt(num[1]) + 1);
						if (siguiente <= max) {
							$("#paginacion li a").eq(siguiente).trigger("click");
						}
					}
					else{
						$("#paginacion li a").eq(1).trigger("click");
					}
				
					return false;
				});
				//volver a la plantilla de introduccion
				$("#typesNavBar .activa").click(function(){return false});
				$("#typesNavBar .activa").click(function(){
					var activa=$("#paginacion .activa").eq(0).attr("class","");
					$("#contenido .pagina").removeClass("activa");
					$("#contenido .intro").css("display","block");
				})
		
		// efecto de rollover en el menú de productos
			$(".popup").click(function(){return false})
			$(".popup").click(function(){
				popUp.openWindow(this,true,1000,700,"mapa");
			});
		}
	}
}
function hideAllImgBig(id){
	id.find("li").addClass("hide");
}
function showIdImgBig(id){
	id.removeClass("hide");
}
function subirScroll(){
	var aux=$("#example").sliderInstance().interaction.curValue;
	$("#example").sliderInstance().moveTo(aux-1);
	$("#contenido").css("margin-top",((load.maxMargin/load.pasos)*aux)+"px");
	load.timer=setTimeout(subirScroll,80);	

}
function bajarScroll(){
	var aux=$("#example").sliderInstance().interaction.curValue;
	$("#example").sliderInstance().moveTo(aux+1);
	$("#contenido").css("margin-top",((load.maxMargin/load.pasos)*aux)+"px");
	load.timer=setTimeout(bajarScroll,80);	
}
function avancePagina(){
	var antigua=$("#contenido .activa").eq(0);
	var nueva=antigua.next();
	if(nueva.html()!=null){
	$("#paginacion li.activa").next().attr("class","activa");
	$("#paginacion li.activa").prev().attr("class","");
		cambiarPagina(antigua,nueva,nueva.find("a").eq(0));
		
		}
}
function retrocederPagina(){
	var antigua=$("#contenido .activa").eq(0);
	var nueva=antigua.prev();
	if(nueva.html()!=null){
		$("#paginacion li.activa").prev().attr("class","activa");
		$("#paginacion li.activa").next().attr("class","");
		cambiarPagina(antigua,nueva,nueva.find("a").eq(0));
	}
}

function cambiarPagina(antigua,nueva){
	load.multiplicador=20;
	load.pasoActual=0;
	load.margin=0;
	load.maxMargin=0;
	load.altura=0;
	load.alturaBarra=210;
	load.pasos=0;
	load.diferencia=0;
	antigua.attr("class","pagina");
	nueva.attr("class","pagina activa");
	calcularMedidas();
	$("#example").slider(opcionesSlider(0));
	$("#contenido").css("margin-top","0px");
	

}
function calcularMedidas(){
			load.altura=$("#contenido").get(0).offsetHeight;
			load.pasos=load.altura/load.alturaBarra;
			load.pasos=Math.ceil(load.pasos)*load.multiplicador;
			load.maxMargin=0-(load.altura-load.alturaBarra);
			if(load.pasos<1)
				load.pasos=1;

			if(load.pasos==load.multiplicador){
				$(".scroll").css("visibility","hidden");
			}
			else{
				$(".scroll").css("visibility","visible");
			}

}
function opcionesSlider(start){
	var opciones={ 
		  minValue: 0,
		  maxValue: load.pasos,
		  startValue: start,
		  steps:load.pasos,
		  slide: function(e,value) { 
		     $("#slider-min").text( value.values[0] ); 
			 $("#slider-max").text( value.values[1] ); 
			
			var aux=$("#example").sliderInstance().interaction.curValue;
			$("#contenido").css("margin-top",((load.maxMargin/load.pasos)*aux)+"px");
				
		  }
		   }
 return opciones;
}

if(W3CDOM) e.addEvent(window, "load", load.setEvents, false);