//http://jquery.lukelutman.com/plugins/flash/example-flashvars.html
var loc = "es"; //Valor Default
var sec = "0"; //Valor Default
var pag = "1"; //Valor Default
var jData = "";
var colBg = Array();
var value = $.address.value().split('|');
var menus = Array();
var cerrar_text = "";

$(document).ready(function(){
    loc = $('#idioma').val();
	pag = $('#pagina').val();
	
	cerrar_text = $('#cerrar_txt').val();
	
	if(value[1]!=undefined) { sec = value[1] } else { sec = $('#seccion').val() }
	menus = $('#menus').val();

	//Carga Menu	
	$(window).resize( function(){	if($('#showItem').is (':visible')){
									$('#showItem').css({	'top': ($(window).height() - 377)/2 + $(window).scrollTop(),
															'left': ($(window).width() - 751)/2  });
									}
									});
	
	$('#coverFlow').flash( //<param name="allowScriptAccess" value="always" />
        { src: 'flash/coverFlow.swf',
          width: 944,
          height: 610,
          wmode: 'transparent',
		  allowscriptaccess: 'always', 
          flashvars: { seccion: sec, idioma: loc, menus: menus, pagina: pag }
 		},
        { version: 9 }
    );

	$('#intro').flash( //<param name="allowScriptAccess" value="always" />
        { src: 'flash/intro.swf',
          width: 944,
          height: 780,
          wmode: 'ffffff',
		  allowscriptaccess: 'always', 
          flashvars: { idioma: loc, menus: menus, pagina: pag }
 		},
        { version: 9 }
    );

	$('#info_corp').flash( //<param name="allowScriptAccess" value="always" />
        { src: 'flash/infocorp.swf',
          width: 944,
          height: 678,
          wmode: 'transparent',
		  allowscriptaccess: 'always', 
          flashvars: { idioma: loc, menus: menus, pagina: pag }
 		},
        { version: 9 }
    );
	
	$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
	//Especifico para menu acordeon
	//$("#listadoTipos").accordion({ header: "h3" });
	$("#listadoTipos").accordion({
		header: 'h3.title',
		active: 2,
		alwaysOpen: true,
		animated: 'bounceslide',
		autoheight: false,
		clearStyle: true
	})
	$('#showItem').hide();$('#lbox').hide();
	$('#lbox').animate({opacity: 0});
	$('#showItem').click( function(){ 
		
										var x = $(window).scrollTop();
										//alert(x);
										$('#lbox').animate({opacity: 0}); 
										$('#lbox').hide(); 
										$('#showItem').hide(); 
										//$(window).scrollTop() = x;
										//alert($(window).scrollTop());
									});
	
	$('.f_menu').css({'padding-top' : (90 - $('.f_menu').height()) + 40 });

		$('#contacteRegistre').ajaxForm({ 
		dataType:  'xml', 
		success:   function(responseXML) { 
						var message = $('message', responseXML).text(); 
						var resultat = $('resultat', responseXML).text();
							if (resultat == "1") { 			
													document.getElementById('contacteRegistre').innerHTML = message;
												} else { alert(message);  }
											  		} 
		}); 
						



	
});

function cambiarFondoPantalla(imagen){
	var coloresFondo = imagen.split("|");
	colBg[0] = coloresFondo[0];
	
	$(".acordeon").css({'backgroundColor' : '#fcf8dd'}); 
	//$(".acordeon").css({'backgroundColor' : '#'+coloresFondo[1]}); 
	
	//$("#push").css({'backgroundColor' : '#'+coloresFondo[1]}); 
}

function desplazarBrowser(nombreFamilias)
{
 var targetOffset = $('.acordeon').offset().top;
//alert(targetOffset);
 $('html,body').animate({scrollTop: targetOffset}, 300);
}	
function muestraFamilia(nombreFamilias)
{
	var c = nombreFamilias.split("_");
	var nombreFamilia = c[0];
	// 1- Cargar nombre imagen fondo 
	$.ajax({ type: "POST", url: "i/fondoPantalla.php", data: "id="+nombreFamilia, 
		success: function(datos){ cambiarFondoPantalla(datos) }	
			});
			
	// 2- Cargar contenidos acordeon 
	$.ajax({ 	type: "POST", 
			 	url: "i/cargarAcordeon.php",
				dataType: "xml", 
				data: "id="+nombreFamilia+"&idioma="+loc, 
				
	// 3- Construir acordeon.
				success: function(datos){ constructorAcordeon(nombreFamilia, datos); }	
			});	
	

// para SEO: un update de la barra url y del title.

//$.address.title("Diet Radisson | "+nombreFamilia)
//$.address.title("Diet-Rádisson")

$.address.value(c[0]+"|"+c[1]);

}

