// JavaScript Document

// Contenedor valores Comparadores
var nombreItem='';
var comparadorContador=0;
//var comparadorTarifaUna='<div class="comparador-contrato"><p><span class="nombre-tarjeta">&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
//var comparadorTarifaDos='<div class="comparador-tarjeta"><p><span class="nombre-tarjeta">&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
//var comparadorTarifaTres='<div class="comparador-contrato"><p><span class="nombre-tarjeta">&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
//var comparadorTarifaCuatro='<div class="comparador-tarjeta"><p><span class="nombre-tarjeta">&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';

var comparadorTarifaVacia='<img src="/img/icono-comparador-terminales-vacio.png" alt="vacio" />';

/*var comparadorTarifaUnaD='<div class="comparador-tarifa"><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
var comparadorTarifaDosD='<div class="comparador-tarifa"><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
var comparadorTarifaTresD='<div class="comparador-tarifa"><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
var comparadorTarifaCuatroD='<div class="comparador-tarifa"><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';*/

var ContadorRenuevaVen=0;
var comparadorRenuevaVenVacio='<img src="/img/icono-comparador-terminales-vacio.png" alt="vacio" />';
/*var comparadorRenuevaVenUno='<div class="comparador-terminales"><div class="thumb-terminal"><img src="img/img-comparador-moviles.png" /></div><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
var comparadorRenuevaVenDos='<div class="comparador-terminales"><div class="thumb-terminal"><img src="img/img-comparador-moviles.png" /></div><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
var comparadorRenuevaVenTres='<div class="comparador-terminales"><div class="thumb-terminal"><img src="img/img-comparador-moviles.png" /></div><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';
var comparadorRenuevaVenCuatro='<div class="comparador-terminales"><div class="thumb-terminal"><img src="img/img-comparador-moviles.png" /></div><p><span>&nbsp;</span></p><p class="cerrar"><span class="oculto">Cerrar</span></p></div>';*/
 


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//COMPARADOR TARIFAS VOZ
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function comparadorCheckbox(){
// Muestra el contenedor del comparador
	$('.comparador-terminales-sidebar').fadeIn();
// Pone indice al checkbox y lo guarda en la variable "micheckbox"//	
	var micheckbox=$('#main input:checkbox').index(this);	
// Si el checkbox que hemos pulsado está checked//
	if( $(this).is(':checked') )
	{
// Busca los input checked hasta un máximo de 4//
		if( $('input:checkbox:checked').size()<=4 )
		{
// Muestra el contenido en el li de igual número/posición que el checkbox pulsado
			if(comparadorContador==0){			
// Busca el li pulsado y muestra el contenido almacenado en la variable	"comparadorTarifaUna", coloca el class indicado, y llama a la función "vaciarComparadorTerminalesUno" al hacer click (línea 221)	
				$('.comparador-terminales-sidebar.superior ul li:eq(0)').html(comparadorTarifaUna).attr('class','contrato').click(vaciarComparadorTerminalesUno);
				$('.comparador-terminales-sidebar.inferior ul li:eq(0)').html(comparadorTarifaUna).attr('class','contrato').click(vaciarComparadorTerminalesUno);
			}
			if(comparadorContador==1){
				$('.comparador-terminales-sidebar.superior ul li:eq(1)').html(comparadorTarifaDos).attr('class','tarjeta').click(vaciarComparadorTerminalesDos);
				$('.comparador-terminales-sidebar.inferior ul li:eq(1)').html(comparadorTarifaDos).attr('class','tarjeta').click(vaciarComparadorTerminalesDos);
			}
			if(comparadorContador==2){
				$('.comparador-terminales-sidebar.superior ul li:eq(2)').html(comparadorTarifaTres).attr('class','contrato').click(vaciarComparadorTerminalesTres);
				$('.comparador-terminales-sidebar.inferior ul li:eq(2)').html(comparadorTarifaTres).attr('class','contrato').click(vaciarComparadorTerminalesTres);
			}
			if(comparadorContador==3){

				$('.comparador-terminales-sidebar.superior ul li:eq(3)').html(comparadorTarifaCuatro).attr('class','tarjeta').click(vaciarComparadorTerminalesCuatro);
				$('.comparador-terminales-sidebar.inferior ul li:eq(3)').html(comparadorTarifaCuatro).attr('class','tarjeta').click(vaciarComparadorTerminalesCuatro);
			}
// Incrementa en uno la posición	
			comparadorContador++;
		}
	}	
	else{ 	
	//busca el li que se encuentra en la misma posición que el checkbox pulsado y lo vacia	
	$('.comparador-tarifas-sidebar ul li:eq('+micheckbox+')').html(comparadorTarifaVacia).attr('class','vacio');
// Decrementa en uno la posición
	comparadorContador--;
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//END.COMPARADOR TARIFAS VOZ
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//COMPARADOR DATOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function comparadorCheckboxDatos(){
	$('.comparador-terminales-sidebar').fadeIn();	
	var micheckbox=$('#main input:checkbox').index(this);			

	if( $(this).is(':checked') )
	{
		if( $('input:checkbox:checked').size()<=4 )
		{
			if(comparadorContador==0){
				$('.comparador-terminales-sidebar.superior ul li:eq(0)').html(comparadorTarifaUnaD).attr('class','contrato').click(vaciarComparadorTerminalesUno);
				$('.comparador-terminales-sidebar.inferior ul li:eq(0)').html(comparadorTarifaUnaD).attr('class','contrato').click(vaciarComparadorTerminalesUno);
			}
			if(comparadorContador==1){
				$('.comparador-terminales-sidebar.superior ul li:eq(1)').html(comparadorTarifaDosD).attr('class','tarjeta').click(vaciarComparadorTerminalesDos);
				$('.comparador-terminales-sidebar.inferior ul li:eq(1)').html(comparadorTarifaDosD).attr('class','tarjeta').click(vaciarComparadorTerminalesDos);
			}
			if(comparadorContador==2){
				$('.comparador-terminales-sidebar.superior ul li:eq(2)').html(comparadorTarifaTresD).attr('class','contrato').click(vaciarComparadorTerminalesTres);
				$('.comparador-terminales-sidebar.inferior ul li:eq(2)').html(comparadorTarifaTresD).attr('class','contrato').click(vaciarComparadorTerminalesTres);
			}
			if(comparadorContador==3){
				$('.comparador-terminales-sidebar.superior ul li:eq(3)').html(comparadorTarifaCuatroD).attr('class','tarjeta').click(vaciarComparadorTerminalesCuatro);
				$('.comparador-terminales-sidebar.inferior ul li:eq(3)').html(comparadorTarifaCuatroD).attr('class','tarjeta').click(vaciarComparadorTerminalesCuatro);
			}
			comparadorContador++;
		}
	}	
	else{
	$('.comparador-tarifas-sidebar ul li:eq('+micheckbox+')').html(comparadorTarifaVacia).attr('class','vacio');
	comparadorContador;

	}
}

function vaciarComparadorTarifas(){
	$(this).html('<strong><span>&nbsp;</span></strong>').attr('class','vacio');
	muestraComparacionesDatos();
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//END.COMPARADOR DATOS
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//COMPARADOR TERMINALES VEN Y RENUEVA
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function comparadorRenuevaVenCheckbox(){	
	$('.comparador-terminales-sidebar').fadeIn();	
	var micheckbox=$('#main input:checkbox').index(this);
// Si el checkbox que hemos pulsado está checked//
	if( $(this).is(':checked') )
	{
// Busca los input checked hasta un máximo de 4//
		if( $('input:checkbox:checked').size()<=4 )
		{
// Muestra el contenido en el li de igual número/posición que el checkbox pulsado
				if(ContadorRenuevaVen==0){
// Busca el li pulsado y muestra el contenido almacenado en la variable	"comparadorTarifaUna", coloca el class indicado, y llama a la función "vaciarComparadorTerminalesUno" al hacer click (línea 221)	
					$('.comparador-terminales-sidebar.superior ul li:eq(0)').html(comparadorRenuevaVenDos).click(vaciarComparadorTerminalesUno).css('cursor','pointer');
					$('.comparador-terminales-sidebar.inferior ul li:eq(0)').html(comparadorRenuevaVenDos).click(vaciarComparadorTerminalesUno).css('cursor','pointer');
				}
				if(ContadorRenuevaVen==1){
					$('.comparador-terminales-sidebar.superior ul li:eq(1)').html(comparadorRenuevaVenUno).click(vaciarComparadorTerminalesDos).css('cursor','pointer');
					$('.comparador-terminales-sidebar.inferior ul li:eq(1)').html(comparadorRenuevaVenUno).click(vaciarComparadorTerminalesDos).css('cursor','pointer');
				} 
				if(ContadorRenuevaVen==2){
					$('.comparador-terminales-sidebar.superior ul li:eq(2)').html(comparadorRenuevaVenTres).click(vaciarComparadorTerminalesTres).css('cursor','pointer');
					$('.comparador-terminales-sidebar.inferior ul li:eq(2)').html(comparadorRenuevaVenTres).click(vaciarComparadorTerminalesTres).css('cursor','pointer');
				}
				if(ContadorRenuevaVen==3){
					
				$('.comparador-terminales-sidebar.superior ul li:eq(3)').html(comparadorRenuevaVenCuatro).click(vaciarComparadorTerminalesCuatro).css('cursor','pointer');
				$('.comparador-terminales-sidebar.inferior ul li:eq(3)').html(comparadorRenuevaVenCuatro).click(vaciarComparadorTerminalesCuatro).css('cursor','pointer');
				}
// Incrementa en uno la posición	
			comparadorContador++;
			}
		}
		
		else{ 
		$('.comparador-terminales-sidebar ul li:eq('+(ContadorRenuevaVen-1)+')').html(comparadorRenuevaVenVacio).attr('class','vacio');
// Decrementa en uno la posición
	comparadorContador--;
		}
	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//END.COMPARADOR TERMINALES VEN Y RENUEVA
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////



function vaciarComparadorTerminalesUno(){
	$('.comparador-terminales-sidebar.superior li:eq(0)').html(comparadorRenuevaVenVacio);	
	$('.comparador-terminales-sidebar.inferior li:eq(0)').html(comparadorRenuevaVenVacio);
	$('input:checkbox:checked:eq(0)').attr('checked', '');
	comparadorContador--;
}
function vaciarComparadorTerminalesDos(){
	$('.comparador-terminales-sidebar.superior li:eq(1)').html(comparadorRenuevaVenVacio);
	$('.comparador-terminales-sidebar.inferior li:eq(1)').html(comparadorRenuevaVenVacio);
	$('input:checkbox:checked:eq(1)').attr('checked', '');
	comparadorContador--;
}
function vaciarComparadorTerminalesTres(){
	$('.comparador-terminales-sidebar.superior li:eq(2)').html(comparadorRenuevaVenVacio);
	$('.comparador-terminales-sidebar.inferior li:eq(2)').html(comparadorRenuevaVenVacio);
	$('input:checkbox:checked:eq(2)').attr('checked', '');
	comparadorContador--;
}
function vaciarComparadorTerminalesCuatro(){
	$('.comparador-terminales-sidebar.superior li:eq(3)').html(comparadorRenuevaVenVacio);
	$('.comparador-terminales-sidebar.inferior li:eq(3)').html(comparadorRenuevaVenVacio);
	$('input:checkbox:checked:eq(3)').attr('checked', '');
	comparadorContador--;
}



////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////ONLOAD/////////////////////////////////////////////////////////////////////////////////////

$(document).ready(function() {

//Una vez cargada la página, al hacer click en el checkbox, llama a la función "comparadorCheckbox" (linea 33)

// Tarifas Voz Checkbox
var arrayComparaContratos;
var code;
$('.tabla-tarifa input:checkbox').click(muestraComparaciones);

$('.modulo-tarifa input:checkbox').click(muestraComparacionesDatos);

$('.movil-listado input:checkbox').click(muestraComparacionesVen);
										
function muestraComparaciones(){
		
	arrayComparaContratos = new Array();
	
		for(i=0;i<$('.tabla-tarifa').length;i++){	
				
			checkBox = $('.tabla-tarifa input:checkbox').eq(i).is(':checked');
			nombreItem = $('.tabla-tarifa h2 span').eq(i).attr('title');
			arrayComparaContratos.push([checkBox,nombreItem]);
		
		}
		
		
		for(j=0;j<4;j++){
			
			code = '<img src="/img/icono-comparador-terminales-vacio.png" alt="vacio" />';
			
			$('.comparador-terminales-sidebar:eq(0) ul li:eq('+j+')').html(code);
			$('.comparador-terminales-sidebar:eq(1) ul li:eq('+j+')').html(code);
		
		}
		
		var cont=0;
		for(j=0;j<arrayComparaContratos.length;j++){
			if(cont<=4){
				if(arrayComparaContratos[j][0]==true){
					
					code = '<div class="comparador-tarifa">'+
					'<p>'+
					'<span>'+arrayComparaContratos[j][1]+'</span>'+
					'</p>'+
					'<p class="cerrar">'+
					'<span class="oculto">Cerrar</span>'+
					'</p>'+
					'</div>';
					
					$('.comparador-terminales-sidebar:eq(0) ul li:eq('+cont+')').html(code);
					$('.comparador-terminales-sidebar:eq(1) ul li:eq('+cont+')').html(code);
					
					$('.comparador-terminales-sidebar:eq(0) ul li:eq('+cont+') .cerrar').click(cierraTarifaComp).attr('id',j);
					$('.comparador-terminales-sidebar:eq(1) ul li:eq('+cont+') .cerrar').click(cierraTarifaComp).attr('id',j);
					
					cont++;
					
				}
			
			}
			else{
				//alert("Solo se comparan cuatro tarifas");
				return;	
			}
		}
		

}





// comparador-terminales-sidebar
$('.comparador-terminales-sidebar ul li:eq(0),.comparador-terminales-sidebar ul li:eq(1),.comparador-terminales-sidebar ul li:eq(2),.comparador-terminales-sidebar ul li:eq(3)').css('text-align','left');



										
function muestraComparacionesDatos(){

	arrayComparaContratos = new Array();
		for(i=0;i<$('.modulo-tarifa').length;i++){	
			
			checkBox = $('.modulo-tarifa input:checkbox').eq(i).is(':checked');
			nombreItem = $('.modulo-tarifa h3 span').eq(i).attr('title');
			arrayComparaContratos.push([checkBox,nombreItem]);
		
		}
		
		
		for(j=0;j<4;j++){
			
			code = '<img src="/img/icono-comparador-terminales-vacio.png" alt="vacio" />';
			
			$('.comparador-terminales-sidebar:eq(0) ul li:eq('+j+')').html(code);
			$('.comparador-terminales-sidebar:eq(1) ul li:eq('+j+')').html(code);
		
		}
		
		var cont=0;
		for(j=0;j<arrayComparaContratos.length;j++){
			if(cont<=4){
				if(arrayComparaContratos[j][0]==true){
					
					code = '<div class="comparador-tarifa">'+
					'<p>'+
					'<span>'+arrayComparaContratos[j][1]+'</span>'+
					'</p>'+
					'<p class="cerrar">'+
					'<span class="oculto">Cerrar</span>'+
					'</p>'+
					'</div>';
					
					$('.comparador-terminales-sidebar:eq(0) ul li:eq('+cont+')').html(code);
					$('.comparador-terminales-sidebar:eq(1) ul li:eq('+cont+')').html(code);

					$('.comparador-terminales-sidebar:eq(0) ul li:eq('+cont+') .cerrar').click(cierraTarifaCompDatos).attr('id',j);
					$('.comparador-terminales-sidebar:eq(1) ul li:eq('+cont+') .cerrar').click(cierraTarifaCompDatos).attr('id',j);
					
					cont++;
					
				}
			
			}
			else{
				//alert("Solo se comparan cuatro tarifas");
				return;	
			}
		}
		

}

function muestraComparacionesVen(){
		
	arrayComparaContratos = new Array();
		for(i=0;i<$('.movil-listado').length;i++){	
				
			checkBox = $('.movil-listado input:checkbox').eq(i).is(':checked');
			nombreItem = $('.movil-listado h2 span').eq(i).attr('title');
			arrayComparaContratos.push([checkBox,nombreItem]);
		
		}
		
		
		for(j=0;j<4;j++){
			
			code = '<img src="/img/icono-comparador-terminales-vacio.png" alt="vacio" />';
			
			$('.comparador-terminales-sidebar:eq(0) ul li:eq('+j+')').html(code);
			$('.comparador-terminales-sidebar:eq(1) ul li:eq('+j+')').html(code);
		
		}
		
		var cont=0;
		for(j=0;j<arrayComparaContratos.length;j++){
			if(cont<=4){
				if(arrayComparaContratos[j][0]==true){
					
					code = '<div class="comparador-tarifa">'+
					'<p>'+
					'<span>'+arrayComparaContratos[j][1]+'</span>'+
					'</p>'+
					'<p class="cerrar">'+
					'<span class="oculto">Cerrar</span>'+
					'</p>'+
					'</div>';
					
					$('.comparador-terminales-sidebar:eq(0) ul li:eq('+cont+')').html(code);
					$('.comparador-terminales-sidebar:eq(1) ul li:eq('+cont+')').html(code);

					$('.comparador-terminales-sidebar:eq(0) ul li:eq('+cont+') .cerrar').click(cierraTarifaCompVen).attr('id',j);
					$('.comparador-terminales-sidebar:eq(1) ul li:eq('+cont+') .cerrar').click(cierraTarifaCompVen).attr('id',j);
					
					cont++;
					
				}
			
			}
			else{
				//alert("Sólo se comparan cuatro tarifas");	
				return;
			}
		}
		

}


function cierraTarifaComp(){
	//alert("en voz")
	$('.tabla-tarifa input:checkbox').eq(this.id).attr('checked', '');
	muestraComparaciones();
	}
function cierraTarifaCompDatos(){
	//alert("en datos")
	$('.modulo-tarifa input:checkbox').eq(this.id).attr('checked', '');
	muestraComparacionesDatos();
	}
function cierraTarifaCompVen(){
	//alert("en datos")
	$('.movil-listado input:checkbox').eq(this.id).attr('checked', '');
	muestraComparacionesVen();
	}

$('.tabla-tarifa input:checkbox').click(comparadorCheckboxDatos);
$('.modulo-tarifa input:checkbox').click(comparadorCheckbox);
$('.movil-listado input:checkbox').click(comparadorRenuevaVenCheckbox);
//alert($('.tabla-tarifa input:checkbox').click());
$('.comparador-tarifas-sidebar ul li:eq(0)').html(comparadorTarifaVacia).attr('class','vacio');
$('.comparador-tarifas-sidebar ul li:eq(1)').html(comparadorTarifaVacia).attr('class','vacio');
$('.comparador-tarifas-sidebar ul li:eq(2)').html(comparadorTarifaVacia).attr('class','vacio');
$('.comparador-tarifas-sidebar ul li:eq(3)').html(comparadorTarifaVacia).attr('class','vacio');


});
//END.onload//