// JavaScript Document [chis]

//tarifa-comparador-dos.png
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Variables.
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Iconos utilizados en los filtros como ayuda visual al usuario
var filtroIconoPlegado='<img src="/img/icono-flecha-filtros.gif" alt="Ver opciones" class="filtros-iconos" />';
var filtroIconoDesplegado='<img src="/img/icono-aspa-filtros.gif" alt="Ocultar opciones" class="filtros-iconos" />';
var tipoSeleccion = "";
// Falsos Rastros utilizados en los filtros
var rastroRenuevaUno=' ';
var rastroVenUno='<strong>Conservando mi n&uacute;mero</strong>, dando de alta un contrato y ';



 
function retardoLoader(){ 
	
	setTimeout(function(){ 
						  $('#loader').remove();
						  $('#loader-div').fadeTo(200,0,function(){$('#loader-div').remove()});
						  },1000);
}

function miloader(){
	$('#cuerpo').append('<div id="loader-div" class="listado-moviles" style="width:100%;height:100%;position:fixed;top:0;left:0"> </div>');
	$('#loader-div').fadeTo(200,0.8,retardoLoader);
	$('#cuerpo').append('<img src="/img/loader.gif" id="loader" alt="Loading ..." style="position:absolute;bottom:30%;left:50%;z-index:99999;" />');
}

/*function DesdeDonde(){
	
	var botonSeleccionado=this.id;
	var botonNoSeleccionado,modulosOcultar,modulosMostrar;
	if(botonSeleccionado=='desde-mi-telefono'){botonNoSeleccionado='desde-mi-ordenador';}else{botonNoSeleccionado='desde-mi-telefono';}
	
	modulosOcultar='modulos-tarifas-'+ botonNoSeleccionado;
	modulosMostrar='modulos-tarifas-'+ botonSeleccionado;
	
	$('#'+modulosMostrar).append('<div id="loader-div" class="tarifas-datos" > </div>');
	$('#loader-div').fadeTo(200,0.8,retardoLoader);
	$('#'+modulosMostrar).append('<img src="/img/loader.gif" id="loader" alt="Loading ..." style="position:absolute;top:30%;left:50%;z-index:99999;" />');
	ocultar(modulosOcultar);
	mostrar(modulosMostrar);
	return false;
}

function DesdeMiOrdenador(){
	var mitelefonoaltura= $('#modulos-tarifas-desde-mi-telefono').height();
	$('#modulos-tarifas-desde-mi-telefono').append('<div id="loader-div" class="tarifas-datos" > </div>');
	$('#loader-div').css('height',mitelefonoaltura);
	$('#loader-div').fadeTo(300,0.9,retardoLoader);
	$('#main').append('<img src="/img/loader.gif" id="loader" alt="Loading ..." style="position:absolute;top:40%;left:50%;z-index:99999;" />');
	
	$('#modulos-tarifas-desde-mi-telefono').hide();
	$('#modulos-tarifas-desde-mi-ordenador').fadeIn();
																	   
	return false;
}


function DesdeMiTelefono(){
	var miordenadoraltura= $('#modulos-tarifas-desde-mi-ordenador').height();
	$('#modulos-tarifas-desde-mi-ordenador').append('<div id="loader-div" class="tarifas-datos" > </div>');
	$('#loader-div').css('height',miordenadoraltura);
	$('#loader-div').fadeTo(300,0.9,retardoLoader);
	$('#main').append('<img src="/img/loader.gif" id="loader" alt="Loading ..." style="position:absolute;top:40%;left:50%;z-index:99999;" />');
	
																	   
																	   $('#modulos-tarifas-desde-mi-ordenador').hide();
																	   $('#modulos-tarifas-desde-mi-telefono').fadeIn();
	return false;
}*/