var anteriorJData = "";

function constructorAcordeon(nombreFamilia, xmlData)
{
jData = $(xmlData);

if(jData != anteriorJData){

var opciones = jData.find("tipo");
var listado = opciones.children();

var line = "";
//jQuery.each(opciones, function(){ alert( $(this).attr("name") ); })
var firstElement = true;
//if(jQuery.support.boxModel){ //Browsers de verdad
var finalAcordeon = opciones.length;
//line += "<h1 style='background-color: #"+colBg[0]+">"+nombreFamilia+"</h1>";
	
jQuery.each(opciones, function(d){ 
								var elemento = $(this); var nombreTipo = elemento.attr("name"); 
								var descTipo = elemento.attr("desc");
								if(firstElement){ if(nombreFamilia != nombreTipo) {line += "<h3 class='header' >"+nombreFamilia+"</h3>";} firstElement = false; borderTop = "border-top: 1px solid #d4d4d4;" } else { borderTop = ""; }
								line += "<h3 class='title' style='background-color: #"+colBg[0]+";"+borderTop+"'><a href='javascript: void();'>  &bull; "+nombreTipo+"</a></h3>";
								line += "<div style='display: none;' class='contenidoAcordeon'>";
								//line += "<table><tr ><td class='descripcion'><p>"+descTipo+"</p></td>";
								//line += "<td  class='productos'><ul>";
								line += "<ul class='externas'>";
								var productos = elemento.children();
								var longitud = productos.length; 
								var firstTime = true;
								
								productos.each( function(i) {
									 
												//	if(i>2 && firstTime) { line += "</ul></td></tr></table><ul class='externas'>"; firstTime = false; }
													var producto = $(this); 
													
													line += '<li><a href="javascript: void();" onclick="javascript:abrirItem(\''+producto.attr("nombre")+'\',\''+producto.attr("descripcion")+'\',\''+producto.attr("presentacion")+'\',\''+producto.attr("imagen")+'\')"><img src="images/client/productos/thumbs/small_'+producto.attr("imagen").substring(0, producto.attr("imagen").length-3)+'png" /><br/>'+stripslashes(producto.attr("nombre"))+'</a></li>';
															
															});
												
								//if(longitud<4) { line += "</ul></td></tr></table>"; } else { line += "</ul>"; }
								line += "</ul>"; 
								line += "</div>";
								
							});
$("#listadoTipos").html(line);

$("#listadoTipos").accordion("destroy");

$("#listadoTipos").accordion({
		header: 'h3.title',
		active: 1,
		alwaysOpen: false,
		animated: 'bounceslide',
		autoheight: false,
		clearStyle: true
	})

anteriorJData = jData;
}

}


function abrirItem(nombre, descripcion, presentacion, imagen)
{
	$('#lbox').height( $(document).height() ); 
	$('#lbox').show();
	$('#lbox').animate({opacity: 0.7});

var nombreImagen = "images/client/productos/"+imagen;

var linea = "<h3><a href='javascript:void();'>"+cerrar_text+"</a></h3><div id='showItemImage' style='width: 326px; height: 326px; float: left;' ></div>";

$('#showItem').html(linea);
linea = "<div id='showItemText'>"; 
linea += "<h1>"+nombre+"</h1>";
linea += "<p>"+descripcion+"</p>";
linea += "<h4>"+presentacion.substring(0, 13).toUpperCase()+"<br />"+presentacion.substring(13, presentacion.length)+"</h4></div>";

$('#showItem').append(linea);

$('#showItem').show();

$(function () {
  var img = new Image();

  $(img)

	.load(function () {
      					$(this).hide();
      					$('#showItemImage').append(this);
      					$(this).fadeIn();
						$('#showItem').css({	'top': ($(window).height() - 377)/2 + $(window).scrollTop(),
												'left': ($(window).width() - 751)/2 
					   });

    					})
    .error(function () {  })

    .attr('src', nombreImagen);
});

}


function stripslashes (str) {
    return (str+'').replace(/\\(.?)/g, function (s, n1) {
        switch (n1) {
            case '\\':
                return '\\';
            case '0':
                return '\0';
            case '':
                return '';
            default:
                return n1;
        }
    });
}