// JavaScript Document  



var pathImg = '/uploads/images/' 
var pathProductos = '/productos/' 
var urlAux = "http://localhost/trilamp"  
var urlAux = "http://nueva.trilamp.com"
var secuenciador = 1




 if(urlAux=="http://nueva.trilamp.com") secuenciador = 1
var codProducto = document.location.href.split("#")[secuenciador] 
var viewProducto = false


//alert(parseInt(codProducto))
if(isNaN(parseInt(codProducto))){
codProducto = document.location.href.split("#")[(secuenciador + 1)]

}
/*
if(parseInt(codProducto)>100){
		viewFamilia = true
		codFamilia = codProducto
}
*/ 
if(parseInt(codProducto)>2100){ 
		viewProducto = true
		viewFamilia = false 
		viewTipos = false
}
//alert(urlAux)



jQuery( document ).ready(function() {
	// Handler for .ready() called.
	
	setPlt()
	if (viewTipos) jQuery('#searcht' ).val("Tip") 
	loadScriptAux("/producto/slider/jquery.bxslider/jquery.bxslider.min.js", setSlider, "js", "jsSlider")
	loadScriptAux("/producto/slider/jquery.bxslider/jquery.bxslider.css", null, "css", "cssSlider")
	loadScriptAux("/wp-content/themes/shoppica/js/prettyphoto/js/jquery.prettyPhoto.js?ver=4.0", null, "js", "jsPrettyPhoto")
	loadScriptAux("/wp-content/themes/shoppica/js/prettyphoto/css/prettyPhoto.css?ver=4.0", null, "css", "cssPrettyPhoto") 
	getSelects()
	getTraduccion() 
	jQuery('#site_search' ).hide()
	
}); 


function setEmail(){

	dialog = jQuery( "#dialog-form" ).dialog({
		autoOpen: false,
		height: 300,
		width: 350,
		modal: true,
		buttons: {
			"Ok":  function() { 
				setPdf('email');
				alert("ok")
			},
			Cancel: function() {
				dialog.dialog( "close" );
				jQuery('#ajax-loader').hide()
			}
		},
		close: function() { 
		}
	}); 
}

function setEmail2(filePdf){   
		jQuery.post( urlAux + '/producto/producto.server.php', {action : "setEmail",filePdf:filePdf,semail:jQuery("#semail").val(),comentario:jQuery("#comentario").val()} ,function( data ) {
			dialog.dialog( "close" ); 
			jQuery('#ajax-loader').hide()
			if(data.res!="ok")
				alert("error")
				//alert(arrLng["etqEmailError"])
		},'json');
}
function setPdf(opt){ 
	jQuery('#ajax-loader').show()
	var dtsJson ={}
	 dtsJson["lngPDF"] = cod_idioma	
	 dtsJson["urlAux"] = urlAux
	 dtsJson["pathImg"] = pathImg 
	 jQuery.each(dataPdf, function(key, value) {    
		dtsJson[key] = value 
	}); 
	// dtsJson["descripcion"] = 'Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum.' 
		jQuery.post(  urlAux + '/producto/pdf.php', dtsJson ,function( data ) {
			if (data.res == "ok"){
				switch(opt){
					  case "pdf":
							jQuery('#ajax-loader').hide() 
							//alert(urlAux + data.filePdf)
					  		window.open(urlAux + data.filePdf,"_top")
					  break;
					  case "email":
					  		setEmail2(data.filePdf)
					  break;
				}
				 
			}else{
				//alert(arrLng["etqEmailError"])
				alert("error")
				jQuery('#ajax-loader').hide()
			}
		},'json');
		
 
	} 
	
var QueryString = function () { 
  // This function is anonymous, is executed immediately and 
  // the return value is assigned to QueryString!
  var query_string = {};
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
        // If first entry with this name
    if (typeof query_string[pair[0]] === "undefined") {
      if(pair[1])
      jQuery('#' +pair[0] ).val(pair[1].replace("%2F", "/"))  
	  //query_string[pair[0]] = pair[1];
        // If second entry with this name
    } else if (typeof query_string[pair[0]] === "string") {
      var arr = [ query_string[pair[0]], pair[1] ]; 
      query_string[pair[0]] = arr;
        // If third or later entry with this name
    } else {
      query_string[pair[0]].push(pair[1]);
       if(pair[1])
	   jQuery('#' +pair[0] ).val(pair[1].replace("%2F", "/")) 
    }
  } 
   // return query_string;
}  

getCntFichaInit =function(){ 
	setEmail()
	if(viewProducto){
			getCntFicha(codProducto)
	}
}




