$.Reproductor =	function(player){
	$f(player, "swf/flowplayer.3.1.4.swf",  {
			clip: {	 autoPlay		: true, backgroundColor: '#3D3D3F', autoBuffering	: true },
			plugins:  {
						controls:  {
								backgroundColor		: '#000000',		backgroundGradient	: [0.0, 0.4],
								all					: false,			scrubber			: true,
								mute				: true,				play				: true,
								volume				: true,				time				: true,
								fullscreen			: true,				height				: 20,
								autoHide			: 'always',			hideDelay 			: 1500,
								width				: '90%',			bottom				: 5,
								left				: '50%',			borderRadius		: 8,
								opacity				: 1.0,
		
								progressColor		: '#AA0201',		bufferColor			: '#000000',
								buttonColor			: '#000000',		buttonOverColor		: '#AA0201',
		
								timeColor			: '#FFFFFF',		timeBorderRadius	: 4,
								timeBgColor			: '#000000',		durationColor		: "#ffffff",
								volumeSliderColor	: '#000000',		tooltipColor 		: '#000000',
								tooltipTextColor	: '#FFFFFF',
						tooltips: {
								buttons				: true,				play				: 'Reproducir',
								pause				: 'Detener',		fullscreen			: 'Pantalla Completa'
								}
								
				}
			},time: {
					url					: 'swf/flowplayer.controls-3.1.4.swf',
					top					: 0,
					backgroundGradient  : 'none',
					backgroundColor		: 'transparent',
					buttonColor			: '#E3F4F3',
					buttonTextColor		: '#14555A',
					all					: false,
					time				: true,
					height				: 20,
					right				: 0,
					width				: 100
			},canvas: {
				backgroundColor			: '#FFFFFF'
			},screen: {
				backgroundColor			: '#000000',
				top						: 0
			}
	});

}
$.Play = function(url){
	$f("player").play(url);
}


