/*
 * JS : jquery.scripts.js 
 * 
 * www.sonpura.com
 *
 * www.singulae.com 
 * Junio 2010
 *
 *
 */

$(document).ready(function(){ 

	// Para IE6: Muestra mensaje 'Navegador obsoleto'
	if($.browser.msie && $.browser.version < 7){
		$('body').append('<div id="alertIE6">&nbsp;&nbsp;&nbsp;<b>ATENCI&Oacute;N:</b> Est&aacute; navegando con <b>Internet Explorer 6</b>. Este navegador est&aacute; obsoleto. <b>Es posible que la p&aacute;gina no se muestre correctamente</b>. Se recomienda <a href="http://www.microsoft.com/spain/windows/internet-explorer/" target="_blank" title="Descargar Internet Explorer">actualizar el navegador.</a></div>');
	};
	
	// Menú desplegable
	$("ul.sf-menu").supersubs({ 
		minWidth:    12,	
		maxWidth:    200,	 
		extraWidth:  1		 
							
	}).superfish({
	
		hoverClass	: 'sfHover',
		pathClass	: 'activo',
		pathLevels	: 0,
		delay		: 100,
		animation	: {opacity:'show'},
		speed		: 100,
		autoArrows	: true,
		dropShadows : true,
		disableHI	: false,		
		onInit		: function(){}, 
		onBeforeShow: function(){},
		onShow		: function(){},
		onHide		: function(){}

	});  


	
	// Glosario (click)
	if($(".botGlo").length>0)
	{
		$(".botGlo").click(function()
		{
			var h = $('#zonaGlosario').height();
			
			if(h>40 || h==1210)
			{
				$('#zonaGlosario').stop().animate({height:'40px'},1000, 'linear');	
			}else if(h<1210 || h==40)
			{
				$('#zonaGlosario').stop().animate({height:'1210px'},1000, 'linear');	
				$('html, body').animate({scrollTop: 1300},2000);	
			}
		
		});
	};
	
	// Glosario (rollover)
	$(".botGlo").hover(function(){$(this).css('background-color','#4a4a4a');},function(){$(this).css('background-color','#272727');});

	
	// Columna Menú rápido (scroll/posición)
	$(window).scroll(function (event) 
	{

		var win 		= $(this).scrollTop();
		var colH 		= $('#columna').height();
		var	barraRutaH 	= $('#barraruta').height();
		var zonaContsH	= $('#sonpura').height();
		var piePagH		= $('#piepag').height();
		
		// Con glosario
		if( $("#zonaGlosario").length>0 ){  var zonaGloH 	= $('#zonaGlosario').height();};
		if( $("#botGlosario").length>0 ) {	var botGloH 	= $('#botGlosario').height(); };
		// Sin glosario
		if( $("#zonaGlosarioOff").length>0 ){  var zonaGloH 	= $('#zonaGlosarioOff').height();};
		if( $("#botGlosarioOff").length>0 ) {	var botGloH 	= $('#botGlosarioOff').height(); };
		
		
		var contH = zonaContsH-(30+barraRutaH+botGloH+zonaGloH+piePagH);		
		var limit = colH+win;


		if(limit >= contH){
			$('#columna').css({'position':'absolute','top':(contH-(colH-$('#barraruta').height()))+'px'});
		}else{
			$('#columna').css({'position':'fixed','top': '137px'});
		};
				
	});
	
	
	// Tooltip de info productos
	if($('.info').length > 0){ $('.info').simpletooltip(); };
	if($('.lupa').length > 0){ $('.lupa').simpletooltip(); };
	
	
	// Pone topo NOVEDAD a las imgs con clase 'novedad' (en pant. principal. productos)
	$('.novedad').parent(".itemProducto").append('<div class="topoNovedad"></div>');
	
	
	// Acción rolover de botón/banner Comparativa
	$(".comparativaBanner a div").hover(
	  function () {
	  
		if($('.imgItem img').length <1)
		{
			var texto ="NO SE HA SELECCIONADO NING&Uacute;N PRODUCTO<br/>PARA COMPARAR";
			Comparativa.roloverComparativa(texto);
			
		}else if($('.imgItem img').length == 1)
		{
			var texto ="S&Oacute;LO HAY UN PRODUCTO PARA COMPARAR";
			Comparativa.roloverComparativa(texto,'20px');
		};
	  }, 
	  
	  function () {
		$('#rolover').remove();
	  }
	);	

	// Acción Click de botón/banner Comparativa
	$(".comparativaBanner a div").click(function(){
	
		if($('.imgItem img').length >1)
		{
		document.location.href="comparativa.php";
		};
	
	});

	
	// Acciones del buscador
	$('#field_buscador').blur(function(){			
		var buscar = $(this).val();
		if (buscar =="" || buscar ==" "){
			$(this).css({'color':'#b1b1b1'}).val('Escriba la palabra o producto a buscar..');
		};
	});
	
	$('#field_buscador').focus(function(){			
		var buscar = $(this).val();
		if (buscar == 'Escriba la palabra o producto a buscar..'){
			$(this).css({'color':'#333333'}).val(' ');
		};
	});
	
	$('#bot_buscador').click(function(e){
		
		e.preventDefault();
		var buscar = $('#field_buscador').val();
		if (buscar !="" || buscar !=" "){
			
			$('#buscador form').submit();

		};
		
	
	});

}); 