function openSocial(scl,mediaAux,fam,subfam,ref){
	
	var url = ""
	var txtAux = "Trilamp - Mataró - lamparas de mesa, apliques, lamparas, table-lamp, wall bracket, fittings" 
	var viaAux = "trilamp"
	
	switch(scl){
		case "tw":
			url="https://twitter.com/share?original_referer="+urlAux+pathProductos+ref+"/&text=" + txtAux + "&url="+urlAux+pathProductos+ref+"/&via=" + viaAux
			
		break;	
		case "fb":
			 url="https://www.facebook.com/sharer/sharer.php?s=100&p[images][0]="+mediaAux+ "&p[title]=" + txtAux + "&p[summary]=" + txtAux + "&p[url]="+urlAux+pathProductos +ref+"/"
		break;	
		case "pr":
			 url=urlAux+pathProductos+ref
		break;	
	} 
	var a = document.createElement('a'); 
	a.href=url; 
	a.target = '_blank';
	a.id = 'btnGoTo_blank'; 
	document.body.appendChild(a);
	if(navigator.sayswho == "Safari"){
		//alert(navigator.sayswho) 
		var evObj = document.createEvent('MouseEvents');
		evObj.initMouseEvent('click', true, true, window);
		a.dispatchEvent(evObj);
	}else{		
		//alert(navigator.sayswho) 
		a.click(); 
	} 
	return 
}


function getSelects(){
		if(viewProducto){
				QueryString()
		}
 
	if (jQuery('#cod_idioma' ).val()==""){
  			jQuery('#cod_idioma' ).val(cod_idioma)
  			//alert("cod_idioma1")
  		}else{
  			cod_idioma = jQuery('#cod_idioma' ).val()
  			//alert("cod_idioma2")
  		}
	jQuery.post(  urlAux + '/producto/producto.server.php', {action : "getSelect", cod_idioma: cod_idioma} ,function( data ) {
		jQuery.each(data, function(key, value) {   
			 jQuery('#' + value.id )
				  .append(jQuery('<option>', { value : value.value })
				  .text(value.text)); 
		}); 
		
    },'json');
	
}   

function getTraduccion(){
	jQuery.post(  urlAux + '/producto/producto.server.php', {action : "getTraduccion", cod_idioma: cod_idioma} ,function( data ) {
		jQuery.each(data, function(key, value) {   
		switch(value.tipo){
			case "title": 
				jQuery('#' + value.id ).attr("title",value.value) 
				
			break;
			case "placeholder": 
				jQuery('#' + value.id ).attr("placeholder",value.value)
				
			break;
			default:
				jQuery('#' + value.id ).html(value.value)
			break;
			
			
			} 
		});  
 
    },'json');
	
}   

setSlider= function (){
	loadScriptAux("//code.jquery.com/ui/1.11.2/jquery-ui.js", getCntFichaInit, "jsExt", "jsJqueryUi")
	loadScriptAux("//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css", null, "cssExt", "cssJqueryUi")
	switch(jQuery('#searcht' ).val() ){ 
		case "Fam":
			setSliderFam()
		break;
		case "Tip":
			setSliderTipos()
		break;
		case "Sch":
			setSliderFam()
			jQuery('#searcht' ).val("Sch")
		break;
		
	}

}

setSliderFam= function (){
	jQuery('#cntSlider1' ).html('<div class="slider1" id="slider1"></div>')
	jQuery('#searcht' ).val("Fam")
	
	var dtsJson ={}  
	dtsJson["cod_idioma"] = cod_idioma
	dtsJson["action"] = "getFamilias"
	
	if(viewFamilia){
		viewFamilia=false
		dtsJson["codFamilia"] = codFamilia
	}
	var url = urlAux + '/producto/producto.server.php'
	//alert(url) 
	jQuery.post(url , dtsJson ,function( data ) {
		var i=0
		var auxTxt=''
		var x=""
		var nom =""
		jQuery.each(data, function(key, value) {   
			auxTxt += '  <div class="slide"><div>'
			auxTxt += '  <img src="' + urlAux + pathImg + value.imgred +'" '
			//alert(value.orden + "--"+  codFamilia) 
			if(value.orden== (codFamilia))  {
				x=value.id 
			}
			
			auxTxt += '  style = "cursor: pointer" '
			auxTxt += '  onclick = "getCntSubFamilia(\'' +value.id + '\')" '
			auxTxt += '  class="imgMenuPrp" '
			auxTxt += '  nombre="' +value.nombre + '" '
			auxTxt += '  orden="' +value.orden + '" '
			auxTxt += '  img="' + urlAux + pathImg + value.img + '" '
			auxTxt += '  imgred="' + urlAux + pathImg + value.imgred + '" '
			auxTxt += '></div>'
			auxTxt += '  <div style = "text-align:center">' +value.nombre + '</div></div>' 
			i++;
	
		});  
		 jQuery('#slider1' ).html(auxTxt) 
 
	jQuery('.slider1').bxSlider({
		slideWidth: 800,
		minSlides: 6,
		maxSlides: 6,
		slideMargin: 10,
		pager: false
	});
	if(!viewProducto) getCntSubFamilia(x)
    },'json');
	  
	}