/***************************************************** FUNCIONES TARIFAS VOZ ************************************************************************/
function TarifaVozUno(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('div.filtros > ul > li > h3:eq(1)').click();
}
function TarifaVozDos(){
	$('div.filtros > ul > li > h3:eq(1)').click();
	$('div.filtros > ul > li > h3:eq(2)').click();
}
function TarifaVozTres(){
	$('div.filtros > ul > li > h3:eq(2)').click();
	$('div.filtros > ul > li > h3:eq(3)').click();
}
function TarifaVozDosB(){
	$('div.filtros > ul > li > h3:eq(2)').click();
}
function TarifaVozUnoEA(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('div.filtros > ul > li > h3:eq(1)').click();	
}
function TarifaVozDosEA(){
	$('div.filtros > ul > li > h3:eq(1)').click();
	$('div.filtros > ul > li > h3:eq(2)').click();
}
function quitaFiltroDos(){
						$('#paso-unoa-voz').css('display','none');
						TarifaVozTres();
						//$('#tarifa-voz-tres').css('display','block');
						};
function ponFiltroDos(){
						$('#paso-unoa-voz').css('display','block');
						//$('#filtro_interior').css('display','none');
						//paso-unoa-voz 
						//$('div.filtros > ul > li > h3:eq(2)').click();
						};
/***************************************************** END.FUNCIONES TARIFAS VOZ ******************************************************************/

/***************************************************** FUNCIONES TARIFAS DATOS ********************************************************************/

function TarifaDatosUnoMov(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('.paso-dos-datos').css('display','block');
	$('div.filtros > ul > li > h3:eq(1)').click();	
}
function TarifaDatosUnoPc(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('.paso-dos-datos').css('display','none');
	$('div.filtros > ul > li > h3:eq(2)').click();	
}
function TarifaDatosDos(){
	$('div.filtros > ul > li > h3:eq(1)').click();
	$('div.filtros > ul > li > h3:eq(2)').click();
}
function TarifaDatosTres(){
	$('div.filtros > ul > li > h3:eq(2)').click();
	$('div.filtros > ul > li > h3:eq(3)').click();
}
function TarifaDatosCuatro(){
	$('div.filtros > ul > li > h3:eq(3)').click();
}
/***************************************************** END.FUNCIONES TARIFAS DATOS ****************************************************************/


//filtro móviles y más Ven 

function MovilesVenUno(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('div.filtros > ul > li > h3:eq(1)').click();

}
function MovilesVenDos(){
	$('div.filtros > ul > li > h3:eq(1)').click();
	$('div.filtros > ul > li > h3:eq(2)').click();

}
function MovilesVenTres(){
		switch (tipoSeleccion){
		case "contrato":
			document.getElementById('caracts-contrato').style.display='block';
			document.getElementById('caracts-tarjeta').style.display='none';
			break;
		case "tarjeta":
			document.getElementById('caracts-tarjeta').style.display='block';
			document.getElementById('caracts-contrato').style.display='none';
			break;
		case "":
			document.getElementById('caracts-tarjeta').style.display='block';
			break;
		}

}
//PARA EMPRESAS
function MovilesVenTresEA(){
		document.getElementById('caracts-contrato').style.display='block';
		$
}

//filtro móviles y más Renueva 


function MovilesRenuevaUno(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('div.filtros > ul > li > h3:eq(1)').click();

}
function MovilesRenuevaUnoB(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('div.filtros > ul > li > h3:eq(1)').click();

}

function MovilesRenuevaDos(){
	switch (tipoSeleccion){
		case "contrato":
			document.getElementById('caracteristicas-contrato').style.display='block';
			document.getElementById('caracteristicas-tarjeta').style.display='none';
			document.getElementById('caracteristicas-internet').style.display='none';	
			break;
		case "tarjeta":
			document.getElementById('caracteristicas-tarjeta').style.display='block';
			document.getElementById('caracteristicas-contrato').style.display='none';
			document.getElementById('caracteristicas-internet').style.display='none';	
			break;
		case "internet":
			document.getElementById('caracteristicas-internet').style.display='block';
			document.getElementById('caracteristicas-contrato').style.display='none';
			document.getElementById('caracteristicas-tarjeta').style.display='none';	
			break;
		}

}

