//si el lenguage no esta definido, lo creamos
if(typeof(lang) == "undefined") var lang = ""

var Ayfa = {
	
	start: function(){
		//llamada al apartado de texturas, lyosabores o ingenios
		Ayfa.texturas();
		Ayfa.lyosabores();
		Ayfa.ingenios();
		Ayfa.scroll_contenido();
		Ayfa.distribuidores();
	},
	
	texturas: function(){
		//si existe la capa menu_graf_texturas, ejecutamos el código
		if ($('#menu_graf_texturas').length > 0) {
			//precarga de imagenes
			if (lang == "eng")
			{
				var sferificacion = $('<img>').attr('src', '../images/inicio-texturas-spherification-alt.png');
				var emulsificacion = $('<img>').attr('src', '../images/inicio-texturas-emulsification-alt.png');
				var espesantes = $('<img>').attr('src', '../images/inicio-texturas-thickeners-alt.png');
				var gelificacion = $('<img>').attr('src', '../images/inicio-texturas-gelification-alt.png');
				var surprises = $('<img>').attr('src', '../images/inicio-texturas-surprises-alt.png');
			} else if (lang == "fra"){
				var sferificacion = $('<img>').attr('src', '../images/inicio-texturas-spherification-fra-alt.png');
				var emulsificacion = $('<img>').attr('src', '../images/inicio-texturas-emulsification-alt.png');
				var espesantes = $('<img>').attr('src', '../images/inicio-texturas-epaississant-alt.png');
				var gelificacion = $('<img>').attr('src', '../images/inicio-texturas-gellification-alt.png');
				var surprises = $('<img>').attr('src', '../images/inicio-texturas-surprises-alt.png');
			} else {
				var sferificacion = $('<img>').attr('src', '../images/inicio-texturas-sferificacion-alt.png');
				var emulsificacion = $('<img>').attr('src', '../images/inicio-texturas-emulsificacion-alt.png');
				var espesantes = $('<img>').attr('src', '../images/inicio-texturas-espesantes-alt.png');
				var gelificacion = $('<img>').attr('src', '../images/inicio-texturas-gelificacion-alt.png');
				var surprises = $('<img>').attr('src', '../images/inicio-texturas-surprises-alt.png');
			}
			
			//guardamos la clase antigua
			var clase_antigua = '';
			var margen = 0;
			$('#menu_graf_texturas a').removeAttr('title').mouseover(function(){
				var array_margenes = new Array();
				var clase_activa = $(this).attr('class');
				//guardamos los márgenes para explorer 6
				if((jQuery.browser.msie)&&(parseInt(jQuery.browser.version) < 7)){
					var dif = -342;
				}else{
					var dif = 90;
				}
				switch(clase_activa){
					case 'sferificacion':
						margen = 4 + dif;
					break;
					case 'spherification':
						margen = 4 + dif;
					break;
					case 'spherification-fra':
						margen = 4 + dif;
					break;
					case 'gelificacion':
						margen = 88 + dif;
					break;
					case 'gelification':
						margen = 88 + dif;
					break;
					case 'gellification':
						margen = 88 + dif;
					break;
					case 'emulsificacion':
						margen = 172 + dif;
					break;
					case 'emulsification':
						margen = 172 + dif;
					break;
					case 'espesantes':
						margen = 256 + dif;
					break;
					case 'thickeners':
						margen = 256 + dif;
					break;
					case 'epaississant':
						margen = 256 + dif;
					break;
					case 'surprises':
						margen = 340 + dif;
					break;
				}
				$('#burbujas_texturas').css({
					backgroundImage: 'url(../images/inicio-texturas-' + clase_activa + '-alt.png)',
					left: margen
				}).show();
				$('#menu_graf_texturas a').each(function(el){
					if ($(this).attr('class') != clase_activa) 
						$(this).children().stop().fadeTo(300, 0.2);
				})
			}).mouseout(function(){
				$('#menu_graf_texturas a img').each(function(el){
					$(this).stop().fadeTo(300, 1);
				})				
				$('#burbujas_texturas').hide();
			});
		}		
	},
	
	lyosabores: function(){
		//si existe la capa menu_graf_lyosabores, ejecutamos el código
		if ($('#menu_graf_lyosabores').length > 0) {
			//precarga de imagenes
			if (lang == "eng")
			{
				var lyomango = $('<img>').attr('src', '../images/inicio-lyosabores-mango-alt-eng.png');
				var lyoframbuesa = $('<img>').attr('src', '../images/inicio-lyosabores-frambuesa-alt-eng.png');
				var lyogrosella = $('<img>').attr('src', '../images/inicio-lyosabores-grosella-alt-eng.png');
				var lyomelocoton = $('<img>').attr('src', '../images/inicio-lyosabores-melocoton-alt-eng.png');
				var lyofresa = $('<img>').attr('src', '../images/inicio-lyosabores-fresa-alt-eng.png');
				var lyopinya = $('<img>').attr('src', '../images/inicio-lyosabores-pinya-alt-eng.png');
			} else if (lang == "fra")
			{
				var lyomango = $('<img>').attr('src', '../images/inicio-lyosabores-mango-alt-fra.png');
				var lyoframbuesa = $('<img>').attr('src', '../images/inicio-lyosabores-frambuesa-alt-fra.png');
				var lyogrosella = $('<img>').attr('src', '../images/inicio-lyosabores-grosella-alt-fra.png');
				var lyomelocoton = $('<img>').attr('src', '../images/inicio-lyosabores-melocoton-alt-fra.png');
				var lyofresa = $('<img>').attr('src', '../images/inicio-lyosabores-fresa-alt-fra.png');
				var lyopinya = $('<img>').attr('src', '../images/inicio-lyosabores-pinya-alt-fra.png');
			} else {
				var lyomango = $('<img>').attr('src', '../images/inicio-lyosabores-mango-alt.png');
				var lyoframbuesa = $('<img>').attr('src', '../images/inicio-lyosabores-frambuesa-alt.png');
				var lyogrosella = $('<img>').attr('src', '../images/inicio-lyosabores-grosella-alt.png');
				var lyomelocoton = $('<img>').attr('src', '../images/inicio-lyosabores-melocoton-alt.png');
				var lyofresa = $('<img>').attr('src', '../images/inicio-lyosabores-fresa-alt.png');
				var lyopinya = $('<img>').attr('src', '../images/inicio-lyosabores-pinya-alt.png');
			}
			
			//guardamos la clase antigua
			var clase_antigua = '';
			var margen = 0;
			$('#menu_graf_lyosabores a').removeAttr('title').mouseover(function(){
				var array_margenes = new Array();
				var clase_activa = $(this).attr('class');
				//guardamos los márgenes para explorer 6
				if((jQuery.browser.msie)&&(parseInt(jQuery.browser.version) < 7)){
					var dif = -357;
				}else{
					var dif = 85;
				}
				switch($(this).attr('class')){
					case 'lyomango':
						margen = 4 + dif;
					break;
					case 'lyoframbuesa':
						margen = 76 + dif;
					break;
					case 'lyogrosella':
						margen = 152 + dif;
					break;
					case 'lyomelocoton':
						margen = 228 + dif;
					break;
					case 'lyofresa':
						margen = 304 + dif;
					break;
					case 'lyopinya':
						margen = 380 + dif;
					break;
				}
				if (lang == "eng")
				{
					$('#burbujas_lyosabores').css({
						backgroundImage: 'url(../images/inicio-lyosabores-' + $(this).attr('class') + '-alt-eng.png)',
						left: margen
					}).show();
				} else if (lang == "fra")
				{
					$('#burbujas_lyosabores').css({
						backgroundImage: 'url(../images/inicio-lyosabores-' + $(this).attr('class') + '-alt-fra.png)',
						left: margen
					}).show();
				} else {
					$('#burbujas_lyosabores').css({
						backgroundImage: 'url(../images/inicio-lyosabores-' + $(this).attr('class') + '-alt.png)',
						left: margen
					}).show();
				}
				$('#menu_graf_lyosabores a').each(function(el){
					if ($(this).attr('class') != clase_activa) 
						$(this).children().stop().fadeTo(300, 0.2);
				})
			}).mouseout(function(){
				$('#menu_graf_lyosabores a img').each(function(el){
					$(this).stop().fadeTo(300, 1);
				})				
				$('#burbujas_lyosabores').hide();
			});
		}		
	},
	
	ingenios: function(){
		//si existe la capa menu_graf_ingenios, ejecutamos el código
		if ($('#menu_graf_ingenios').length > 0) {
			//precarga de imagenes
			var croquanter = $('<img>').attr('src', '../images/inicio-ingenios-croquanter-alt.png');
			var silicasec = $('<img>').attr('src', '../images/inicio-ingenios-silicasec-alt.png');
			//guardamos la clase antigua
			var clase_antigua = '';
			var margen = 0;
			$('#menu_graf_ingenios a').removeAttr('title').mouseover(function(){
				var array_margenes = new Array();
				var clase_activa = $(this).attr('class');
				//guardamos los márgenes para explorer 6
				if((jQuery.browser.msie)&&(parseInt(jQuery.browser.version) < 7)){
					var dif = -260;
				}else{
					var dif = 175;
				}
				switch($(this).attr('class')){
					case 'croquanter':
						margen = 8 + dif;
					break;
					case 'silicasec':
						margen = 238 + dif;
					break;
				}
				$('#burbujas_ingenios').css({
					backgroundImage: 'url(../images/inicio-ingenios-' + $(this).attr('class') + '-alt.png)',
					left: margen
				}).show();
				$('#menu_graf_ingenios a').each(function(el){
					if ($(this).attr('class') != clase_activa) 
						$(this).children().stop().fadeTo(300, 0.2);
				})
			}).mouseout(function(){
				$('#menu_graf_ingenios a img').each(function(el){
					$(this).stop().fadeTo(300, 1);
				})				
				$('#burbujas_ingenios').hide();
			});
		}		
	},
	
	scroll_contenido: function(){
		if($('.cont_detalle_texto').length > 0){
			$('.cont_detalle_texto').wrap($('<div></div>').css({'float': 'left', 'width': '335px'})).jScrollPane();
		}
		if($('.cont_detalle_texto_corto').length > 0){
			$('.cont_detalle_texto_corto').wrap($('<div></div>').css({'float': 'left', 'width': '275px'})).jScrollPane();
		}
		if($('.cont_detalle_texto_largo').length > 0){
			$('.cont_detalle_texto_largo').wrap($('<div></div>').css({'float': 'left', 'width': '335px'})).jScrollPane();
		}
		if($('.cont_noticias_titulares').length > 0){
			$('.cont_noticias_titulares').wrap($('<div></div>').css({'float': 'left', 'width': '210px'})).jScrollPane();
		}
		if($('.cont_noticias_detalle').length > 0){
			$('.cont_noticias_detalle').wrap($('<div></div>').css({'float': 'left', 'width': '310px'})).jScrollPane();
		}
		if($('.cont_distribuidores_titulares').length > 0){
			$('.cont_distribuidores_titulares').wrap($('<div></div>').css({'float': 'left', 'width': '210px'})).jScrollPane();
		}
		if($('.cont_distribuidores_detalle').length > 0){
			$('.cont_distribuidores_detalle').wrap($('<div></div>').css({'float': 'left', 'width': '310px'})).jScrollPane();
		}
	},
	
	distribuidores: function(){
		//si existe la capa menu_distribuidores, ejecutamos el código
		if($('#menu_distribuidores').attr('id') == 'menu_distribuidores'){
			
			//ocultamos todos los divs de detalle
			$('.cont_distribuidores_detalle div').hide();
			//$('.detalle_distribuidor').hide();
			
			//si estan viendo el php de distribuidores
			if ($('.detalle_distribuidor').length > 0) {
				nIdEspanya = document.getElementById("id_espanya").value;
				
				//mostramos el div de espanya
				$('#dist_' + nIdEspanya + '_detalle').show('slow');
			} else {
				$('#espanya_detalle').show('slow');
			}
			//actualizamos el scroll
			$('.cont_distribuidores_detalle').jScrollPane();

			$('#menu_distribuidores a').click(function(){
				$('.cont_distribuidores_detalle div').hide();
				//$('.detalle_distribuidor').hide();
				$('#menu_distribuidores a').css('font-weight', 'normal');
				var sDivDistribuidor = $(this).attr('class') + '_detalle';
				$('#' + sDivDistribuidor).show('slow');
				$('.cont_distribuidores_detalle').jScrollPane();
				$(this).css('font-weight', 'bold');
				return false;
			});
			
			/*$('#menu_distribuidores a').click(function(){
				
				//guardamos la clase que el usuario ha clickado
				var clase_activa = $(this).attr('class');
				
				//buscamos en todos los <a href>
				$('#menu_distribuidores a').each(function(el){
					if ($(this).attr('class') != clase_activa) 
					{
						//ponemos el texto en el tamanyo normal
						$(this).css({'font-weight': 'normal'});
						
						//construimos el nombre del div que tiene el detalle
						var sDivDistribuidor = $(this).attr('class') + '_detalle';
						
						//ocultamos el div
						$(sDivDistribuidor).hide();
						
					} else {
						//ponemos el pais en negrita
						$(this).css({'font-weight': 'bold'});
						
						//construimos el nombre del div que tiene el detalle
						var sDivDistribuidor = clase_activa + '_detalle';
						
						//mostramos el div
						$(sDivDistribuidor).show();
					}
				})

			});*/
		}
	}	
}

$(document).ready(Ayfa.start);