setSliderTipos= function (){
	jQuery('#cntSlider1' ).html('<div class="slider1" id="slider1"></div>')
	jQuery('#searcht' ).val("Tip")
	
	
	var dtsJson ={}  
	dtsJson["cod_idioma"] = cod_idioma
	dtsJson["action"] = "getTipos"
	
	if(viewTipos){
		viewTipos=false
		dtsJson["codTipo"] = codTipo
	}
	
	jQuery.post( urlAux + '/producto/producto.server.php', dtsJson ,function( data ) {
		var i=0
		var auxTxt=''
		var x=""
		var nom =""
		jQuery.each(data, function(key, value) {   
			auxTxt += '  <div class="slide"><div>'
			auxTxt += '  <img src="' + urlAux + pathImg + value.imgred +'" '
			//alert(value.orden)
			if(value.orden==codTipo)  {
				x=value.id
				nom =value.nombre
			}
			
			auxTxt += '  style = "cursor: pointer" '
			auxTxt += '  onclick = "getCntProd(\'' +value.id + '\',\'2\')" '
			auxTxt += '  class="imgMenuPrp" '
			auxTxt += '  nombre="' +value.nombre + '" '
			auxTxt += '  img="' + urlAux + pathImg + value.img + '" '
			auxTxt += '  imgred="' + urlAux + pathImg + value.imgred + '" '
			auxTxt += '></div>'
			auxTxt += '  <div style = "text-align:center">' +value.nombre + '</div></div>' 
			i++;
	
		});  
		 jQuery('#slider1' ).html(auxTxt) 
 
	jQuery('.slider1').bxSlider({
		slideWidth: 800,
		minSlides: 6,
		maxSlides: 6,
		slideMargin: 10,
		pager: false
	});
	if(!viewProducto) getCntProd(x,"2")
    },'json');
	 
	
	}	
	
	
function showImg(imgId,titId){
	jQuery('#' + titId ).css('height', "40px") 
	jQuery('#' + titId ).show()
	//jQuery('#' + imgId ).css('top', "-40px") 
	
	}	
function hideImg(imgId,titId){
	jQuery('#' + titId ).css('height', "0px") 
	jQuery('#' + titId ).hide()
	//jQuery('#' + imgId ).css('top', "0px") 
	
	}
	
function goToUrlProd (modelo6){
		var pagWeb = ''
		idio= '/' + document.location.href.split("/")[(secuenciador + 2)]
		if(cod_idioma=="1")
			pagWeb = '/productos#'
			
		else 	
			pagWeb = '/' + document.location.href.split("/")[(secuenciador + 2)] + '/' + document.location.href.split("/")[(secuenciador + 3)]+'#'
			
		var auxUrl2 = urlAux + pagWeb + modelo6
		 
		//var auxUrl2 = urlAux + pagWeb + modelo6  +"/?"
		 
			//jQuery(".searchProd").each( function(index) {  
				//auxUrl2+= jQuery( this ).attr("id") +"=" + jQuery( this ).val()  + "&"
			//});
		//var auxUrl2 = 'productos/104305'	  
	
		 if(idio == "/ca" || idio == "/en" || idio == "/fr" || idio == "/de" || idio == "/nl"){
		 location.href = auxUrl2
		 location.reload();
		}
		else{
		 location.href = auxUrl2
		}

	}