function MovilesRenuevaDosB(){
	$('div.filtros > ul > li > h3:eq(2)').click();
	$('div.filtros > ul > li > h3:eq(3)').click();

}


//filtro Internet

function InternetUno(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('div.filtros > ul > li > h3:eq(1)').click();
	$('ul.banda-dos').css('display','block');
	$('ul.banda-dos-a').css('display','none');
	$('#caracteristicasMovil').css('display','block');
	$('#caracteristicasPc').css('display','none');
}
function InternetUnoB(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('#caracteristicasMovil').css('display','none');
	$('#caracteristicasPc').css('display','block');
	$('div.filtros > ul > li > h3:eq(2)').click();

}
function InternetDos(){
	$('div.filtros > ul > li > h3:eq(1)').click();
		switch (tipoSeleccion){
		case "pc":
			document.getElementById('caracteristicasPc').style.display='block';
			document.getElementById('caracteristicasMovil').style.display='none';
			break;
		case "movil":
			document.getElementById('caracteristicasMovil').style.display='block';
			document.getElementById('caracteristicasPc').style.display='none';
			break;
		}
	$('div.filtros > ul > li > h3:eq(2)').click();
}

function InternetUnoBEA(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('#caracteristicasMovil').css('display','none');
	$('#caracteristicasPc').css('display','block');
	$('div.filtros > ul > li > h3:eq(1)').click();

}

//filtro Migración

function MigraUno(){
	$('div.filtros > ul > li > h3:eq(0)').click();
	$('div.filtros > ul > li > h3:eq(1)').click();

}
function MigraDos(){
	$('div.filtros > ul > li > h3:eq(1)').click();
	$('div.filtros > ul > li > h3:eq(2)').click();

}
function MigraTres(){
	$('div.filtros > ul > li > h3:eq(2)').click();
	$('div.filtros > ul > li > h3:eq(3)').click();

}


function filtros(){
	$(this).parent().attr('class',($(this).parent().hasClass('plegado'))?'desplegado':'plegado');
	
	$(this).find('img.filtros-iconos').remove();
	var filtrosIconos=($(this).parent().hasClass('plegado'))?filtroIconoPlegado:filtroIconoDesplegado;
	$(this).append(filtrosIconos);
	
	$(this).parent().find('div.filtros-interior').slideToggle('fast');
	
	$(this).append(($(this).parent().hasClass('plegado'))?'<img src="/img/icono-flecha-filtros.gif" alt="desplegar" class="filtros-iconos" />':'<img src="/img/icono-aspa-filtros.gif" alt="plegar" class="filtros-iconos" />');
	
	//Rastros
	$('ul.renueva-uno-uno').parent().parent().find('span.rastro-filtro:first').html();
	$('ul.ven-uno-uno').parent().parent().find('span.rastro-filtro:first').html(rastroVenUno);
	
}