$(document).ready(function(){
						 
		JOw.Productos = function(){
			this.Ficha;
		}
		JOw.Productos.prototype.setFicha = function(Ficha){
			this.Ficha =  Ficha;	
		};
		JOw.Productos.prototype.getFicha = function(){
			return this.Ficha;	
		};
		
		var Imagen = new JOw.Imagen();
		var objPro = new JOw.Productos();
		//$.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; charset=utf-8"});		
		$.CargarForm = function(valor){
			if(valor =='Solicito Cotizacion'){
				$("#formscotizacion").slideDown();
			}else{
				$("#formscotizacion").slideUp();
			}
		}
		var ComboCategoria = $("#lcategoria");
		var ComboSubCategoria = $("#lsubcategoria");
		var ComboModelo = $("#lmodelo");
		
		
		$.CargarLinea = function(linea){
			$.getJSON("_data.php",{ Lista : "categoria" , Linea : linea },function(response){
				if(response.length != 0 ){
					
						ComboCategoria.html("<option value='0' >Seleccione</option>");
						ComboSubCategoria.html("<option value='0' >Seleccione</option>");
						ComboModelo.html("<option value='0' >Seleccione</option>");
						
						ComboSubCategoria.attr("disabled",true);
						ComboModelo.attr("disabled",true);
						
						for ( var i in response){
								ComboCategoria.append('<option value="'+response[i].id+'" >'+response[i].titulo+'</option>');
						}
						ComboCategoria.attr("disabled",false);
				}															   
			})
		}
		$.CargarCategoria = function(categoria){
			$.getJSON("_data.php",{ Lista : "subcategoria" , Categoria : categoria },function(response){
				if(response.length != 0 ){
						ComboSubCategoria.html("<option value='0' >Seleccione</option>");
						ComboModelo.html("<option value='0' >Seleccione</option>");
						ComboModelo.attr("disabled",true);
						
						
						for ( var i in response){
								ComboSubCategoria.append('<option value="'+response[i].id+'" >'+response[i].titulo+'</option>');
						}
						ComboSubCategoria.attr("disabled",false);
				}else{
					 $.getJSON("_data.php",{ Lista : "producto" , Categoria : categoria },function(response){
							if(response.length != 0 ){
									ComboModelo.html("<option value='0' >Seleccione</option>");
									for ( var i in response){
											ComboModelo.append('<option value="'+response[i].id+'" >'+response[i].modelo+'</option>');
									}
									ComboModelo.attr("disabled",false);
							}															   
						})	  	
				}															   
			})
		}
		
		$.CargarModelo = function(subcategoria){
			$.getJSON("_data.php",{ Lista : "producto" , subCategoria : subcategoria },function(response){
				if(response.length != 0 ){
						ComboModelo.html("<option value='0' >Seleccione</option>");
						for ( var i in response){
								ComboModelo.append('<option value="'+response[i].id+'" >'+response[i].modelo+'</option>');
						}
						ComboModelo.attr("disabled",false);
				}															   
			})
		}
		
		
		$(".item").hover(function(){
			$(this).find("ul").css({marginTop:'-4px'}).show();
		},function(){
			$(this).find("ul").hide();
		});
		
		function Videos(){
			$.getJSON("clases/_json.php",{lista: "Videos", rango: "0,10000"},function(json){
				var $total 	= 0;
				var $ip		= 4;
				
				$total =  (json.length / $ip ) + 1;
				
				PageClick = function(number) {
					$("#paginacion").pager({ pagenumber: number, pagecount: $total, buttonClickCallback: PageClick });
					CargarVideos({lista:"Videos", rango:""+((number-1)*$ip)+","+$ip });
				}
				$("#paginacion").pager({ pagenumber: 1 , pagecount: $total , buttonClickCallback: PageClick});
			});
                        CargarVideos({ lista:"Videos",rango:"0,4" });
		}
		
			function CargarVideos(opciones){
                        var page = $("#lista_videos");
						page.fadeOut();page.html("");
						$.getJSON("clases/_json.php", {lista: opciones.lista, rango: opciones.rango} ,function(json){
                            for(var i in json){
									page.append('<li><div class="item_video" style="width:125px;height:109px;overflow:hidden">'+
													'<img style="cursor:pointer;"  src="flv/'+json[i].thumbnail+'" onclick="$.Play(\'flv/'+json[i].url+'\')" width="124" height="109" alt="video1" />'+
													'<div class="titulo_video">'+json[i].titulo+'</div>'+
												'</div></li>');
                            }
							if(json.length < 4){
								//$("#lista_videos").css({"width":(json.length*140)});	
							}
                            page.fadeIn();
			})	;
						
						
			//$.Log("Mostrando Videos...",{clear :true});
			$(".item_video").live("mouseover",function(){
				titulo =$(this).find(".titulo_video");
				thumb	=$(this).find("img")
				thumb.css({'opacity':'0.8','filter':'alpha(opacity=80)'});
				titulo.stop();
				titulo.animate({marginTop:"-30px"},200)
			})
			$(".item_video").live("mouseout",function(){
				titulo =$(this).find(".titulo_video");
				thumb	=$(this).find("img")
				thumb.css({'opacity':'1','filter':'alpha(opacity=100)'});
				titulo.stop();
				titulo.animate({marginTop:"0px"},200)
			})
		}
				
		
		function Galeria(){
			
			Cargar({ lista:"Eventos",rango:"0,6" });
			$.getJSON("clases/_json.php",{lista: "Eventos", rango: "0,10000"},function(json){
				var $total 	= 0;
				var $ip		= 6;
				$total =  (json.length / $ip ) + 1;
				PageClick = function(number) {
					$("#paginacion").pager({ pagenumber: number, pagecount: $total, buttonClickCallback: PageClick });
					Cargar({lista:"Eventos", rango:""+((number-1)*$ip)+","+$ip });
				}
				
				$("#paginacion").pager({ pagenumber: 1 , pagecount: $total , buttonClickCallback: PageClick});
			});
			
		}
		
		function Cargar(opciones){
				var $page = $("#lista_eventos");
				//$page.hide();
				$.getJSON("clases/_json.php",{lista: opciones.lista, rango: opciones.rango},function(json){
				var $lista="";
				for(var i in json){
                                    $.Preload("images/eventos/"+json[i].foto , "images/eventos/"+json[i].thumbnail);
                                    $lista += '<li>'+
													'<div onclick="$.AbrirGaleria('+json[i].id+')"  class="marco_evento">'+
															'<img border="0" style="border:0" src="images/eventos/'+json[i].thumbnail+'" alt="'+json[i].titulo+'" width="183" height="122" />'+
															'<span style="margin-top:10px" >'+json[i].titulo+'</span>'+
												'</div></li>';
													
                                   	
					 $("#item_evento"+i).show();			 
				}
				$page.html($lista)
				$(document).ready(function(){
                         $page.fadeIn();
                });
				$.Log("Mostrando Eventos...",{clear :true});
			})
		}	
		
		 
			
		   Moto = new Object();
		   Moto.foto		= $("#foto_producto");
		   Moto.items 		= $("#foto_motos1");
		   Moto.Titulo 		= $("#titulo_producto");
		   Moto.Marca		= $("#titulo_marca");
		   Moto.Categoria   = $("#titulo_categoria");
		   Moto.Descripcion = $("#descripcion");//$("#tbody_des");
		   Moto.Input 		= $("#foto_zoom");
		   Moto.Input2      = $("#foto_normal");
		   Moto.Carrusel    = $("#lista_motos");
		   Moto.Current     = "";
		   
		   $.VerFoto	=	function(img,zoom){
				$.State();
				Zoom.Bar.slider("option","value",0);
				Zoom.Text.html("0%");
				Moto.foto.fadeOut("fast");
				$("#zoombar").slider("option","value",0);
				Zoom.Text.html("0%");
				Moto.foto.html('<div><center><img id="foto_medium" class="foto_medium" alt="" src="'+img+'" width="424" height="307"  /></center></div>');
				Moto.Input.val(zoom);//zoom
				Moto.Input2.val(img);//normal
				$("img:[class=foto_medium]").reflect({height:0.3 , opacity:0.7});
				Moto.foto.ready(function(){
					Moto.foto.fadeIn();	
					State.val = 100;							   
				})
		   }
		   $.VerColor	= function(color,producto){
			   if(State.val==0){
				   $.State();
			   }
			   Zoom.Bar.slider("option","value",0);
				Zoom.Text.html("0%");
			   $fotos="<center><ul id='lista_ctmotos' >";
			   Moto.foto.fadeOut("fast");
				 $.getJSON("clases/_json.php",{lista : "FotosProducto", color: color , producto : producto},function(fotos){
					for(var row in fotos){
						$fotos +='<li><img class="FotoxColor" onclick="$.VerFoto(\'images/motos/'+fotos[row].foto+'\',\'images/motos/'+fotos[row].zoom+'\');" style="cursor:pointer;padding:3px" border="0" src="images/motos/'+fotos[row].thumbnail+'" title="Click para ampliar" alt="Click para ampliar" width="120" height="80" /></li>';
						$.Preload("images/motos/"+fotos[row].foto);
					}
					
					Moto.foto.html('<div><center><img id="foto_medium" class="foto_medium" alt="" src="images/motos/'+fotos[0].foto+'" width="424" height="307"  /></center></div>')
				 
				  Moto.Input.val('images/motos/'+fotos[0].zoom); //zoom
				  Moto.Input2.val('images/motos/'+fotos[0].foto); //normal
				  
				  $.Preload('images/motos/'+fotos[0].zoom,'images/motos/'+fotos[0].foto);
				  
				  Moto.items.html($fotos+"</ul></center>");
				 
				  $("#lista_ctmotos").css({'width':(fotos.length*150)}) ;
				  
				 $("img:[class=FotoxColor]").reflect({height:0.2 , opacity:0.5});
				  
				  $("img:[class=foto_medium]").reflect({height:0.3 , opacity:0.7});
				  Moto.foto.ready(function(){
						Moto.foto.fadeIn();
						State.val = 100;
				  })
					
					$.Log("Cargando Fotos..(OK)",{clear:true});
				}) 
		   }
		   var vActive = 0;
		   
		   $.VerDatos	= function(producto){
			    $("#promociones").fadeOut();
			    $("#motoRepuestos").fadeOut();
				$("#lista_motos").stop();
			   Zoom.val = 0;
			   if(vActive == 0 && Moto.Current!=producto ){
				Moto.Current = producto ;   
				vActive =1;
				$("#zoombar").slider("option","value",0);
				Zoom.Text.html("0%");
			    $.State();
		   		$.getJSON("clases/_json.php",{ lista : "Datos", producto : producto},function(data){
						Moto.Colores = "";
						if(data.length == 0){
							alert(":(");	
						}
						for(var fila in data){
							
								Moto.Titulo.html(data[fila].modelo);				
								Moto.Descripcion.html(data[fila].descripcion);
								Moto.Marca.html(data[fila].nombre_marca);
								objPro.setFicha(data[fila].ficha);
									
							$.Log("Cargando Datos..(OK)",{clear:true});
						}
							$.getJSON("clases/_json.php",{lista : "Colores",producto: producto},function(color){
									if(!color.length==0){
										$lista="";
										$.VerColor(color[0].id_color,color[0].id_producto);
										for(var row in color){
											Moto.Colores +=color[row].titulo+"<br />";
											$lista +='<span onclick="$.VerColor('+color[row].id_color+','+color[row].id_producto+');" style="margin:2px;background-color:'+color[row].color+'" title="Click para ver color">&nbsp;</span>';
										}
										$("#colores").html($lista);
										$("#color_motos").html(Moto.Colores);
										vActive=0;
									}$.Log("Cargando Colores..(OK)",{clear:true});
							})
					})
			   }
		   }
		   
		   
		   $.SliderH({ 	 
					Lista 	: $("#lista_motos"),
					Speed 	: 2000,
					Up		: $("#down"),
					Down	: $("#up")
				});	
		   
		   $.CargarCarrusel = function(opt){

				$.getJSON("clases/_json.php",opt,function(motos){
				$carrusel="";
				for (var i in motos){
					
				$carrusel +='<li onclick="$.VerDatos('+motos[i].id+');" >'+
				'<img src="images/motos/'+motos[i].thumbnail+'" width="120" height="80" alt="Click para ver Moto" class="thumb_moto"  />'+
				'<span>'+motos[i].modelo+'</span>'+
				'</li>';
				
				}
				Moto.Carrusel.html($carrusel);
				$("img:[class=thumb_moto]").reflect({height:0.2 , opacity:0.5});
				$.VerDatos(motos[0].id);
				})
				$.Log("Cargando Carrusel..(OK)",{clear:true});				 
					
				
		   }
		   
		   
		   $.MenuMoto= function(o){
		   		switch(o.opcion){
					case 'especificaciones' : 
						if(!objPro.getFicha()==''){
							 ancho = $(window).width();
							 alto = $(window).height();
							 hs.htmlExpand(null, {src : "pdf/motos/"+objPro.getFicha() , objectType : "iframe", width: ancho-200 , height: alto-100 , objectLoadTime: 'after', allowWidthReduction: 1});	
							
						}else{alert("No disponible");}
					break;
					case 'promociones' :
							var cpromo = $("#promociones");
							if(cpromo.hasClass("nodisponible")){
								alert("No Disponible");	
							}else{
								cpromo.fadeIn();
								$("#cerrar_promo").click(function(){
										cpromo.fadeOut();						  
								})
							}
					break;
					case 'concesionario' :
							window.location="concesionarios.php?Linea=1&Tipo=2";
					break;
					case 'postventa' :
							window.location="concesionarios.php?Linea=1&Tipo=1";
					break;
					case 'repuestos' :
						   $("#repuestosContentsm").load("_repuestos.php??Lista=Respuestos&Linea=1",function(html){
								 $("#motoRepuestos").fadeIn();
								 $("#motoCerrar").click(function(){
											$("#motoRepuestos").fadeOut();	
											$("#repuestosContentsm").html('<img style="margin-top:160px;" src="images/cargando2.gif" />');
								})
							});
					break;
				}
		   }
		   
		   $.MenuMaquinaria= function(o){
		   		switch(o.opcion){
					case 'especificaciones' : 
						if(!objPro.getFicha()==''){
							ancho = $(window).width();
							 alto = $(window).height();
							 hs.htmlExpand(null, {src : "pdf/maquinaria/"+objPro.getFicha() , objectType : "iframe", width: ancho-100 , height: alto-100 , objectLoadTime: 'after', allowWidthReduction: 1});	
							
						}else{
							alert("No disponible");	
						}
					break;
					case 'concesionario' :
							window.location="concesionarios.php?Linea=2&Tipo=2";
					break;
					case 'postventa' :
							window.location="concesionarios.php?Linea=2&Tipo=1";
					break;
				}
		   }
		   $.MenuProductoFuerza= function(o){
		   			switch(o.opcion){
					case 'especificaciones' : 
						if(!objPro.getFicha()==''){
							 ancho = $(window).width();
							 alto = $(window).height();
							 hs.htmlExpand(null, {src : "pdf/"+objPro.getFicha() , objectType : "iframe", width: ancho-100 , height: alto-100 , objectLoadTime: 'after', allowWidthReduction: 1});	
							
						}else{
							alert("No disponible");	
						}
					break;
					case 'concesionario' :
							window.location="concesionarios.php?Linea=3&Tipo=2";
					break;
					case 'postventa' :
							window.location="concesionarios.php?Linea=3&Tipo=1";
					break;
					case 'repuestos' :
							$("#repuestosContentsm").load("_repuestos.php??Lista=Respuestos&Linea=3",function(html){
								 $("#motoRepuestos").fadeIn();
								 $("#motoCerrar").click(function(){
											$("#motoRepuestos").fadeOut();	
											$("#repuestosContentsm").html('<img style="margin-top:160px;" src="images/cargando2.gif" />');
								})
							});
					break;
				}
		   }
		   
		   
		   /*-----------------------------------------------------------------------------------------------------------*/
		   
		   var GaleriaEventos = function(Fotos,Thumbs){
				
				var ContenedorGaleria = '<div id="JOw-Mascara"><div style="color:white;width:32px;height:32px;margin:22% auto;"><img src="galeria/5.gif"  /></div></div><div id="JOw-Galeria" ><div id="JOw-Galeria-cab" ></div><div id="JOw-Galeria-con"></div><div id="JOw-Galeria-pie" ></div></div>'; 
				$("body").append(ContenedorGaleria);
				
				var divGaleria = $("#JOw-Galeria");
				var Cabecera 	= $("#JOw-Galeria-cab");
				var Contenido 	= $("#JOw-Galeria-con");
				var Pie 		= $("#JOw-Galeria-pie");
				
				var Ubicar = function(){
						var Ventanaw = $(window).width();
						var Ventanah = $(window).height();
						var Modalh   = $("#JOw-Galeria").outerHeight();
						var Modalw   = $("#JOw-Galeria").outerWidth();			   
						
						var top  = (Ventanah-Modalh)/2;
						var left = (Ventanaw-Modalw)/2;
						
						$("#JOw-Mascara")
						.css({
							'position':'absolute',
							'background-color':'black',
							'top':0 + $(document).scrollTop() ,
							'left':0,
							'width' :Ventanaw,
							'height':Ventanah,
							opacity : 0.8
						}).fadeIn("slow");

						
						divGaleria
						.css({
							 'position':'absolute',
							 'z-index':'9999',
							 'top' : (top + $(document).scrollTop() ), 
							 'left' : left})
						
						
				}
				
				$(window).bind("scroll resize",function(){
						Ubicar(); 
				});
				
				Ubicar();
				
				/* Contenido */
				
				Cabecera.html('<center><img src="galeria/anterior.png" id="btnAnterior1" class="Control"  /><img src="galeria/siguiente.png" id="btnSiguiente1"  class="Control" /><div id="JOw-Galeria-Cerrar" style="float:right;width:20px;height:10px;cursor:pointer;margin-right:40px;margin-top:10px"><img src="galeria/close.png" /></div></center>');
				Contenido.html('<center><img src="" /></center>');
				
				
				
				Pie.html('<center><ul><li><img src="galeria/flecha_izquierda.png" align="top" class="Control" id="btnAnterior" /></li><li><div id="JOw-Slider" style="display:inline-block;overflow:hidden;width:660px" ><div id="ListaThumb" >'+
						 '</div></div></li><li><img src="galeria/flecha_derecha.png"  align="top" class="Control" id="btnSiguiente" /></li></ul></center>');
				
				for(var thumbs in Fotos){
					$("#ListaThumb").append('<a href="images/eventos/'+Fotos[thumbs]+'" class="Thumb" ><img src="images/eventos/'+Thumbs[thumbs]+'" width="100" height="80" /></a>');
				}
				divGaleria.show();	
				
				/* Lista */
				
				var thumbList 	    = $("#ListaThumb");
				var botonSig		= $("#btnSiguiente");
				var botonAnt 		= $("#btnAnterior");
				var cbotonSig		= $("#btnSiguiente1");
				var cbotonAnt 		= $("#btnAnterior1");
				
				var thumbItems	 	= thumbList.find("a").length;
				var thumbWidth 		= thumbList.find("a:eq(0)").width();
				var mostrarItems    = 6;
				var itemsleft		= 0;
				var left			= 0;
				var CurrentFoto		= 0;
				
				if(Fotos.length < 6 ){
					mostrarItems =  Fotos.length;
					Pie.find("ul").css({"width":(mostrarItems*thumbWidth )+(mostrarItems*(5*2)+100)})
				}
				
				thumbList.css({'width': (thumbItems*thumbWidth )+(thumbItems*(5*2))})
				$("#JOw-Slider").css({'width': (mostrarItems*thumbWidth )+(mostrarItems*(5*2))});
				
				var ArrayFotos = new Array();
				thumbList.find("a.Thumb").each(function(){
					ArrayFotos.push($(this).attr("href"));	
				})
				$.Preloads(ArrayFotos);
	
                var BtnActive = 0;    	          
				cbotonSig.click(function(){
					
						if( (CurrentFoto+1) < thumbItems ){
							if(BtnActive == 0){
								BtnActive = 1;
								CurrentFoto+=1;
								verFoto(CurrentFoto);	
							}
						}
						if(thumbItems-itemsleft != mostrarItems){
									itemsleft+=1;left-=thumbWidth+10;
									thumbList.animate({marginLeft:left},500);
						}
										 
					
				})
				cbotonAnt.click(function(){
					
						if(CurrentFoto != 0){	
							if(BtnActive == 0){
								BtnActive=1;
								CurrentFoto-=1;
								verFoto(CurrentFoto);
							}
						}
						if(thumbItems > 4){if(left!=0){
								left+=(thumbWidth+10);	
								thumbList.animate({marginLeft:left},500);
								itemsleft-=1;
						}}
					
				})
				
				/*Botones*/
					botonSig.click(function(){ // siguiente
						if(thumbItems > mostrarItems){
							if(BtnActive == 0){
								BtnActive=1;
								if(thumbItems-itemsleft != mostrarItems){
									itemsleft+=1;left-=thumbWidth+10;
									thumbList.animate({marginLeft:left},500);
									CurrentFoto+=1;
									verFoto(CurrentFoto);
								}
							}
						}
					});
					botonAnt.click(function(){ //anterior
						if(thumbItems > 4){if(left!=0){
								BtnActive=1;
								left+=(thumbWidth+10);	
								thumbList.animate({marginLeft:left},500);
								itemsleft-=1;
								CurrentFoto-=1;
								verFoto(CurrentFoto);
						}}
					});
				
				
				var verFoto = function(index){
							CurrentFoto = index;
							Contenido.fadeOut("fast",function(){
									Contenido.find("img").attr("src",$("#ListaThumb a:eq("+index+")").attr("href"));
									$("#ListaThumb a").css({'border-color':'#333',opacity:0.7});
									$("#ListaThumb a:eq("+index+")").css({'border-color':'white'}).fadeTo(200,1);
									
									Contenido.ready(function(){
										Contenido.fadeIn(500);					 
									});
									FotoActive = 0;
									BtnActive = 0;
							});		
					
				}	
					
				$("#ListaThumb a").click(function(){
					CurrentFoto = $("#ListaThumb a").index(this);
					verFoto(CurrentFoto);
					return false;
				})	
					
				$("#JOw-Galeria-Cerrar").click(function(){
					$("#JOw-Galeria").fadeOut("slow",function(){
						$(this).remove();
						$("#JOw-Mascara").fadeOut("fast").remove();
					})										
				})	
					
				
				verFoto(0);	
				
				
				setTimeout(function(){
						$("#JOw-Mascara").html("");
						divGaleria.css({ 'visibility':'visible' });			
				},1500);
				
				
			}
			/*----------------------------------------------------------------------------------------------------------*/
		   
			$.AbrirGaleria = function(Evento){
				
				Foto = new Array();
				Thumb = new Array();
				
				$.getJSON("clases/_json.php",{ lista: 'Fotos', evento : Evento },function(response){
					for(var i in response){
						Foto.push(response[i].foto);
						Thumb.push(response[i].thumbnail);
					}	
					GaleriaEventos(Foto,Thumb);
				})
				
				
			}
		   
		   if(typeof Page != "undefined"){
			switch(Page){
				case 'Eventos':
					Galeria();
				break;
				case 'Videos':
					Videos();
				break;
				case 'Motos': case 'Maquinaria':case 'Fuerza':
					$("#progressbar").progressbar();
					$.CargarCarrusel({lista:Page});
							 Zoom 			= new Object();
							 Zoom.Text 		= $("#zoom_value");
							 Zoom.foto 		= $("#foto_producto");
							 Zoom.Input 	= $("#foto_zoom");
							 Zoom.Input2 	= $("#foto_normal");
							 Zoom.Bar 		= $("#zoombar");
							 Zoom.val 		= 0;
							 
							 Zoom.max = $("#zoomin");
							 Zoom.min = $("#zoomout");
							 
							 var zoomAccion = function(valor){
								Zoom.val = valor;
										switch(Zoom.val){
											case 5:	
												Zoom.foto.html('<div><center><img id="foto_medium" class="foto_medium" alt="" src="'+Zoom.Input2.val()+'" width="424" height="307"  /></center></div>');
												Zoom.Text.html("0%");
											break;
											default :
												Zoom.foto.html('<div id="zoom_new" style="cursor:pointer" ><center><img  style="margin-left:-'+((Zoom.val*2.5))+'px;margin-top:-'+((Zoom.val)*2.5)+'px"  class="foto_big" src="'+Zoom.Input.val()+'" width="'+(((Zoom.val*5.7)+424)+6)+'" height="'+((((Zoom.val*(4.2)))+307)-3)+'" /></center></div>');
												Zoom.Text.html( (Zoom.val )+" %");
												$(".foto_big").draggable();
										}
								$("img:[id=foto_medium]").reflect({ height:0.2 , opacity:0.3 });	 
							 }
							 
								Zoom.Bar.slider({
									animate: true ,			 
									orientation: "vertical",
									range: "min",
									min: 5,
									max: 100,
									step:5,
									value: 0,
									change:function(event, ui) {zoomAccion(ui.value);},
									slide: function(event, ui) {zoomAccion(ui.value);}
								});
								Zoom.max.click(function(){
										switch(Zoom.val){case 100: ;break;case 5 : Zoom.val += 5 ;break;default : Zoom.val += 5 ;}Zoom.Bar.slider( 'value' , Zoom.val )		
								});
								Zoom.min.click(function(){
										switch(Zoom.val){case 100: Zoom.val -= 5 ;break;case 5 : ;break;default : Zoom.val -= 5 ;}Zoom.Bar.slider( 'value' , Zoom.val )		
								});
								
								$("img:[class=foto_medium]").reflect({height:0.2 , opacity:0.3});
								// BUTTONS
								$('.fg-button').hover(
									function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
									function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
								);
								// MENUS    	
								$('#motos').menu({
									content: $('#select_motos').html(),
									crumbDefaultText: ' ',
									flyOut: true,
									backLink: false,
									width:150
								});
				break;	
			}
		 }
		 
		 State = new Object();
		 State.Container 	= $("#state");
		 State.Input 		= $("#progressbar");
		 State.Text 		= $("#state_value");
		 State.val 			= 0 ;
		 
		 $.State = function(){
			if(State.val==0){
				 State.Container.fadeIn();
			}
			if(State.val < 100 ){
				State.val +=1;
				State.Input.progressbar('option', 'value', State.val);
				setTimeout("$.State();",100);
				 State.Text.html("cargando "+State.val+"%");
			}else{
				State.val = 0 ;
				State.Container.fadeOut();
				State.Text.html("completado");
				
			}
		 }
		 
		function ucfirst (str) {
			if(str){
				var f = str.charAt(0).toUpperCase();
				return f + str.substr(1);
			}else{
				return "";	
			}
		}
		 
		 var cboDepartamento  = $("#cboDepartamento");
		 var cboDistrito	  = $("#cboDistrito");
		 var contLocales	  = $("#contLocales");
		 var lTotal 		  = $("#dTotal");
		
		$.moveMapa = function(x,y,text){
				$("#tooltip").animate({'top':y,'left':x},500).html('<div class="titulo_mapa" >'+text.toUpperCase()+'<span class="tDistrito" ></span></div>');
		};
		$.MostrarDistritos = function(tipo,linea,departamento){
			$.getJSON("_consecionario.php"
					  ,{ 'do' : 'Distrito',Tipo : tipo , Linea: linea ,Departamento : departamento }
					  ,function(data)
			{
				cboDistrito.html("<option value='-1'>Todos</option>");
				for(var i in data){
					cboDistrito.append("<option value='"+data[i].id+"'>"+data[i].nombre+"</option>");
			}	cboDistrito.attr("disabled",false);
			});	
		};
		$.CargarLocales = function(o){
			contLocales.html("<div style='text-align:center;margin-top:100px;font:12px tahoma;color:#919191'><img src='images/cargando_local.gif' /><br/>Cargando...</div>");
			
			$("#cboDepartamento option[value='"+o.Departamento+"']").attr('selected', 'selected');

			
			if( typeof o.Departamento =='undefined' || o.Departamento == -1 ){	o.Departamento = " <>-1 "; }
			else{o.Departamento = " ="+o.Departamento+" ";};
			if( typeof o.Distrito =='undefined' || o.Distrito == -1 ){	o.Distrito = " <>-1 "; }
			else{o.Distrito = " ="+o.Distrito+" "; };
			
			if(typeof o.LoadDistrito != 'undefined'){
				$.MostrarDistritos(o.Tipo,o.Linea,o.Departamento);	
			}
			opciones = { 'do' : 'Local' , Tipo : o.Tipo , Linea: o.Linea ,Departamento : o.Departamento	,Distrito: o.Distrito };
			
			$.getJSON("_consecionario.php",opciones,function(data){
				
				var hLocales ="";
				
				dFormat = function(icon,val){
					if(val == null || val == '' ){val ="";}
					if(val.length > 0){
						var alt = "";
						switch(icon){
							case 'home'		 :	alt = "Direccion";	break;
							case 'contact'	 :	alt = "'Razon Social'";	break;
							case 'person'	 :	alt = "Contacto";	break;
							case 'calculator':	alt = "Celular";	break;
							case 'comment'	 :	alt = "Telefonos";	break;
							case 'mail-closed':	alt = "Email";
								val = "<a class='link_exe' style='font:12px tahoma;color:#919191' href='mailto:"+val+"'>"+val+"</a>";
							break;
						}
						return '<span title='+alt+' alt='+alt+' style="float:left" class="ui-icon-white ui-icon-'+icon+'"/>'+val+'<br />';
					}else{
						return "";
					}
				}
				var dX 		= 0;
				var dY 		= 0;
				var dText 	= "";
				
				for(var i in data){
					hLocales +="<div class='deLocal' >"+ 
									dFormat('home',data[i].direccion + "<span class='cCategoria'> ("+data[i].categoria+")</span>" ) + 
									dFormat('contact',data[i].nombre)+
									dFormat('person',data[i].contacto)+
									dFormat('calculator',data[i].celular)+
									dFormat('comment',data[i].telefono)+
									dFormat('mail-closed',data[i].email)+
							   "</div>";
					if( data[i].id_departamento == opciones.departamento ){
						var dX 		= data[i].x;
						var dY 		= data[i].y;
						var dText 	= data[i].departamento;
					}		   
				}
				contLocales.html(hLocales);
				lTotal.html(data.length);
			})
			$.Log("cargando Locales (OK)...",{clear:true});
		} 

	/*links webmails*/
	$("#link_webmail").click(function(){
		$("#mwebLinks").remove();
		var links = '<div id="mwebLinks" style="background-image:url(images/contentacces.png)">'+
						'<div id="mlinkclose" style="cursor:pointer;float:right;margin-left:220px;position:absolute"><img src="highslide/graphics/close.png" /></div>'+
						'<div style="text-align:center;margin-top:12px"><a href="http://correo.cayman.com.pe" target="_blank"><img src="images/webmail2.jpg" border="0" /></a></div>'+
						'<div style="text-align:center;"><a href="http://correo.zsmotorsperu.com" target="_blank"><img src="images/webmail3.jpg"  border="0" /></a></div>'+
						'<div style="text-align:center;"><a href="http://correo.corpcayman.com" target="_blank"><img src="images/webmail1.jpg"  border="0" /></a></div>'+
					'</div>';
		$("body").append(links);
		
		var objlinks = $("#mwebLinks");
		
		var window_width = $(window).width();
		var window_height = $(window).height();
		
		var modal_height  = objlinks.outerHeight();
		var modal_width   = objlinks.outerWidth();		
		
		var top  = (window_height-modal_height)/2;
		var left = (window_width-modal_width)/2;
		objlinks.css({'top' : top + $(window).scrollTop() , 'left' : left});
		
		$(window).bind("resize scroll",function(){
				var window_width = $(window).width();
				var window_height = $(window).height();
				var modal_height = objlinks.outerHeight();
				var modal_width = objlinks.outerWidth();
				var top = (window_height-modal_height)/2;
				var left = (window_width-modal_width)/2;
				objlinks.css({'top' : top  + $(window).scrollTop() , 'left' : left});
		})
		$("#mlinkclose").click(function(){
			$("#mwebLinks").remove();
		})
		
	});	 
		 
});