function setCntProd(codigo,tipo){
		
	jQuery('#cntProd' ).html("") 
	var dtsJson ={}  
	dtsJson["cod_idioma"] = cod_idioma
	switch(tipo){
		case "1":
			dtsJson["action"] = "getProductosSF"
			dtsJson["codigo"] = codigo
		break;	
		case "2":
			dtsJson["action"] = "getProductosST"
			dtsJson["codigo"] = codigo
		break;	
		case "3":
			
			jQuery('#searcht' ).val("Sch")
			dtsJson["action"] = "getProductosSCH"  
			jQuery(".searchProd").each( function(index) {  
			dtsJson[jQuery( this ).attr("id")] = jQuery( this ).val()  
			});   
		break;	
	}
	jQuery.post( urlAux + '/producto/producto.server.php', dtsJson ,function( data ) {
		var i=0
		var auxTxt='<div class="row-fluid" style="min-height: 20px; padding: 20px; ">'
		var nom=""
		jQuery.each(data, function(key, value) {    
			if (i==0 ) nom = value.nombre_pad
			if (value.id){
	
			auxTxt += '	<div class="wpb_content_element wpb_single_image span4">'
			auxTxt += '		<div class="wpb_wrapper" >'
			auxTxt += '			<div class="img-caption" id="icp' +value.id + '"><span>' +value.nombre + '</span></div>'
			auxTxt += '			<div id="imgCntP' +value.id + '" class="imgDef">'
			auxTxt += '				<img class = "imgTag" style=" cursor: pointer"  '
			auxTxt += '					onmouseover="showImg(\'imgCntP' +value.id + '\',\'icp' +value.id + '\')" '
			//auxTxt += '					onClick="getCntFicha(\'' +value.modelo6 + '\')" '
			auxTxt += '					onClick="goToUrlProd (\''  + value.modelo6 + '\')" '
			auxTxt += '					onmouseout="hideImg(\'imgCntP' +value.id + '\',\'icp' +value.id + '\')" '
			auxTxt += '					alt="' +value.nombre + '" '
			auxTxt += '					title="' +value.nombre + '" '
			auxTxt += '					src="' + urlAux + pathImg +value.img + '">'
			auxTxt += '			</div>'
			auxTxt += '		</div> '
			auxTxt += '	</div>'
				 
			i++;
			}else{
				auxTxt += value.sinarticulo
			}
	
		});  
			auxTxt += '</div>' 
		 jQuery('#cntProd' ).html(auxTxt) 
		switch (tipo){
			case "1":
				jQuery('#selSubFamilia').attr('flecha'," > ")	
				setNavGen('setCntProd',nom) 
			break;
			case "2":
				setImgSld(nom)
				jQuery('#selSubFamilia').attr('flecha',"")	
				setNavGen('setCntProd2',nom)
			break;
			case "3":
				jQuery('#selSubFamilia').attr('flecha',"")	
				setNavGen('setCntProd3',nom)
			break;
			
		}
		viewProducto =false
		
	
    },'json');
	
	 
		}
	
	
	
function getCntProd(codigo,tipo){
		showView('Prod')
		setCntProd(codigo,tipo)
	 
	
}

