// JavaScript Document

function changebanner()
{
	if(numero == 4)
		numero = 1;
	else
		numero++;
 	$('header').update('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="1000" height="200" ><param name="movie" value="swf/'+numero+'.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="swf/'+numero+'.swf" quality="high" width="1000" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /></object>');
	setTimeout(changebanner, 12000);
}

function cvitae()
{
	window.open('cvitae.php','Curriculum Vitae', 'directories=no,height=150,width=520,left=300,top=300,location=no,menubar=no,resizable=no,scrollbars=no,status=no,titlebar=no,toolbar=no');
}

function checkcvitae()
{
	var nombre = $F('nombre');
	var cvitae = $F('cvitae');
	
	if(nombre == '')
	{
		popup('El campo "Nombre y Apellido" no puede estar vacío');
		$('nombre').focus();
		return;
	}
	
	if(cvitae == '')
	{
		popup('El campo "Currículum Vitae" no puede estar vacío');
		$('cvitae').focus();
		return;
	}
	
	$('formitara').submit();
}

function init()
{
	scrollbar = new Control.ScrollBar('scrollbar_content','scrollbar_track');	
}

function init_con()
{
	scrollbar = new Control.ScrollBar('scrollbar_content_con','scrollbar_track_con');	
}

function init_prensa()
{
	scrollbar = new Control.ScrollBar('scrollbar_content_prensa','scrollbar_track_prensa');	
}

function init_ampliada()
{
	scrollbar = new Control.ScrollBar('scrollbar_content_ampliada','scrollbar_track_ampliada');	
}

function sube()
{
	scrollbar.scrollBy(-50);
}

function baja()
{
	scrollbar.scrollBy(50);
}

function popup(msj)
{
	//$('texto').update(msj);
	//$('popup').show();
	alert(msj);
}

function borrar()
{
	$('nombre').clear();
	$('telefono').clear();
	$('mail').clear();
	$('comentarios').clear();
	$('ciudad').clear();
	$('empresa').clear();	
}

function contacto()
{
	var nombre = $F('nombre');
	var telefono = $F('telefono');
	var mail = $F('mail');
	var comentarios = $F('mensaje');
	var loader = $('loader');
	var boton = $('boton_enviar');
	
	if(nombre == '')
	{
		popup('El campo "Nombre" no puede estar vacío');
		$('nombre').focus();
		boton.show();
		loader.hide();
		return;
	}
	
	if(telefono == '')
	{
		popup('El campo "Teléfono" no puede estar vacío');
		$('telefono').focus();
		boton.show();
		loader.hide();
		return;
	}	
	
	if(mail == '' || !comprobar_mail(mail))
	{
		popup('El campo "Email" esta vacío o no se ha introducido un email válido');
		$('mail').focus();
		boton.show();
		loader.hide();
		return;
	}
	
	if(comentarios == '')
	{
		popup('El campo "Mensaje" no puede estar vacío');
		$('mensaje').focus();
		boton.show();
		loader.hide();
		return;
	}	
	
	var parametros = {nombre:nombre, mail:mail, comentarios:comentarios, telefono:telefono};
	
	var pedido = new Ajax.Request( "contacto_ajax.php", {method: 'post', parameters: parametros, onComplete: completar_contacto});
	
	boton.hide();
	loader.show();
}

function completar_contacto(response)
{
	var texto = response.responseText;
	popup(texto);
	var loader = $('loader');
	var boton = $('boton_enviar');
	boton.show();
	loader.hide();
}

