// JavaScript Document

$.preloadImages([
				 '../imagenes/pasarela-tango_off.jpg', 
				 '../imagenes/pasarela-coco_off.jpg', 
				 '../imagenes/pasarela-urbano_off.jpg',
				 '../imagenes/pasarela-bridal_off.jpg',
				 '../imagenes/pasarela-condiments_off.jpg'
				 ]);


$(document).ready(function(){  
	
        //Deshabilitar click derecho
        $(document).bind("contextmenu",function(e){
            return false;
        });

			   
	//MENU
	var idioma = $('#idioma').val();
	
	$('.menuBoton').mouseover(function(){
		var nombre = $(this).attr('nombre');
		$(this).attr('src','imagenes/menu/' + idioma + '_' + nombre + '_on.png');
	});
	$('.menuBoton').mouseout(function(){
		var nombre = $(this).attr('nombre');
		$(this).attr('src','imagenes/menu/' + idioma + '_' + nombre + '_off.png');
	});
	
	$('.submenuBoton').mouseover(function(){
		var nombre = $(this).attr('nombre');
		$(this).attr('src','imagenes/menu/submenu/' + idioma + '_' + nombre + '_on.png');
	});
	$('.submenuBoton').mouseout(function(){
		var nombre = $(this).attr('nombre');
		$(this).attr('src','imagenes/menu/submenu/' + idioma + '_' + nombre + '_off.png');
	});
	
	
	$('#tango').mouseover(function(){ 
		$(this).removeClass('tango');
		$(this).addClass('tangoOver');
		$('#contenidoTango').css('display','inline');
	});
	$('#tango').mouseout(function(){ 
		$(this).removeClass('tangoOver');
		$(this).addClass('tango');
		$('#contenidoTango').css('display','none');
	});
	
	$('#coco').mouseover(function(){ 
		$(this).removeClass('coco');
		$(this).addClass('cocoOver');
		$('#contenidoCoco').css('display','inline');
	});
	$('#coco').mouseout(function(){ 
		$(this).removeClass('cocoOver');
		$(this).addClass('coco');
		$('#contenidoCoco').css('display','none');
	});
	
	$('#urbano').mouseover(function(){ 
		$(this).removeClass('urbano');
		$(this).addClass('urbanoOver');
		$('#contenidoUrbano').css('display','inline');
	});
	$('#urbano').mouseout(function(){ 
		$(this).removeClass('urbanoOver');
		$(this).addClass('urbano');
		$('#contenidoUrbano').css('display','none');
	});
	
	$('#bridal').mouseover(function(){ 
		$(this).removeClass('bridal');
		$(this).addClass('bridalOver');
		$('#contenidoBridal').css('display','inline');
	});
	$('#bridal').mouseout(function(){ 
		$(this).removeClass('bridalOver');
		$(this).addClass('bridal');
		$('#contenidoBridal').css('display','none');
	});
	
	$('#condiments').mouseover(function(){ 
		$(this).removeClass('condiments');
		$(this).addClass('condimentsOver');
		$('#contenidoCondiments').css('display','inline');
	});
	$('#condiments').mouseout(function(){ 
		$(this).removeClass('condimentsOver');
		$(this).addClass('condiments');
		$('#contenidoCondiments').css('display','none');
	});
	
	
	//Carrusel de imagenes verticales
	var posicionCarrusel = $('#posicion').val();
	$('#productosVertical').jcarousel({
        vertical: true,
        scroll: 2,
		start: posicionCarrusel
    });
	
	$('#prensaHorizontal').jcarousel({
        scroll: 1
    });
	
	$('.tiendaHorizontal').jcarousel({
        scroll: 2
    });
	
	//Al hacerle
	$('.fotito_producto').mouseover(function(){ 
		$(this).addClass('foto_producto_off');
	});
	$('.fotito_producto').mouseout(function(){ 
		$(this).removeClass('foto_producto_off');
	});
	
	//Al hacerle
	$('.fotito_producto_vertical').mouseover(function(){ 
		var fotoON = $(this).attr('on');
		$(this).attr('src', fotoON);
	}).mouseout(function(){ 
		var fotoOFF = $(this).attr('off');
		$(this).attr('src', fotoOFF);
	});
	
	$(function() {
		setInterval( "slideSwitch()", 5000 );
	});

	//Fancy del la bolsa de trabajo
	$("#bolsa_de_trabajo").fancybox({
		'titleShow'     	: false,
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'width'				: 500,
		'overlayOpacity'	: 0.6,
		'overlayColor'		: '#000000'
	});
	
	
	//Fancy del form de contacto
	$("#contacto_consulta").fancybox({
		'titleShow'     	: false,
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'overlayOpacity'	: 0.6,
		'overlayColor'		: '#000000'
	});
	
	//Fancy del form de Enviar Mi seleccion
	$("#enviar").fancybox({
		'titleShow'     	: false,
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'overlayOpacity'	: 0.6,
		'overlayColor'		: '#000000'
	});
	
	//Envia form contacto
	$('#enviarFormContacto').click(function(){
		var nombre = $('#nombre').val();
		var telefono = $('#telefono').val();
		var email = $('#email').val();
		var ciudad = $('#ciudad').val();
		var pais = $('#pais').val();
		var comentarios = $('#comentarios').val();
		
		//Busco los mensaje de Error y Ok desde aca porque los lleno con el idioma.
		var mensajeError = $('#mensajeError').val();
		var mensajeOk = $('#mensajeOk').val();
		
		//Verifico que complete todos los campos
		if(nombre == "" || telefono == "" || email == "" || ciudad == "" || pais == "" || comentarios == ""){
			alert(mensajeError);
			return false;
		}
		
		//Armo los parametros
		var param = "nombre=" + nombre + "&telefono=" + telefono + "&email=" + email + "&ciudad=" + ciudad + "&pais=" + pais + "&comentarios=" + comentarios;
		
		$.ajax({
		   type: "POST",
		   url: "procesa_contacto.php",
		   data: param,
		   success: function(msg){
			 alert(mensajeOk);
			 $('#fancybox-close').click();
		   }
		 });
	});
	
	//Envia form contacto
	$('#enviarFormBolsaTrabajo').click(function(){
		var nombre = $('#bolsa_nombre').val();
		var telefono = $('#bolsa_telefono').val();
		var pais = $('#bolsa_pais').val();
		var comentarios = $('#bolsa_comentarios').val();
		var cv = $('#bolsa_cv').val();
		
		//Busco los mensaje de Error y Ok desde aca porque los lleno con el idioma.
		var mensajeError = $('#bolsa_mensajeError').val();
		var mensajeOk = $('#bolsa_mensajeOk').val();
		
		//Verifico que complete todos los campos
		if(nombre == "" || telefono == "" || pais == "" || comentarios == "" || cv == ""){
			alert(mensajeError);
			return false;
		}else{
			//alert("CHAU");
			$('#form_bolsa_trabajo').submit();
		}
		
	});
	
	
	
	//Dic scroleable en la seccion GRETAFLORA
	$('#panel_gretaflora').jScrollPane();
	
	//Deshabilito
	$('#comercializa_zapatos_no').click(function(){
		$('#ambito').val('');
		$('#ambito').attr('disabled','disabled');
		$('#modo_comercializacion_punto_fijo').removeAttr('checked');
		$('#modo_comercializacion_punto_fijo').attr('disabled','disabled');
		$('#modo_comercializacion_festivales').removeAttr('checked');
		$('#modo_comercializacion_festivales').attr('disabled','disabled');
		$('#modo_comercializacion_webshop').removeAttr('checked');
		$('#modo_comercializacion_webshop').attr('disabled','disabled');
		$('#volumen').val('');
		$('#volumen').attr('disabled','disabled');
	});
	
	//Habilito
	$('#comercializa_zapatos_si').click(function(){
		$('#ambito').removeAttr('disabled');
		$('#modo_comercializacion_punto_fijo').removeAttr('disabled');
		$('#modo_comercializacion_festivales').removeAttr('disabled');
		$('#modo_comercializacion_webshop').removeAttr('disabled');
		$('#volumen').removeAttr('disabled');
	});


	//Envia form contacto
	$('#enviarFormVentaXMayor').click(function(){
		var nombre = $('#nombre').val(); //*
		var telefono = $('#telefono').val(); //*
		var direccion = $('#direccion').val(); //*
		var cp = $('#cp').val(); //*
		var ciudad = $('#ciudad').val(); //*
		var pais = $('#pais').val(); //*
		var email = $('#email').val(); //*
		var comercializa_zapatos = $('input[name=comercializa_zapatos]:checked').val();
                var comentarios= $('#comentarios').val(); //
		
		//Solo si comercializa_zapatos = si
		var ambito = $('#ambito').val();
		if($('input[name=modo_comercializacion][value=punto_fijo]').is(':checked')){
			var punto_fijo = "si";
		}else{
			var punto_fijo = "no";
		}
		if($('input[name=modo_comercializacion][value=festivales]').is(':checked')){
			var festivales = "si";
		}else{
			var festivales = "no";
		}
		if($('input[name=modo_comercializacion][value=webshop]').is(':checked')){
			var webshop = "si";
		}else{
			var webshop = "no";
		}
		
		//var punto_fijo = $('input[name=modo_comercializacion][value=punto_fijo]').is(':checked');
		//var festivales = $('input[name=modo_comercializacion][value=festivales]').is(':checked');
		//var webshop = $('input[name=modo_comercializacion][value=webshop]').is(':checked');
		var volumen = $('#volumen').val();
		
		//Busco los mensaje de Error y Ok desde aca porque los lleno con el idioma.
		var mensajeError = $('#mensajeError').val();
		var mensajeOk = $('#mensajeOk').val();
		
		//Verifico que complete todos los campos
		if(nombre == "" || telefono == "" || direccion == "" || cp == "" || email == "" || ciudad == "" || pais == ""){
			alert(mensajeError);
			return false;
		}
		
		//Armo los parametros
		var param =	"nombre=" + nombre + 
					"&telefono=" + telefono + 
					"&direccion=" + direccion + 
					"&cp=" + cp + 
					"&ciudad=" + ciudad + 
					"&pais=" + pais + 
					"&email=" + email +
					"&comercializa_zapatos=" + comercializa_zapatos +
					"&ambito=" + ambito +
					"&punto_fijo=" + punto_fijo +
					"&festivales=" + festivales +
					"&webshop=" + webshop +
					"&volumen=" + volumen +
                                        "&comentarios=" + comentarios
					;
		
		$.ajax({
		   type: "POST",
		   url: "procesa_ventaxmayor.php",
		   data: param,
		   success: function(msg){
			 alert(mensajeOk);
			 $('#fancybox-close').click();
		   }
		 });
	});
	
	
	//Pinta las filas de la grilla intercalado
	$('.stripeMe tr:even').addClass('alt');

    //Efecto de cambiar el color al pasar el mouse
	$('.stripeMe tr').mouseover(function(){
		$(this).addClass("over");
	});
	$('.stripeMe tr').mouseout(function(){
		$(this).removeClass("over");
	});
	
	
	//Fancy del form de contacto
	$(".mas_info_tienda").fancybox({
		'titleShow'     	: false,
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'overlayOpacity'	: 0.6,
		'overlayColor'		: '#000000'
	});
	
	
	//Agrega a Mi Seleccion
	$('.btnAgregarProducto').click(function(){
		var idProducto = $(this).attr('idProducto');
		
		//Busco los mensaje de Error y Ok desde aca porque los lleno con el idioma.
		var mensajeError = $('#mensajeError').val();
		var mensajeOk = $('#mensajeOk').val();
			
		//Armo los parametros
		var param = "idProducto=" + idProducto;
		
		$.ajax({
		   type: "POST",
		   url: "_tienda_agregar_producto.php",
		   data: param,
		   success: function(msg){
			 alert(mensajeOk);
			 $('#fancybox-close').click();
		   }
		 });
	});
	
	//Al cambiar el combo de cantidad, actualizo la variable de session de productos
	$('.combo_cantidad').change(function(){
		cantidad = $(this).val();
		producto = $(this).attr('producto');
		talle = $(this).attr('talle');
		
		var param = "producto=" + producto + "&talle=" + talle + "&cantidad=" + cantidad;
		$.ajax({
		   type: "POST",
		   url: "_modificar_mi_seleccion.php",
		   data: param,
		   success: function(msg){
			 //alert(msg);
		   }
		 });
		
	});
	
	
	//Envia form mi seleccion
	$('#enviarFormMiSeleccion').click(function(){
		var nombre = $('#nombre').val();
		var telefono = $('#telefono').val();
		var email = $('#email').val();
		var ciudad = $('#ciudad').val();
		var pais = $('#pais').val();
		
		//Busco los mensaje de Error y Ok desde aca porque los lleno con el idioma.
		var mensajeError = $('#mensajeError').val();
		var mensajeOk = $('#mensajeOk').val();
		
		//Verifico que complete todos los campos
		if(nombre == "" || telefono == "" || email == "" || ciudad == "" || pais == ""){
			alert(mensajeError);
			return false;
		}
		
		//Armo los parametros
		var param = "nombre=" + nombre + "&telefono=" + telefono + "&email=" + email + "&ciudad=" + ciudad + "&pais=" + pais;
		
		$.ajax({
		   type: "POST",
		   url: "procesa_mi_seleccion.php",
		   data: param,
		   success: function(msg){
			 alert(mensajeOk);
			 location.href='pasarela.php';
		   }
		 });
	});
	
	$('#imprimir').click(function(){
		window.print();
	});
	
	
	
});

function decision(message, url)
	{
	if(confirm(message)) location.href = url;
	}
	

function slideSwitch() {
	var $active = $('#slideshow IMG.active');

	if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

	var $next =  $active.next().length ? $active.next()
		: $('#slideshow IMG:first');

	$active.addClass('last-active');

	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function() {
			$active.removeClass('active last-active');
		});
}

var pasadas = 1;
function slideSwitchHome() {
	
	if(pasadas == 3){
		location.href = "pasarela.php";
	}else{
		var $active = $('#slideshowHome IMG.active');
	
		if ( $active.length == 0 ) $active = $('#slideshowHome IMG:last');
	
		var $next =  $active.next().length ? $active.next()
			: $('#slideshowHome IMG:first');
	
		$active.addClass('last-active');
	
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active last-active');
			});
	}
	pasadas++;
}


//No se si sirve para algo pero por las dudas...
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}