function showView(x){
	
	switch (x){
		case "Subfam": 
			jQuery('.subfam' ).show();
			jQuery('.prod' ).hide();
			jQuery('.ficha' ).hide();
		break;
		case "Prod": 
			jQuery('.subfam' ).hide();
			jQuery('.prod' ).show();
			jQuery('.ficha' ).hide();
		break;
		case "Ficha": 
			jQuery('.subfam' ).hide();
			jQuery('.prod' ).hide();
			jQuery('.ficha' ).show();
		break;
	}
	
}
function setCntFicha(modelo6){
	jQuery('#cntFicha' ).html("") 
	jQuery.post( urlAux + '/producto/producto.server.php', {action : "getProductosId", modelo6: modelo6, cod_idioma: cod_idioma} ,function( value ) { 
	 
		dataPdf = value
			
			
			var auxTxt= '<br style="clear-both"/>' 
			
			
			auxTxt += '<div   style=" padding-right: 10px; text-align: right; background-color:#f4f4f6; color:#c3c3c3; height: 40px;line-height: 40px; padding-left: 15px ">'
			auxTxt += '	<div class="  span12"> '
			auxTxt += '		<div style="float: left" class="  toolTipClass">'
			auxTxt += '			<img src="' + urlAux + pathImg + '/facebook.png" alt="' + value.titfacebook +'" title="' + value.titfacebook +'" style=" cursor: pointer"'
			auxTxt += '			  onclick="openSocial(\'fb\',\'http://' + urlAux + pathImg +value.img2 + '\',\'PLIP\',\'PLIP\',\'' +value.modelo6 + '\')" >' 
			auxTxt += '			<img src="' + urlAux + pathImg + '/twitter.png" alt="' + value.tittwitter +'" title="' + value.tittwitter +'"  style=" cursor: pointer"  '
			auxTxt += '			  onclick="openSocial(\'tw\',\'http://' + urlAux + pathImg +value.img2 + '\',\'PLIP\',\'PLIP\',\'' +value.modelo6 + '\')" >' 
			auxTxt += '			<a href="http://www.trilamp.com/contacto"><img src="' + urlAux + pathImg + '/mail.png" alt="' + value.titmail +'" title="' + value.titmail +'"  style=" cursor: pointer" ></a>'
			auxTxt += '			<img src="' + urlAux + pathImg + '/pdf.png" alt="' + value.titpdf +'" title="' + value.titpdf +'"  style=" cursor: pointer"  onClick="setPdf(\'pdf\')" >'
			auxTxt += '			<img src="' + urlAux + pathImg + '/loader.gif" alt="' + value.titcargando +'" title="' + value.titcargando +'"  style=" display:none" id="ajax-loader"   >'
			auxTxt += '		</div>'
			auxTxt += '		<div style="float: right">' + value.titcerrarficha +' <img src="' + urlAux + pathImg + '/cerrar.png" style=" cursor: pointer"  onClick="showView(\'Prod\');setNavGen(\'setCntProd\',\''+value.subfamilia+'\')" ></div>'
			auxTxt += ' </div>' 
			auxTxt += '</div>' 
			
			auxTxt += '<div class="row-fluid">'
			auxTxt += '	<div class="wpb_content_element_p wpb_single_image span6">'
			auxTxt += '		<div class="" >'
			var tit = ""
			if(value.img2title) tit = value.img2title
			auxTxt += '			<a href="' + urlAux + pathImg +value.img2 + '" rel="prettyPhoto" title="' +tit + '" >'  
			auxTxt += '				<img  alt="' +tit + '" src="/timthumb.php?src=' + urlAux + pathImg +value.img2 + '&w=550&zc=1">' 
			auxTxt += '			</a> '
			auxTxt += '		</div> '
			auxTxt += '	</div>'
			auxTxt += '	<div class="wpb_content_element_p wpb_single_image span6">'
			auxTxt += '		<div class="" >'  
			auxTxt += '			<img  alt="' +value.img3title + '" src="/timthumb.php?src=' + urlAux + pathImg +value.img3 + '&w=550&zc=1">' 
			auxTxt += '		</div> '
			auxTxt += '	</div>' 
			auxTxt += '</div>' 
			
			
			
			auxTxt += '<div class="row-fluid">'
			auxTxt += '	<div class="tpr">' 
			
			//auxTxt += '		<div class="  " >'  
			auxTxt += '			<div class=" titSubfamTrilamp" >'  +value.subfamilia
			auxTxt += '			</div> '
			auxTxt += '			<div class=" titModelTrilamp" >'  +value.modelo
			auxTxt += '			</div> ' 
			//auxTxt += '		</div> '
			auxTxt += '	</div>'
			auxTxt += '	<div class="wpb_content_element_1 ">'
			auxTxt += '		<div class=" titDescGreyTrilamp" >'      
			if(value.descripcion)
				auxTxt +=  		  value.descripcion
			auxTxt += '		</div> '
			auxTxt += '	</div>'
			auxTxt += '</div>' 
			
			
			
			auxTxt += '<div class="row-fluid">'
			auxTxt += '	<div class="wpb_content_element_p wpb_single_image span4">'
			auxTxt += '		<div class="" >'  
			auxTxt += '			<img  alt="' +value.img4title + '" class="attachment-thumbnail" src="' + urlAux + pathImg +value.img4 + '">' 
			auxTxt += '		</div> '
			auxTxt += '		<div class="" style="margin-top:20px">'  
			auxTxt += '		<div class=" span7" style=" float: right">'  
			auxTxt += '			<span class="btndowload"><a  href="#"  onClick="setPdf(\'pdf\')">Características Técnicas</a></span>'
			auxTxt += '			<span class="btndowload"> <a  href="' + urlAux + pathImg +value.imgefic + '" target="_blank">Etiqueta Energética</a></span>'
			auxTxt += '		</div> '
			auxTxt += '		<div class=" span5" style=" float: right; padding-top: 15px;" >'
			auxTxt += '		<ul>'
			if (value.sellos)
			jQuery.each(value.sellos, function(key, data) {     
				auxTxt += '					<li class="iconop" ><img src="' + urlAux + pathImg +data.imgsello +  '" alt="' +data.title + '"  title="' +data.title + '" style=" max-width: 38px !important; max-height: 38px !important;  " ></li>' 
			
			});
		auxTxt += '		</ul>'
			auxTxt += '		</div> '
			auxTxt += '		</div> '
			auxTxt += '	</div>'
			auxTxt += '	<div class="wpb_content_element_p wpb_single_image span8">'
			auxTxt += '		<div class="" >'  
			auxTxt += '			<table >'  
			auxTxt += '				<tr>'  
			auxTxt += '					<td colspan="3"  class="titDescRedTrilamp" >' + value.tittbl + '</td>'
			auxTxt += '					'   
			auxTxt += '				</tr>'  
			
			if (value.carac)
			jQuery.each(value.carac, function(key, data) {    
				auxTxt += '				<tr class="tblBorderBottom">'  
				auxTxt += '					<td class="titDescGreyTrilamp" >' +data.nombre + '</td>'
				auxTxt += '					<td class="" ><img src="' + urlAux + pathImg + 'flechatbl.png"></td>'
				auxTxt += '					<td class="titDescRedTrilamp" >' +data.descripcion + '</td>' 
				auxTxt += '				</tr>'  
			
			}); 
			auxTxt += '			</table>' 
			auxTxt += '		</div> '
			auxTxt += '	</div>'
			auxTxt += '</div>' 
			
			
			
			
			
			
		 jQuery('#cntFicha' ).html(auxTxt) 
		 jQuery("a[rel^='prettyPhoto']").prettyPhoto();
		 if(viewProducto) {
		 	setCntSubFamilia(value.id_padre)
			//alert(jQuery('#searcht' ).val())
			switch(jQuery('#searcht' ).val() ){
				case "Fam":
					setCntProd(value.id_familia,"1") 
					setNavGenVP(value.familia,value.subfamilia,value.modelo," > ")
				break;
				
				case "Tip":
					setCntProd(value.id_subtipo,"2") 
					setNavGenVP("",value.subtipo,value.modelo,"")
				break;
				
				case "Sch":
					setCntProd(value.id_subtipo,"3") 
					setNavGenVP("",value.resbsq,value.modelo,"")
				break;
				
			}
		}
		 setNavGen('setCntFicha',value.modelo) 
		 if(value.novedad=="1")jQuery( "#novedad" ).show()
		 jQuery( ".toolTipClass" ).tooltip();
	
    },'json');
	
	  
	
	
	}