////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// onload
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$(function(){

//CUANDO CARGA LA PÁGINA MUESTRA DESPLEGADO EL PRIMER FILTRO Y PLIEGA EL RESTO, CUANDO SE HACE CLICK LLAMA A LA FUNCIÓN FILTROS

// Filtros
$('div.filtros > ul > li').not('div.filtros > ul > li:first-child').addClass('plegado');
$('div.filtros > ul > li:first-child').addClass('desplegado');
$('div.filtros > ul > li:first-child > div.filtros-interior:first').slideDown('slow');
$('div.filtros > ul > li.desplegado > h3').append(filtroIconoDesplegado);
$('div.filtros > ul > li.plegado > h3').append(filtroIconoPlegado);
$('div.filtros > ul > li > h3').css('cursor','pointer').click(filtros);


//Filtro Renueva
$('ul.renueva-uno-uno li').not('.opciontarjeta').click(function(){ 
					$('ul.renueva-uno-uno').fadeOut('normal', function(){
																	   $('ul.renueva-uno-dos').not('ul.puntostarjeta').fadeIn('normal');
																	   });
					return false;
					});
					
$('ul.renueva-uno-uno li.opciontarjeta').click(function(){
														$('ul.renueva-uno-uno').fadeOut('normal', function(){
																	   $('ul.puntostarjeta').fadeIn('normal');
																										   });
																	   });												

$('ul.renueva-uno-dos li a.cambiar').click( function(){
													$('ul.renueva-uno-dos').fadeOut();
													$('ul.renueva-uno-uno').fadeIn();
												  });

$('ul.renueva-uno-dos li select:eq(1) option').click(MovilesRenuevaUno);
$('ul.puntostarjeta li select:eq(0) option').click(MovilesRenuevaUnoB);


/***************************************************** END.FILTRO MÓVILES INTERNET ***************************************************************/
/*$('#caracteristicasPc, #caracteristicasMovil').css('display','none');
$('ul.banda-dos-a').css('display','none');
$('ul.banda-cuatro-dos').css('display','none');
$('ul.banda-dos li a').click(function(){ 
					$('ul.banda-dos').fadeOut('normal', function(){
																	   $('ul.banda-dos-a').fadeIn('normal');
																   });
					return false;
	});
;
$('ul.banda-dos-a li a').click(InternetUno);
$('ul.banda-uno li a, ul.banda-dos li a#btn-azul-pc').click(InternetDos);
$('div.filtros > ul > li > h3:eq(0)').click(function(){
										$('ul.banda-dos').css('display','block');
										$('ul.banda-dos-a').css('display','none');
													 });
$('div.filtros > ul > li > h3:eq(2)').click(function(){
										$('ul.banda-cuatro').css('display','block');
										$('ul.banda-cuatro.a').css('display','none');
													 });*/

$('ul.banda-dos-a').hide();
$('ul.banda-cuatro-dos').hide();
$('ul.banda-cuatro, ul.banda-cuatro a').css('display','none');
//filtro uno
$('ul.banda-dos li a').click(function(){ 
					$('ul.banda-dos').fadeOut('normal', function(){
																	   $('ul.banda-dos-a').fadeIn('normal');
																	   });
					return false;
	});
$('ul.banda-dos-a li a').click(InternetUno);//para movil
$('ul.banda-dos li a#btn-azul-pc').click(InternetUnoB); //para pc

$('ul.banda-uno li a').click(InternetDos);


//para volver a abrir el primer paso manualmente
$('div.filtros > ul > li > h3:eq(0)').click(function(){
										$('ul.banda-dos').css('display','block');
										$('ul.banda-dos-a').css('display','none');
													 });
//para empresas

$('ul.banda-dos li a#btn-azul-pc-ea').click(InternetUnoBEA);


/***************************************************** END.FILTRO MÓVILES INTERNET ***************************************************************/

/***************************************************** FILTRO MÓVILES VEN  ***********************************************************************/
//$('#caracts-tarjeta').css('display','none');

$('ul.ven-uno-uno li').click(function(){ 
			$('ul.ven-uno-uno').fadeOut('normal', function(){
															$('ul.ven-uno-uno-a').fadeIn('normal');
															}
			);
			return false;
	});
$('ul.ven-uno-uno-a a')
	.click(function(){
			$('ul.ven-uno-uno-a').fadeOut();
			$('ul.ven-uno-uno').fadeIn();
			return false;
	});
	
	
	
$('ul.ven-uno-uno-a li option').click(MovilesVenUno);
$('ul.ven-uno-dos li a').click(MovilesVenDos);
$('#paso-cuatro-ven h3').click(MovilesVenTres);							 


	
// PARA EMPRESAS
$('#paso-cuatro-ven-ea h3').click(MovilesVenTresEA);	



/***************************************************** END.FILTRO MÓVILES VEN  *******************************************************************/
	
/***************************************************** FILTRO MÓVILES MIGRACIÓN  *****************************************************************/

$('ul.migra-uno li input').click(MigraUno);
$('ul.migra-dos li input').click(MigraDos);
$('ul.migra-tres  li input').click(MigraTres);
/***************************************************** END.FILTRO MÓVILES MIGRACIÓN  *************************************************************/

/***************************************************** FILTRO TARIFAS DATOS **********************************************************************/
//$('#desde-mi-telefono').click(DesdeDonde);
//$('#desde-mi-ordenador').click(DesdeDonde);
$('ul.tarifa-datos-uno > li  a#desde-mi-telefono').click(TarifaDatosUnoPc);
$('ul.tarifa-datos-uno > li  a#desde-mi-ordenador').click(TarifaDatosUnoMov);
$('ul.tarifa-datos-dos > li  a').click(TarifaDatosDos);
$('ul.tarifa-datos-tres > li  a').click(TarifaDatosTres);
$('ul.tarifa-datos-cuatro > li  a').click(TarifaDatosCuatro);

/*seleccion móvil o pc tarifas-datos*/
var filtroDosD='<span>2. &iquest;Eres cliente de movistar?</span><span class="oculto">: </span> <span class="rastro-filtro"><strong> </strong></span> '
var filtroTresD='<span>3. &iquest;Qu&eacute; impuestos quieres que se apliquen?</span><span class="oculto">: </span> <span class="rastro-filtro"><strong> </strong></span> '
var filtroDosDb='<span>3. &iquest;Eres cliente de movistar?</span><span class="oculto">: </span> <span class="rastro-filtro"><strong> </strong></span> '
var filtroTresDb='<span>4. &iquest;Qu&eacute; impuestos quieres que se apliquen?</span><span class="oculto">: </span> <span class="rastro-filtro"><strong> </strong></span> '


$('a#desde-mi-telefono').click(cambiaFiltros);
$('a#desde-mi-ordenador').click(restauraFiltros);

/*funcion para el boton de accesorios*/
function cambiaFiltros(){
						$('.paso-dos-datos').css('display','none');
						$('.paso-tres-datos h3').html(filtroDosD);
						$('.paso-cuatro-datos h3').html(filtroTresD);
						};

function restauraFiltros(){
						$('.paso-dos-datos').css('display','block');
						$('.paso-tres-datos h3').html(filtroDosDb);
						$('.paso-cuatro-datos h3').html(filtroTresDb);
						};

/***************************************************** END.FILTRO TARIFAS DATOS ******************************************************************/

/***************************************************** FILTRO TARIFAS VOZ ************************************************************************/

$('ul.tarifa-voz-uno > li  a').click(TarifaVozUno);
$('ul.tarifa-voz-dos > li  a').click(TarifaVozDos);
$('ul.tarifa-voz-tres > li  a').click(TarifaVozTres);

/*Empresas y autónomos*/
$('ul.ea > li  a').click(TarifaVozUnoEA);
$('ul.ea-dos > li  a').click(TarifaVozDosEA);

/*seleccion tarjeta tarifas-voz*/
var filtroDos='<span>2. &iquest;Con qu&eacute; impuestos quieres ver los precios?</span><span class="oculto">: </span> <span class="rastro-filtro"><strong>Sin impuestos</strong></span> '
var filtroDosB='<span>3. &iquest;Con qu&eacute; impuestos quieres ver los precios?</span><span class="oculto">: </span> <span class="rastro-filtro"><strong>Sin impuestos</strong></span> '

$('a#btn-tarjeta, a#btn-todos').click(quitaFiltroDos);
/*$('a#btn-contrato-empresas, a#btn-tarifa-empresas').click(quitaFiltroDos);*/
$('a#btn-contrato').click(ponFiltroDos);

/*funcion para el boton de accesorios*/

$('#paso-dos-voz').click(TarifaVozDosB);

/***************************************************** END.FILTRO TARIFAS VOZ ********************************************************************/


/***************************************************** FILTRO TARIFAS INTERNACIONAL **************************************************************/

/*$('ul.region-filtro').css('opacity',0.3);
$('.filtros-interior-tarifas#filtro-tres').css('opacity',0.3);
$('li.box-tarifas-region > h3 > span').css('opacity',0.3);
$('li.box-tarifas-pais > h3 > span').css('opacity',0.3);
$('ul.region-filtro-roaming').css('opacity',1);
$('li.box-tarifas-region-roaming > h3 > span').css('opacity',1);
$('li.box-tarifas-pais-roaming > h3 > span').css('opacity',1);

$("input[name$='modalidad']").click(function(){
						$('ul.region-filtro').css('opacity',1);	
						$('li.box-tarifas-region > h3 > span').css('opacity',1);
					 });
$("input[name$='region']").click(function(){
						$('.filtros-interior-tarifas#filtro-tres').css('opacity',1);
						$('li.box-tarifas-pais > h3 > span').css('opacity',1);
					 });

$("select[name$='selecciona-pais']").attr('disabled','disabled');

$('.ver-tarifa-ahorro a').css('cursor','default');
$('.boton-verde.ver-tarifa-ahorro a:hover').css({'background-position':'top left',
												'color':'#052856',
												'cursor':'default',});

$('.boton-verde.ver-tarifa-ahorro a:hover span').css('background-position','top right');

$("input[name$='region-roaming']").click(function(){
						$("select[name$='selecciona-pais']").attr('disabled','enabled');					  
						$('.filtros-interior-tarifas#filtro-tres').css('opacity',1);
						$('li.box-tarifas-pais > h3 > span').css('opacity',1);
						$('.boton-verde.ver-tarifa-ahorro a, .boton-verde.ver-tarifa-ahorro a span').css('cursor','pointer');
					 });
*/

/***************************************************** END.FILTRO TARIFAS INTERNACIONAL **********************************************************/


/***************************************************** FILTRO MÓVILES RENUEVA *******************************************************************/
$('#caracteristicas-contrato, #caracteristicas-tarjeta, #caracteristicas-internet').css('display','none');

$('#btn-accesorios').click(cambiaAccesorios);

$('#contrato, #tarjeta, #internet, #btn-azul-movil, #btn-azul-pc').click(function(){
				tipoSeleccion = $(this).attr('rel');
								  });

/*funcion para el boton de accesorios*/
function cambiaAccesorios(){
						$('#paso-tres-renueva').css('display','none');
						$('#paso-cuatro-renueva h3').html(accesoriosOn);
						};
$('#paso-tres-renueva h3').click(MovilesRenuevaDos);

/*funcion devuelvePasoTres*/


function devuelvePasoTres(){
						$('#paso-tres-renueva').css('display','block');
						};
$('#paso-tres-renueva h3').click(MovilesRenuevaDos);
$('div.filtros > ul li > h3').click(devuelvePasoTres);
$('div.filtros > ul li > h3:first-child').click(function(){
												$('.renueva-uno-uno').css('display','block');		 
												$('.renueva-uno-dos, .puntostarjeta').css('display','none');
														 });
/***************************************************** END.FILTRO MÓVILES RENUEVA ***************************************************************/



// ajustes IE
$('.filtros > ul').css('padding-right', $.browser.msie ? '11px' : '16px');
$('.filtros > p.buscar').css('margin-right', $.browser.msie ? '11px' : '16px');

//Buscar
$('p.buscar a').click(function(){
							   miloader();
							   var url = document.location.href;
								url = url.split(',');
									if(url.toString().split('?')[1]){
								   		$('div.filtros ul li').removeClass('desplegado').addClass('plegado');
									   	$('div.filtros ul li div.filtros-interior').css('display','none');
										} 
									else {
										$('div.filtros ul li:first-child').removeClass('plegado').addClass('desplegado');
									   	$('div.filtros ul li:first-child div.filtros-interior').css('display','block');
										}
								});




////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// END.onload
});