function general(id)
{
	var parametros = {id:id};
	
	var pedido = new Ajax.Request( "general_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_general});	
}

function actualizar_general(response)
{
	var texto = response.responseText;
	if($('paractualizar').hasClassName('gris'))
		$('paractualizar').removeClassName('gris');
	$('paractualizar').update(texto);
	$('general').addClassName('selectedrojo');
	$('ficha').removeClassName('selectedrojo');
	$('caract').removeClassName('selectedrojo');
}

function ficha(id)
{
	var parametros = {id:id};
	
	var pedido = new Ajax.Request( "ficha_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_ficha});	
}

function actualizar_ficha(response)
{
	var texto = response.responseText;
	if($('paractualizar').hasClassName('gris'))
		$('paractualizar').removeClassName('gris');
	$('paractualizar').update(texto);
	$('general').removeClassName('selectedrojo');
	$('ficha').addClassName('selectedrojo');
	$('caract').removeClassName('selectedrojo');
}

function caract(id)
{
	var parametros = {id:id};
	
	var pedido = new Ajax.Request( "caracteristicas_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_caract});	
}

function actualizar_caract(response)
{
	var texto = response.responseText;
	if($('paractualizar').hasClassName('gris'))
		$('paractualizar').removeClassName('gris');
	$('paractualizar').update(texto);
	$('general').removeClassName('selectedrojo');
	$('ficha').removeClassName('selectedrojo');
	$('caract').addClassName('selectedrojo');
}

function go_co()
{
	go_to("contacto.php");	
}

function go_em()
{
	go_to("home.php");	
}

function go_in()
{
	go_to("index.php");	
}

function go_se(id)
{
	go_to("servicios.php?id="+id);	
}

function go_su()
{
	go_to("sucursales_menu.php");	
}

function go_qs()
{
	go_to("home.php");	
}

function go_pr(id)
{
	go_to("productos.php?id="+id);	
}

function go_pro(id, subid)
{
	go_to("productos.php?id="+id+"&subid="+subid);	
}

function go_prod(id, subid, marca)
{
	go_to("productos.php?id="+id+"&subid="+subid+"&marca="+marca);	
}

function go_cc()
{
	go_to("crecimos.php");	
}

function go_no()
{
	go_to("objetivo.php");	
}

function go_tn()
{
	go_to("trabaje.php");	
}

function go_qo()
{
	go_to("opina.php");	
}

function go_mg()
{
	go_to("grupar.php");	
}

function go_nc()
{
	go_to("clientes.php");	
}

function go_ll()
{
	go_to("llantas.php");	
}

function go_pv()
{
	go_to("promociones.php");	
}

function go_lu()
{
	go_to("lubricentro.php");	
}

function go_td()
{
	go_to("delantero.php");	
}

function go_fp()
{
	go_to("facilidades.php");	
}

function go_ga()
{
	go_to("garantias.php");	
}

function go_hc()
{
	go_to("historia.php");	
}

function go_ac()
{
	go_to("colon.php");	
}

function go_bu()
{
	go_to("bulnes.php");	
}

function go_motos(id)
{
	go_to("motos.php?id="+id);	
}

function go_to(page)
{
	window.open(page,'_self');	
}

function checar_captcha()
{
	var captcha = $F('captcha');
	var boton = $('boton_enviar');
	var loading = $('loader');
	if(captcha == '')
	{
		popup('Debe colocar lo que muestra la imagen inferior');
		return;
	}
	boton.hide();
	loading.show();
	var parametros = {text: captcha};
	var pedido = new Ajax.Request( "captcha_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_captcha});
}

function actualizar_captcha(response)
{
	var resultado = response.responseText;
	if(resultado == 'no')
	{
		popup('El texto ingresado no coincide con la imagen mostrada');	
		var boton = $('boton_enviar');
		var loading = $('loader');
		boton.show();
		loading.hide();
		$('captcha').clear();
		return;
	}
	else
	{
		contacto();	
	}
}

function ver_vista(foto)
{
	if(!$('paractualizar').hasClassName('gris'))
		$('paractualizar').addClassName('gris');
	$('paractualizar').update('<img src="uploads/originales/'+foto+'" />');
}

function iniciar()
{
	var motos = $$('.motlink');
	var total = motos.length;
	var idelem = '';
	var ayay = '';
	for(var i = 0; i < total; i++)
	{
		motos[i].observe('mouseover', mouse_encima);
		motos[i].observe('mouseout', mouse_afuera);
		motos[i].absolutize();
		motos[i].setStyle({margin: '0'});
		idelem = motos[i].identify();
		ayay = idelem.split('_');
		$('btn_'+ayay[1]).clonePosition(motos[i],{setWidth: false, setHeight: false, offsetTop: 0, offsetLeft: -27});
		y_nit = $('btn_'+ayay[1]).positionedOffset();
		y_nit = y_nit.top;
		$('btn_'+ayay[1]).observe('mouseover', mantener);
		$('btn_'+ayay[1]).observe('mouseout', mouse_afuera_alt);
		motos[i].observe('click', go_moto);
	}
}

function go_moto(event)
{
	var elemento = event.element();
	var idelem = elemento.identify();
	var ayay = idelem.split('_');
	go_motos(ayay[1]);
}

function mantener(event)
{
	event.stop();
	clearTimeout(time_);
	var elemento = event.element();
	var idelem = elemento.identify();
	var ayay = idelem.split('_');
	var identificador = 'clic_'+ayay[1];
	var imagen = $('img_'+ayay[1]);
	var queue = Effect.Queues.get(identificador).invoke('cancel');
	//queue.each(function(effect) { effect.cancel(); });
	new Effect.Opacity(imagen,{from:0.2, to: 0.0, duration: 0});
	elemento.setStyle({top: (y_nit-325)+'px'});
}

function mouse_encima(event)
{
	event.stop();  
	var elemento = event.element();
	var idelem = elemento.identify();
	var ayay = idelem.split('_');
	var imagen = $('img_'+ayay[1]);
	var rollover = $('btn_'+ayay[1]);
	//barra.absolutize();
	//var titulo = elemento.up('.escondido').down('.titulillo');
	//elemento.absolutize();
	//var ancest = elemento.up('.peke');
	//var identificador = elemento.up('.escondido').identify();
	//var titular = function() {								
	//							titulo.show();
	///							titulo.absolutize();
	//							titulo.clonePosition(elemento,{setWidth: false, setHeight: false, offsetTop: -16, offsetLeft: -20});
	//						 };
	var efecto = function(){
							//new Effect.Scale(elemento,200,{scaleFromCenter:true,duration:0.4,delay:0.1,queue:{position:'end',scope:'tamanyo',limit:4},afterSetup:check_crecer});
							new Effect.Fade(imagen,{duration:0.2,queue:{position:'end',scope:idelem,limit:4},afterSetup:check_crecer_alt});
							new Effect.Move(rollover,{duration:0.2, x:0, y: -325, mode: 'relative', transition: Effect.Transitions.spring, queue:{position:'end',scope:idelem,limit:4},afterSetup:check_crecer});
							//new Effect.Parallel([
//												  new Effect.Move(elemento, { sync: true, x: 0, y: -50, mode: 'relative' }), 
//												  new Effect.Scale(elemento, 200, { sync: true, scaleFromCenter:true }) 
//												], {duration: 0.4, queue:{position:'end'},afterSetup:check_crecer });
							
							//elemento.setStyle({zIndex:'100'});
							
							};
	time_ = setTimeout(efecto, 500);
}

function mouse_afuera(event)
{
	event.stop();
	clearTimeout(time_);
	var elemento = event.element();
	var idelem = elemento.identify();
	var ayay = idelem.split('_');
	var imagen = $('img_'+ayay[1]);
	var rollover = $('btn_'+ayay[1]);
	//var barra = $('selected');
	//var ancest = elemento.up('.peke');
	//var identificador = elemento.up('.escondido').identify();
	//new Effect.Scale(elemento,25,{scaleFromCenter:true,duration:0.3,queue:{position:'end',scope:identificador,limit:4}, afterSetup:check_decrecer, afterFinish:relocar});
	//elemento.setStyle({zIndex:'1'});
	
	//new Effect.Scale(elemento,50,{scaleFromCenter:true,duration:0.4,delay:0.1,queue:{position:'end',scope:'tamanyo',limit:4},afterSetup:check_decrecer});
	var efectos = function(){
							new Effect.Appear(imagen,{duration:0.2,queue:{position:'end',scope:idelem,limit:4},afterSetup:check_decrecer_alt});
							new Effect.Move(rollover,{duration:0.2, x:0, y: 325, mode: 'relative', queue:{position:'end',scope:idelem,limit:4},afterSetup:check_decrecer});
	};
	
	//new Effect.Parallel([
//						  new Effect.Move(elemento, { sync: true, x: 0, y: 50, mode: 'relative' }), 
//						  new Effect.Scale(elemento, 50, { sync: true, scaleFromCenter:true }) 
//						], {duration: 0.4, queue:{position:'end'},afterSetup:check_decrecer });
							
	//elemento.setStyle({zIndex:'1'});
	time_ = setTimeout(efectos, 100);
}

function mouse_afuera_alt(event)
{
	//console.log('cosasss');
	event.stop();
	clearTimeout(time_);
	//console.log('cosa');
	var elemento = event.element();
	//console.log(elemento.up('.rollover'));
	if(elemento.up('.rollover') != undefined)
		elemento = elemento.up('.rollover');
	//console.log('cosa2');
	var ident = elemento.identify();
	var ayay = ident.split('_');
	//console.log(ayay);
	//console.log(ident);
	//console.log(elemento);
	//console.log($('img_'+ayay[1]));
	var imagen = $('img_'+ayay[1]);
	var idelem = 'clic_'+ayay[1];
	//var rollover = $('btn_'+ayay[1]);
	//var barra = $('selected');
	//var ancest = elemento.up('.peke');
	//var identificador = elemento.up('.escondido').identify();
	//new Effect.Scale(elemento,25,{scaleFromCenter:true,duration:0.3,queue:{position:'end',scope:identificador,limit:4}, afterSetup:check_decrecer, afterFinish:relocar});
	//elemento.setStyle({zIndex:'1'});
	
	//new Effect.Scale(elemento,50,{scaleFromCenter:true,duration:0.4,delay:0.1,queue:{position:'end',scope:'tamanyo',limit:4},afterSetup:check_decrecer});
	var efectos = function(){
							new Effect.Appear(imagen,{duration:0.2,queue:{position:'end',scope:idelem,limit:4},afterSetup:check_decrecer_alt});
							new Effect.Move(elemento,{duration:0.2, x:0, y: 325, mode: 'relative', queue:{position:'end',scope:idelem,limit:4},afterSetup:check_decrecer});
	};
	
	//new Effect.Parallel([
//						  new Effect.Move(elemento, { sync: true, x: 0, y: 50, mode: 'relative' }), 
//						  new Effect.Scale(elemento, 50, { sync: true, scaleFromCenter:true }) 
//						], {duration: 0.4, queue:{position:'end'},afterSetup:check_decrecer });
							
	//elemento.setStyle({zIndex:'1'});
	time_ = setTimeout(efectos, 100);
}


function check_crecer(effect)
{
	var imagen = effect.element;
	var offset = imagen.positionedOffset();
	if(offset.top != y_nit)
		effect.cancel();
}

function check_decrecer(effect)
{
	var imagen = effect.element;
	var offset = imagen.positionedOffset();
	if(offset.top != (y_nit-325))
		effect.cancel();
}

function check_crecer_alt(effect)
{
	var imagen = effect.element;
	var idelem = imagen.identify();
	var ayay = idelem.split('_');
	var rollover = $('btn_'+ayay[1]);
	var offset = rollover.positionedOffset();
	if(offset.top != y_nit)
		effect.cancel();
}

function check_decrecer_alt(effect)
{
	var imagen = effect.element;
	var idelem = imagen.identify();
	var ayay = idelem.split('_');
	var rollover = $('btn_'+ayay[1]);
	var offset = rollover.positionedOffset();
	if(offset.top != (y_nit-325))
		effect.cancel();
}