function getCntFicha(id){
		
		showView('Ficha')
		setCntFicha(id)
	 
	
}
function setCntSubFamilia(cod_familia){
	
	jQuery('#cntSubFamilia' ).html("") 
	jQuery.post( urlAux + '/producto/producto.server.php', {action : "getSubFamilia", cod_familia: cod_familia, cod_idioma: cod_idioma} ,function( data ) {
		var i=0
		var nom =""
		var auxTxt='<div class="row-fluid">'
		jQuery.each(data, function(key, value) {    
			if (i==0) nom = value.nombre_pad
	
			auxTxt += '	<div class="wpb_content_element wpb_single_image span4">'
			auxTxt += '		<div class="wpb_wrapper" >'
			auxTxt += '			<div class="img-caption" id="ic' +value.id + '"><span>' +value.nombre + '</span></div>'
			auxTxt += '			<div id="imgCnt' +value.id + '" class="imgDef">'
			auxTxt += '				<img class = "imgTag" style=" cursor: pointer"  '
			auxTxt += '					onmouseover="showImg(\'imgCnt' +value.id + '\',\'ic' +value.id + '\')" '
			auxTxt += '					onClick="getCntProd(\'' +value.id + '\',\'1\')" '
			auxTxt += '					onmouseout="hideImg(\'imgCnt' +value.id + '\',\'ic' +value.id + '\')" '
			auxTxt += '					alt="' +value.nombre + '" '
			auxTxt += '					alt="' +value.nombre + '" '
			auxTxt += '					src="' + urlAux + pathImg +value.img + '">'
			auxTxt += '			</div>'
			auxTxt += '		</div> '
			auxTxt += '	</div>'
				 
			i++;
	
		});  
			auxTxt += '</div>'
		//alert(auxTxt)
		 jQuery('#cntSubFamilia' ).html(auxTxt)  
		 setImgSld(nom)
		 setNavGen('setCntSubFamilia',nom)
 
	 
	
    },'json');
	
	
	 
	
	}
function setImgSld(nom){
	
	jQuery( ".imgMenuPrp" ).each(function( index ) { 
		if (nom ==  jQuery( this ).attr('nombre'))
			jQuery( this ).attr('src',jQuery( this ).attr('img') )
		else
			jQuery( this ).attr('src',jQuery( this ).attr('imgred') )
			
	});
	}
function getCntSubFamilia(x){
	showView("Subfam")
	setCntSubFamilia(x) 
	}	 