//_______________________________________________________________
// FUNCIONES PARA COMPARATIVA DE PRODUCTOS

var Comparativa = {


// Crea capa del rolover con mensaje en banner comparativa
// Muestra mensaje de 'ningún producto añadido'

	roloverComparativa: function (texto,extra)
	{
		if(!extra){extra = '15px'};

		$('.comparativaBanner').append('<div id="rolover"><div class="txtcomp">'+texto+'</div></div>');
		$('.comparativaBanner #rolover').css({	
			position:'absolute',
			opacity:1,
			top:0,
			zIndex:130,
			width:'215px',
			height:'78px',
			margin:'5px',
			color:'#282828',
			fontSize:'11px',
			display:'block',
			float:'left',
			backgroundImage:'url(imgs/trozos.png)',
			backgroundPosition:'0 -628px',
			backgroundRepeat:'repeat-x',
			backgroundColor:'transparent'
		});
		$('.comparativaBanner #rolover .txtcomp').css({	
		
			textAlign:'center',
			fontSize:'12px',
			color:'#444444',
			width:'155px',
			height:'45px',
			margin:extra+' auto 0 auto'
		
		});

	},
	
	
// Añadir a comparativa
// Recoge datos del producto y los guarda en SESSION PHP

	addComparativa: function ()
	{
		
		// Recoge datos
		arrayDatos = new Array();
		
		// datos producto
		arrayDatos['pag'] = document.location.href;
		arrayDatos['tipo'] = $('#ruta .menuruta li a').html();		
		arrayDatos['tipo'] = arrayDatos['tipo'].replace(/\s/g, "");
		arrayDatos['linktipo'] = $('#ruta .menuruta li').html();
		


		// Si estamos en 'BASES Y SOMIERES'
		// distinguimos, a través del menú-ruta, entre 'BASES Y CANAPÉS' y 'SOMIERES'
		// El que no esté marcado con la clase 'op' es el activo
		if(arrayDatos['tipo'] == "BASESYSOMIERES")
		{		
			var numli = $('#ruta .menuruta li').length;
			
			for(i=2;i<numli+1;i++){
				li = '#ruta .menuruta li:nth-child('+i+')';
				lia = li+' a';
				if($(li).not(".op").length>0)
				{				
					arrayDatos['tipo'] = $(lia).html();
					arrayDatos['tipo'] = arrayDatos['tipo'].replace(/\s/g, "");					
					arrayDatos['tipo'] = arrayDatos['tipo'].replace(/\u00C9/g, "E");
					arrayDatos['linktipo'] = $(li).html();
				};
			
			};	
			
		};
		
		// COLCHONES ______________________________
		if(arrayDatos['tipo'] == "COLCHONES")
		{
		
			
			arrayDatos['tit'] = encodeURIComponent($('#menuRapido li a.activo').html());
			arrayDatos['nom'] = $('.txtTitProd').html();
			arrayDatos['img'] = '<img src="'+$('img.producto').attr('src')+'" width="165" />';
			arrayDatos['ico'] = $('#iconos').html();
			
			//alert(arrayDatos['tipo']);
			
			var n = $('.lista li').length;
			var lista = "";			
			for(var i = 0; i < n; i++)
			{
				var li = $('.lista li')[i];
				var c = $(li).html();			
				var s = c.lastIndexOf('</span>');	
				lista += "**-**"+c.substring(s+7);
			};
			
			arrayDatos['lista'] = lista;
			arrayDatos['extra'] = $('.confort').html();
			arrayDatos['largo'] = $('.largo').html();
			arrayDatos['ancho'] = $('.ancho').html();
			
			var dataString = {
				'recibeDatos':true,
				'indiceitem':'',
				'pag':arrayDatos['pag'],
				'tipo':arrayDatos['tipo'],
				'linktipo':arrayDatos['linktipo'],
				'tit':arrayDatos['tit'],
				'nom':arrayDatos['nom'],
				'img':arrayDatos['img'],
				'ico':arrayDatos['ico'],
				'lista':arrayDatos['lista'],
				'extra':arrayDatos['extra'],
				'largo':arrayDatos['largo'],
				'ancho':arrayDatos['ancho']
			};
		};
		
		// ALMOHADAS ______________________________
		if(arrayDatos['tipo'] == "ALMOHADAS")
		{
			
			
			arrayDatos['tit'] = encodeURIComponent($('#menuRapido li a.activo').html());
			arrayDatos['nom'] = $('.txtTitProd').html();
			arrayDatos['img'] = "<img src=\""+$('img.producto').attr('src')+"\" width=\"280\" />";
			
			arrayDatos['largo'] = $('.largo').html();
			arrayDatos['ancho'] = $('.ancho').html();
			//arrayDatos['ancholargo'] = $('.ancholargo').html();

			
			contExt = $('.boxcaracts:nth-child(1) :not(.tit,span)').html();
			arrayDatos['exterior'] = "<ul>"+contExt+"</ul>";
			

			contInt = $('.boxcaracts:nth-child(2) :not(.tit,span)').html();
			arrayDatos['interior'] = "<ul>"+contInt+"</ul>";

			
			var firmcont = '.boxcaracts:nth-child(5) div:nth-child(3)'
			arrayDatos['firmeza'] = $(firmcont).html();
			
			var dataString = {
				'recibeDatos':true,
				'indiceitem':'',
				'pag':arrayDatos['pag'],
				'tipo':arrayDatos['tipo'],
				'linktipo':arrayDatos['linktipo'],
				'tit':arrayDatos['tit'],
				'nom':arrayDatos['nom'],
				'img':arrayDatos['img'],
				'exterior':arrayDatos['exterior'],
				'interior':arrayDatos['interior'],
				'firmeza':arrayDatos['firmeza'],
				'largo':arrayDatos['largo'],
				'ancho':arrayDatos['ancho']/*,
				'ancholargo':arrayDatos['ancholargo']*/
			};
		};
		
		// SOMIERES ______________________________
		if(arrayDatos['tipo'] == "SOMIERES")
		{
			
			
			arrayDatos['tit'] = encodeURIComponent($('#menuRapido li a.activo').html());
			arrayDatos['nom'] = $('.txtTitProd').html();
			arrayDatos['img'] = "<img src=\""+$('img.producto').attr('src')+"\" width=\"180\" />";
			
			var cant = $('.caract').length;
			var cont = "";
			for (i=0;i<cant;i++){
				e = $('.caract')[i];
				cont += $(e).html();				
			};
			arrayDatos['caracts'] = cont;
			
			h = $('.boxcaracts .colder')[0];
			arrayDatos['hconpatas'] = $(h).html();
			
			h = $('.boxcaracts .colder')[1];
			arrayDatos['hsinpatas'] = $(h).html();
		
			arrayDatos['largo'] = $('.largo').html();
			arrayDatos['ancho'] = $('.ancho').html();
			
			
			var dataString = {
				'recibeDatos':true,
				'indiceitem':'',
				'pag':arrayDatos['pag'],
				'tipo':arrayDatos['tipo'],
				'linktipo':arrayDatos['linktipo'],
				'tit':arrayDatos['tit'],
				'nom':arrayDatos['nom'],
				'img':arrayDatos['img'],
				'caracts':arrayDatos['caracts'],
				'hconpatas':arrayDatos['hconpatas'],
				'hsinpatas':arrayDatos['hsinpatas'],
				'largo':arrayDatos['largo'],
				'ancho':arrayDatos['ancho']
			};
		};
		
		// BASES Y CANAPÉS ______________________________
		if(arrayDatos['tipo'] == "BASESYCANAPES")
		{

			
			
			arrayDatos['tit'] = encodeURIComponent($('#menuRapido li a.activo').html());
			arrayDatos['nom'] 	= $('.txtTitProd').html();
			arrayDatos['img'] 	= "<img src=\""+$('img.producto').attr('src')+"\" width=\"180\" />";
			
			
			
			var cant = $('.caract').length;
			var cont = "";
			for (i=0;i<cant;i++){
				e = $('.caract')[i];
				cont += $(e).html();				
			};
			arrayDatos['caracts'] = cont;
			
			h = $('.boxcaracts .colder')[0];
			arrayDatos['hconpatas'] = $(h).html();
			
			h = $('.boxcaracts .colder')[1];
			arrayDatos['hsinpatas'] = $(h).html();
		
			arrayDatos['largo'] = $('.largo').html();
			arrayDatos['ancho'] = $('.ancho').html();
			
			
			var dataString = {
				'recibeDatos':true,
				'indiceitem':'',
				'pag':arrayDatos['pag'],
				'tipo':arrayDatos['tipo'],
				'linktipo':arrayDatos['linktipo'],
				'tit':arrayDatos['tit'],
				'nom':arrayDatos['nom'],
				'img':arrayDatos['img'],
				'caracts':arrayDatos['caracts'],
				'hconpatas':arrayDatos['hconpatas'],
				'hsinpatas':arrayDatos['hsinpatas'],
				'largo':arrayDatos['largo'],
				'ancho':arrayDatos['ancho']
			};
		

		
		};
		
		
		
		// Proceso de envío de datos a PHP ______________________________
		
		// Comprobamos qué box está vacío
		// y adjudicamos index según resultado
		if (dataString) {
			if($('#box1 .imgItem img').length == 0 )
			{
				dataString.indiceitem = "box1";
				
			}else if($('#box2 .imgItem img').length == 0 )
			{
				dataString.indiceitem = "box2";
				
			}else if($('#box3 .imgItem img').length == 0 )
			{
				dataString.indiceitem = "box3";
				
			}else{			
				alerta('Ya hay 3 productos a\u00F1adidos');
				return false;
			};
		};

		
		// comprobamos si ya está añadido	
		for(i=1;i<4;i++)
		{
			elem = '#box'+i+' .imgItem img';
			var tit = encodeURIComponent($(elem).attr('title'));
			
			if(tit){
				if(tit == arrayDatos['tit'])
				{		
					alerta('Este producto ya est\u00E1 a\u00F1adido');
					return false;
				};
			};
		};
		

		if(dataString){
			// Envia datos a PHP
			$.ajax({
				type: "POST",
				url: "php/comparativaStore.inc.php",
				data: dataString,
				contentType: "application/x-www-form-urlencoded;charset=iso-8859-1",
				cache: false,
				success: function(result) {
					//alert(result);
					
					if(result=="OK")
					{	
						Comparativa.addBoxItems(arrayDatos['tit']);
							
					}else if(result=="tipoDIF"){
					
						alerta('Este producto no es del mismo tipo que los a\u00F1adidos'); 
					
					}else{ 
						alerta('No se ha podido a\u00F1adir el producto'); 
					};
				}
			});
		};
		
	},

	
	
// Si todavia no hemos añadido nada: creamos la caja de items añadidos

	addBoxItems: function (item,rutaimg,index)
	{
		// Si no exite banner comparativa, lo creamos
		if(!document.getElementById('itemsContainer'))
		{
			Comparativa.creaBoxComparativa();		
			
		};
		
		
		// Si no hay index significa que es añadido desde el botón 'añadir a comparativa'	
		if(!index)
		{	
			// Si no hay imagen cargada en box 1,2 ó 3 de banner comparativa:
			// decimos que ese es el index.
			if($('#box1 .imgItem img').length == 0 )
			{
				var index = "box1";
				
			}else if($('#box2 .imgItem img').length == 0 )
			{
				var index = "box2";
				
			}else if($('#box3 .imgItem img').length == 0 )
			{
				var index = "box3";
				
			}else{
				alerta('Ya hay 3 productos a\u00F1adidos'); 
				return false;
			};
		};
		

		var boxItem 	= $("#"+index);	
		var imgItem 	= $('#'+index+' .imgItem');
		var imgItem_img = '#'+index+' .imgItem img';
		var boxItem_b	= '#'+index+'  b';
		

			
		// Si no existe rutaimg: significa que se añade desde el botón 'añadir a comparativa'
		if(!rutaimg)
		{	
			// Añadimos la imagen cogiendo los datos de la página del producto
			var src = $('img.producto').attr('src');
			var tit = $('#menuRapido li a.activo').html();
			$(imgItem).append("<img src=\""+src+"\" class=\"imgProductoComparado\" title=\""+tit+"\" />");		
		
		}else{
			// si existe rutaimg: la añadimos como imagen
			$(rutaimg).appendTo(imgItem);
			
			// le ponemos title, quitamos atributos de tamaño y le damos clase de estilo
			$(imgItem_img)
				.attr('title',item)			
				.removeAttr('width')
				.removeAttr('height')
				.addClass('imgProductoComparado');
		};	
		
		//Quita borde y márgenes a la imagen cargada
		$(imgItem_img).css({padding:'0',margin:'0',border:'0'});
		
		// Añade botón quitar	&#164;	
		$('<b><img src="imgs/x.gif"/><span>quitar</span></b>').appendTo($(boxItem));		

		
		// Accion y estilo del botón 'quitar'
		$(boxItem_b)
			.css({fontWeight:'normal',fontSize:'9px',lineHeight:'1em',cursor:'pointer'})
			.click(function()
			{			
				// Ordena a PHP borrar item
				var tit = $(imgItem_img).attr('title');
				Comparativa.delItem( encodeURIComponent(tit) , index);
				
				// Ordena a JS borrar img (con suavizado)
				$(imgItem_img).animate({   opacity: 0  }, 500, function() { 
					
					$(imgItem_img).remove();  
				});
				
				// Ordena a JS borrar boton (con suavizado)
				$(this).animate({   opacity: 0  }, 550, function() { 
				
					// Función que comprueba que si es el último item
					Comparativa.resetBoxComparativa();
				});

			});


	},

	
// Envia orden de borrado a PHP

	delItem: function (itemname,indexitem)
	{
	
		var dataString = {'borraDatos':true,'item':itemname,'indexitem':indexitem}
		$.ajax({
			type: "POST",
			url: "php/comparativaStore.inc.php",
			data: dataString,
			contentType: "application/x-www-form-urlencoded;charset=UTF-8",
			cache: false,
			success: function(result) {
				
				//alert(result);
				
				if(result!="OK"){alerta('Error al borrar de la memoria');};
			}
		});
	},

	
// Resetea banner comparativa si ya no hay imgs

	resetBoxComparativa: function (){
		var elemimg = $('.comparativaBanner #itemsContainer .items .boxItem .imgItem img').length;
		if(!elemimg){	$('#itemsContainer').animate({   opacity: 0  }, 800, function() {    $(this).remove();  });};

	},

	
	
// Crea la caja donde se muestran las miniaturas de los productos seleccionados

	creaBoxComparativa: function ()
	{
			$('.comparativaBanner').append('<div id="itemsContainer"><p>Lista de comparaci&oacute;n</p><div class="items"><div class="boxItem" id="box1"><div class="imgItem"></div></div><div class="boxItem medio" id="box2"><div class="imgItem"></div></div><div class="boxItem" id="box3"><div class="imgItem"></div></div></div></div>');

			$('#itemsContainer').animate({   opacity: 1  }, 150);

	}

// FIN [FUNCIONES PARA COMPARATIVA DE PRODUCTOS] ___________________________________________________
	
};



