// JavaScript Document

function ver_cuadro()
{
	if(!$('cuadro_menu').visible())
		$('cuadro_menu').show();
}

function esconder_cuadro()
{
	if($('cuadro_menu').visible())
		$('cuadro_menu').hide();
}

function galeria(pagina)
{
	var parametros = {pagina:pagina};
	
	var pedido = new Ajax.Request( "galerias_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_galerias_ajax});
}

function galeria_2(pagina)
{
	var parametros = {pagina:pagina};
	
	var pedido = new Ajax.Request( "galerias_2_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_galerias_ajax});
}

function actualizar_localidades(provincia)
{
	if(provincia == '')
	{
		provincia = $F('provincia');		
		if(provincia == 0)
		{
			deseleccionar();
			$('localidad').update('<option value="0">Ninguna</option>');
			$('scrollbar_content_con').update('');
			scrollbar.recalculateLayout();
			return;
		}
		marcar(provincia);
	}
	else
	{
		var parametros_2 = {provincia:provincia};
		
		var pedido = new Ajax.Request( "provincia_ajax.php", {method: 'post', parameters: parametros_2, onComplete: actualizar_provincia_ajax});
	}
	seleccionar(provincia);
	
	var parametros = {provincia:provincia};
	
	var pedido = new Ajax.Request( "localidades_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_localidades_ajax});
	
	$('scrollbar_content_con').update('');
	scrollbar.recalculateLayout();
}

function actualizar_localidades_ajax(response)
{
	var texto = response.responseText;
	$('localidad').update(texto);
}

function actualizar_provincia_ajax(response)
{
	var texto = response.responseText;
	$('provincia').update(texto);
}

function actualizar_galerias_ajax(response)
{
	var texto = response.responseText;
	$('galeria').update(texto);
}

function actualizar_concesionarios()
{
	var localidad = $F('localidad');
	if(localidad == 0)
	{
		$('scrollbar_content_con').update('<div class="concesionario">Seleccione una localidad<div class="divisor"></div></div>');
		return;
	}
	
	var parametros = {localidad:localidad};
	
	var pedido = new Ajax.Request( "concesionarios_ajax.php", {method: 'post', parameters: parametros, onComplete: actualizar_concesionarios_ajax});
}

function actualizar_concesionarios_ajax(response)
{
	var texto = response.responseText;
	$('scrollbar_content_con').update(texto);
	scrollbar.recalculateLayout();
}

function marcar(provincia)
{
	var efecto = function(){
				$(provincia).clonePosition($('mapabase'));
				if(seleccionada != '')
					$(seleccionada).hide();
				$(provincia).show();};
	time_ = setTimeout(efecto, 200);
}

function desmarcar(provincia)
{
	clearTimeout(time_);
	var efecto = function(){
				$(provincia).hide();
				if(seleccionada != '')
					$(seleccionada).show();};
	time_ = setTimeout(efecto, 200);
}

function seleccionar(provincia)
{
	seleccionada = provincia;	
}

function deseleccionar()
{
	$(seleccionada).hide();
	seleccionada = '';	
}

function mostrarm(id)
{
	var motos = $$('.screen');
	var total = motos.length;
	$(id).show();
	for(var i = 0; i < total; i++)
	{
		if(motos[i].identify() != id)
			motos[i].hide();	
	}	
}

function changebanner()
{
	if(numero == 6)
		numero = 1;
	else
		numero++;
 	$('banner_sup').update('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="ranbanner" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="920" height="250" ><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="920" height="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /></object>');
	setTimeout(changebanner, 15000);
}

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(idioma)
{
	var nombre = $F('nombre');
	var telefono = $F('telefono');
	var mail = $F('mail');
	var comentarios = $F('comentarios');
	var ciudad = $F('ciudad');
	var empresa = $F('empresa');	
	
	if(nombre == '')
	{
		popup('El campo "Nombre" no puede estar vacío');
		$('nombre').focus();
		return;
	}
	
	if(ciudad == '')
	{
		popup('El campo "Ciudad" no puede estar vacío');
		$('ciudad').focus();
		return;
	}
	
	if(empresa == '')
	{
		popup('El campo "Empresa" no puede estar vacío');
		$('empresa').focus();
		return;
	}
	
	if(telefono == '')
	{
		popup('El campo "Teléfono" no puede estar vacío');
		$('telefono').focus();
		return;
	}	
	
	if(mail == '' || !comprobar_mail(mail))
	{
		popup('El campo "Email" esta vacío o no se ha introducido un email válido');
		$('mail').focus();
		return;
	}
	
	if(comentarios == '')
	{
		popup('El campo "Consulta" no puede estar vacío');
		$('comentarios').focus();
		return;
	}	
	
	var parametros = {nombre:nombre, mail:mail, comentarios:comentarios, ciudad:ciudad, telefono:telefono, empresa:empresa};
	
	var pedido = new Ajax.Request( "contacto_ajax.php", {method: 'post', parameters: parametros, onComplete: completar_contacto});
	
	var loader = $('loader');
	var boton = $('boton');
	boton.hide();
	loader.show();
}

function completar_contacto(response)
{
	var texto = response.responseText;
	popup(texto);
	var loader = $('loader');
	var boton = $('boton');
	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_ne()
{
	go_to("empresa.php");	
}

function go_cs()
{
	go_to("concesionarios.php");	
}

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

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

function go_pr()
{
	go_to("prensa.php");	
}

function go_cm()
{
	go_to("comunicacion.php");	
}

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

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

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();
}