function setNavGenVP(familia,subfamilia,modelo,flecha){
	jQuery('#selFamilia').attr('nombre',familia)	 
	
	jQuery('#selSubFamilia').attr('nombre',subfamilia)	 
	jQuery('#selSubFamilia').attr('flecha',flecha)	
	if(familia!="")
	jQuery('#selFamilia').html('<a href="javascript:void(0)" onclick="showView(\'Subfam\');setNavGen(\'setCntSubFamilia\',\''+jQuery('#selFamilia').attr('nombre')+'\')"> '+jQuery('#selFamilia').attr('nombre')+'</a>')
	jQuery('#selSubFamilia').html(jQuery('#selSubFamilia').attr('flecha')  + '<a href="javascript:void(0)" onclick="showView(\'Prod\');setNavGen(\'setCntProd\',\''+jQuery('#selSubFamilia').attr('nombre')+'\')" >'+jQuery('#selSubFamilia').attr('nombre')+'</a>')  
	jQuery('#selProd').html(" > " + modelo)
	jQuery('#selProd').attr('nombre',modelo)
	
	jQuery('#selFamilia').removeClass('titSeleccionado') 
	jQuery('#selSubFamilia').removeClass('titSeleccionado')
	jQuery('#selProd').addClass('titSeleccionado')
}
function setNavGen(tipo,nom){
	if(viewProducto) return
	switch(tipo){
		case "setCntSubFamilia":
			jQuery('#selFamilia').html(nom)
			jQuery('#selFamilia').attr('nombre',nom)	
			jQuery('#selSubFamilia').html('')
			jQuery('#selSubFamilia').attr('nombre','')	
			jQuery('#selProd').html('')
			jQuery('#selProd').attr('nombre','')
			 
			jQuery('#selFamilia').addClass('titSeleccionado') 
			jQuery('#selSubFamilia').removeClass('titSeleccionado')
			jQuery('#selProd').removeClass('titSeleccionado')
			
			
			
		break;
		case "setCntProd":
		
			jQuery('#selFamilia').html('<a href="javascript:void(0)" onclick="showView(\'Subfam\');setNavGen(\'setCntSubFamilia\',\''+jQuery('#selFamilia').attr('nombre')+'\')"> '+jQuery('#selFamilia').attr('nombre')+'</a>')
			jQuery('#selSubFamilia').html(jQuery('#selSubFamilia').attr('flecha') + nom)
			jQuery('#selSubFamilia').attr('nombre',nom)	
			
			jQuery('#selProd').html('')
			jQuery('#selProd').attr('nombre','')
			
			jQuery('#selFamilia').removeClass('titSeleccionado') 
			jQuery('#selSubFamilia').addClass('titSeleccionado')
			jQuery('#selProd').removeClass('titSeleccionado')
		 
		break;
		case "setCntProd2":
		
			jQuery('#selFamilia').html('')
			jQuery('#selFamilia').attr('nombre','')	 	
			jQuery('#selSubFamilia').html(  nom)
			jQuery('#selSubFamilia').attr('nombre',nom)	
			
			jQuery('#selProd').html('')
			jQuery('#selProd').attr('nombre','')
			
			jQuery('#selFamilia').removeClass('titSeleccionado') 
			jQuery('#selSubFamilia').addClass('titSeleccionado')
			jQuery('#selProd').removeClass('titSeleccionado')
		 
		break;
		case "setCntProd3":
		
			jQuery('#selFamilia').html('')
			jQuery('#selFamilia').attr('nombre','')	 	
			jQuery('#selSubFamilia').html(  nom)
			jQuery('#selSubFamilia').attr('nombre',nom)	
			
			jQuery('#selProd').html('')
			jQuery('#selProd').attr('nombre','')
			
			jQuery('#selFamilia').removeClass('titSeleccionado') 
			jQuery('#selSubFamilia').addClass('titSeleccionado')
			jQuery('#selProd').removeClass('titSeleccionado')
		 
		break;
		case "setCntFicha":  
			
			jQuery('#selSubFamilia').html(jQuery('#selSubFamilia').attr('flecha')  + '<a href="javascript:void(0)" onclick="showView(\'Prod\');setNavGen(\'setCntProd\',\''+jQuery('#selSubFamilia').attr('nombre')+'\')" >'+jQuery('#selSubFamilia').attr('nombre')+'</a>')  
			jQuery('#selProd').html(" > " + nom)
			jQuery('#selProd').attr('nombre',nom)
			
			jQuery('#selFamilia').removeClass('titSeleccionado') 
			jQuery('#selSubFamilia').removeClass('titSeleccionado')
			jQuery('#selProd').addClass('titSeleccionado')
		break;
	}
	
		
		
	
	
	
		
		
	}