// Sustituye mensajes de alerta del sistema
function alerta(txt){
		ops = {
			popupWidth: 400, 			// @param : int (px)
			popupHeight: 100,			// @param : int (px)
			fadeSpeed: 200, 			// @param : int
			popupColor: '#141414',		// @param : color 	
			contenido:txt				// @param : text
		};

	
		$('body').append('<div id="popUp-popup"><div id="popUp-botcerrar"></div><div class="clear"></div><div id="popUp-interior"></div></div>');

		
		$('#popUp-popup').css({
			width: ops.popupWidth+'px',
			height: ops.popupHeight+'px',
			position: 'fixed',
			zIndex: '150010',
			margin:'-'+ops.popupHeight/2+'px 0px 0px -'+ops.popupWidth/2+'px',
			top: '50%',
			left: '50%',
			display: 'none',
			opacity: '1',
			overflow: 'hidden',
			backgroundColor: ops.popupColor,			
			textAlign: 'center',
			border:'1px solid #444444'
			/*
			borderTop:'5px solid #b4b4b4',
			borderLeft:'5px solid #b4b4b4',
			borderBottom:'5px solid #b4b4b4',
			borderRight:'5px solid #b4b4b4'
			*/
		});

		$('#popUp-botcerrar').css({
			width:'13px',
			height:'12px',
			cursor:'pointer',
			'float':'right',
			marginTop:'10px',
			marginRight:'10px',
			backgroundImage:'url(imgs/bot_cerrar.png)',
			backgroundPosition:'50% 100%',
			backgroundRepeat:'no-repeat'
		});
		$('#popUp-interior').css({
			width:ops.popupWidth-30+'px',
			height:ops.popupHeight-30+'px',
			overflow:'auto',
			textAlign:'center',
			color: '#ffffff',
			fontFamily: 'Arial, Helvetica, Verdana,  Geneva, sans-serif',
			fontSize: '12px',
			fontWeight: 'normal',
			margin:'15px',
			backgroundColor: ops.popupColor
		
		});
		
		
		$('#popUp-popup').show(ops.fadeSpeed, function(){				
			$('#popUp-interior').html(ops.contenido);
		});
		
		$('#popUp-botcerrar,#popUp-popup').click(function(){
			$('#popUp-popup').hide();
			$('#popUp-interior').html('');
		});
		
		
		

};