// JavaScript Document
jQuery.noConflict();

jQuery().ready(function() {
	
	 //////////////////////////////////////////////////////////////////////////////////////////////////
 	//jQuery(".acc img[title]").tooltip({tip: '.acc-tip',effect: 'slide',  position:'top center', relative: 'true', lazy: 'true'});
	 //Tips																	top	   left
	 jQuery("img.city").tooltip({tip: '#tip-city',offset: [15, 81],relative: 'true', lazy: 'true'});
	 jQuery("img.civic").tooltip({tip: '#tip-civic',offset: [15, 61],relative: 'true', lazy: 'true'});
	 jQuery("img.accord").tooltip({tip: '#tip-accord', offset: [15, 61], position:'top center', relative: 'true', lazy: 'true'}); 
	 jQuery("img.crv").tooltip({tip: '#tip-crv', offset: [15, 70], position:'top center', relative: 'true', lazy: 'true'});
	 jQuery("img.oddysey").tooltip({tip: '#tip-oddysey', offset: [15, 87], position:'top center', relative: 'true', lazy: 'true'}); 
	 jQuery("img.pilot").tooltip({tip: '#tip-pilot', offset: [15, -60], position:'top center', relative: 'true', lazy: 'true'});
	 jQuery("img.ridgeline").tooltip({tip: '#tip-ridgeline', offset: [15, -80], position:'top center', relative: 'true', lazy: 'true'}); 
	 
	 //accesorios individuales
	  jQuery(".acc-civicSedanLX 0").tooltip({tip: '.alfombra-carga',offset: [15, 61],relative: 'true', lazy: 'true'});
	
	jQuery("img.intro").slideDown(400);

	
	// Varios Modelo
	jQuery(".tip a").click(function(){
				//modelo = jQuery(this).attr("class");
				jQuery("img.intro").remove();
				jQuery(".accesirio-list p").remove();
				jQuery(".accesirio-list").hide(100);
				
				
				jQuery("#menu-honda").show();
				tmp = jQuery(this).attr("class");
				
				/*console.log('tmp: '+tmp);
				console.log('model: '+modelo);*/
				
				if(modelo == tmp){
					accArray = new Array();
					modelo = jQuery(this).attr("class");
					jQuery("input#datos").removeAttr("value");
					jQuery("#cotizar .lista p").remove();
				}else{
					accArray = new Array();
					vista = "front";
	 				color = "alabaster_silver_metallic";	
					modelo = jQuery(this).attr("class");
					jQuery("input#datos").removeAttr("value");
					jQuery("#cotizar .lista p").remove();
						
				}
				
				
				
				jQuery(".btn").show();
				cambiarAuto(modelo,color, vista);
				mostrarColores(modelo); // cargo los colores del carro
				loadAccesorios(modelo);
				jQuery(".resumen").show();
				resumenChange(modelo,color);
				
				
				
				
				
	});
	
	//accesorios
	jQuery(".accesorios img").click(function(){
				acc = jQuery(this).attr("class");
				//console.log(acc);
				cargarAccesorios(modelo,acc);
				
				
				
				
				
	});

	// Cambio de Color // mousover
	jQuery("#menu-honda .color img").mouseover(function(){
		  colorNombre = jQuery(this).attr("title");
		  jQuery(".titulo-color").html("").append(colorNombre).fadeIn(100);
    });
	
	jQuery(".colores").mouseout(function(){
      	 if(color == "alabaster_silver_metallic"){
			  jQuery(".titulo-color").html("Alabaster Silver Metallic").fadeIn(100);
		}
    });

	
	
	// Cambio de Color
	/*console.log("paso");*/
	jQuery("#menu-honda .color img").click(function(){
						color = jQuery(this).attr("class");
						jQuery(".mostrar-acc").hide();
						cambiarAuto(modelo,color, vista);
						
						resumenChange(modelo,color);
						if(accArray.length > 0){
							accesoriosLoad(vista);
						}	
						
					})
	
	
	/////////////////////////////////////////////////////////////////////////////
	// Front - Rear //
	 jQuery(".rear").click(function(){
				if(vista != 'rear'){					
					vista = "rear";
					cambiarAuto(modelo,color, vista);
					if(accArray.length > 0){
						accesoriosLoad(vista);
					}
					
					
				}
			});
	 jQuery(".front").click(function(){
				if(vista != 'front'){					
					vista = "front";
					cambiarAuto(modelo,color, vista);
					
					if(accArray.length > 0){
						accesoriosLoad(vista);
					}
					
				}
			});
////////////////////////////////////////////////////
///    Resetear Accesorios			
///////////////////////////////////////////////////

jQuery(".reset").click(function(){
		jQuery(".accesirio-list").hide(100); // recuedo de lista de accesorios hide
		jQuery(".accesirio-list p").remove(); // lista de accesorios
		
		jQuery("#autos .mostrar-acc img").remove(); // remuevo accesorios de auto
		jQuery("#cotizar .lista p").remove();
		
		jQuery("input#datos").removeAttr("value");
		
		accArray = new Array();
						
	})

/*************** OVERLAY **************///
	jQuery(function() { 
			jQuery("button[rel]").overlay({expose: '#000', effect: 'apple'}); 
	});
/****************** FORMULARIO ***********************///
/*jQuery("#button").click(function() {
		 var name = jQuery("input#nombre").val();
		 var email = jQuery("input#email").val();
		 
		 if (name == "" || name == "tu nombre") {
			 jQuery("div.error_nombre").show();
			 jQuery("input#nombre").focus();
			 return false;
		 }
		 
		 if (email == "" || email == "correo de tu amig@") {
			 jQuery("#formulario .error_email").show();
			 jQuery("input#email").focus();
			 return false;
		 }
		
		 var dataString = 'nombre='+ name + '&email=' + email;
			 
		
		 $.ajax({
				 type: "POST",
				 url: "send.php",
				 data: dataString,
				 success: function() {
				 jQuery('#formulario').html("<div id='message'></div>");
				 jQuery('#message').html("<h2>"+ name +" enviado</h2>")
				 .fadeIn(1500, function() {
				 					jQuery('#message').append("<p>Gracias</p>");
		 						});
		 				   }
		 });
		 return false;
   }); */
});