function setPlt(){
	var auxTxt = ''
	auxTxt += '<div class="row-fluid" style="color: #bd1717 !important;background-color:#f4f4f6; color:#c3c3c3; min-height: 40px;line-height: 40px; padding-left: 15px ; display:none;" >'
	auxTxt += '	<div class="  span1" >  </div>' 
	auxTxt += '	<div class="  span12">' 
	auxTxt += '		<div class="  span4" style="padding-left: 0px;">' 
	auxTxt += '			<div style="float: left; padding: 3px	 ; height: 18px; line-height: 20px; margin-top: 7px; margin-left: 7px;" id="bsqp"></div>  ' 
	auxTxt += ' 		<div style="float: left; padding: 3px	;border: 1px solid;   border-radius: 4px; height: 18px;line-height: 20px;margin-top: 7px; margin-left: 7px; cursor: pointer" onClick="setSliderTipos()" id="prd"></div>  ' 
	//auxTxt += '			<div style="float: left; padding: 3px	;border: 1px solid;   border-radius: 4px; height: 18px;line-height: 20px;margin-top: 7px; margin-left: 7px; cursor: pointer" onClick="setSliderFam()" id="ctg">  </div>' 
	auxTxt += '		</div>' 
	auxTxt += '		<div class=" span8">' 
	auxTxt += '			<div style=" float: right; padding: 3px	  height: 18px;line-height: 20px;margin-top: 7px; margin-right: 10px;">  <img src="' + urlAux + pathImg + 's.png" style ="cursor: pointer" onclick="getCntProd(\'\',\'3\')">  </div>' 
	auxTxt += '			<div style=" float: right; padding: 3px	  height: 18px;line-height: 20px;margin-top: 7px; margin-right: 7px;">  <input id="search" class="tagged searchProd" type="text" title="Search" name="search" value="">  ' 
	auxTxt += '		       <input id="searcht" class="searchProd" type="hidden"   name="searcht" value="Fam"> ' 
	auxTxt += '		       <input id="cod_idioma" class="searchProd" type="hidden"   name="cod_idioma" value=""> </div>' 
	auxTxt += '			<div style=" float: right; padding: 3px	  height: 18px;line-height: 20px;margin-top: 7px; margin-right: 7px;">  <select id="search1" class="tagged searchProd" type="text" title="Search" name="search1">  </select></div>' 
	auxTxt += '			<div style=" float: right; padding: 3px	  height: 18px;line-height: 20px;margin-top: 7px; margin-right: 7px;">  <select id="search2" class="tagged searchProd" type="text" title="Search" name="search2">  </select></div>' 
	auxTxt += '		</div>' 
	auxTxt += '	</div>'
	
	auxTxt += '</div>'
	//auxTxt += '<br style="clear-both"/>' 
	
	//auxTxt += '<div class="cntSlider1" id="cntSlider1">' 
	//auxTxt += '<div class="slider1" id="slider1"></div>' 
	//auxTxt += '</div>'
	
	
	//auxTxt += '<br style="clear-both"/>' 
	
	//auxTxt += '<div   style=" background-color:#f4f4f6; color:#696969; height: 40px;line-height: 40px; padding-left: 15px ">'
	//auxTxt += '	<div class="  span12"> '
	//auxTxt += '		<span  nombre = "" id="selFamilia"> </span>'
	//auxTxt += '		<span  nombre = "" flecha = ""  id="selSubFamilia">   </span>'
	//auxTxt += '		<span  nombre = "" id="selProd">  </span>'
	//auxTxt += '	 </div>' 
	//auxTxt += '</div>' 
	
	
	auxTxt += '<div id="cntSubFamilia"  class="subfam">'  
	auxTxt += '</div>' 
	 
	
	auxTxt += '<div id="cntProd" class="prod"  style=" display: none">'  
	
	
	auxTxt += '</div>' 
	 
	
	
	auxTxt += '<div id="cntFicha" style=" display: none"  class="ficha">' 
	
	
	
	auxTxt += '</div>' 
	
	
	
	auxTxt += '<div id="dialog-form" title="" style=" display: none"> '
	auxTxt += '<fieldset>'
	auxTxt += '<label for="semail" id="labelEmail"></label><br>'
	auxTxt += '<input type="text" name="semail" id="semail" placeholder="" class="text ui-widget-content ui-corner-all"><br>'
	auxTxt += '<label for="comentario" id="labelComentario"></label><br>'
	auxTxt += '<textarea   name="comentario" id="comentario"  class="text ui-widget-content ui-corner-all"  placeholder="" ></textarea >'
	auxTxt += '<input type="submit" tabindex="-1" style="position:absolute; top:-1000px">'
	auxTxt += '</fieldset> '
	auxTxt += '</div>'
	 
	
	
	
	//alert(auxTxt)
	jQuery("#prodContainer").html(auxTxt)
	jQuery(".img-caption").hide()
	
	}
	
	
function loadScriptAux(url, callback,typeFile,idFile){
	switch (typeFile){
		case "js":
		case "jsExt":
		
					
			 var script = document.createElement("script")
			 script.type = "text/javascript";
			 script.id =  idFile;
			
			 if (script.readyState){  //IE
				script.onreadystatechange = function(){
				 if (script.readyState == "loaded" ||
					 script.readyState == "complete"){
					   script.onreadystatechange = null;
					   callback();
					}
				 };
			 } else {  //Others
			   script.onload = function(){ 
				 callback();
			   };
			 }
			
			if (typeFile=="js")
			 script.src = urlAux + url;
			if (typeFile=="jsExt")
			 script.src =  url;
			 document.getElementsByTagName("head")[0].appendChild(script);
		
		break;
		case "css":
		case "cssExt":
			var head  = document.getElementsByTagName("head")[0];
			var link  = document.createElement('link'); 
			link.id   = idFile;
			link.rel  = 'stylesheet';
			link.type = 'text/css';
			if (typeFile=="css")
			link.href =  urlAux + url;
			if (typeFile=="cssExt")
			link.href =    url;
			link.media = 'all';
			head.appendChild(link);
		break; 
	} 
}