// JavaScript Document
var loadedImgs=null;
var menu = null;
function openVideo(){
	 var ventana = window.open("videoPresent_es.html","Cocinas","width=1020,height=576,menubar=no,status=no,toolbar=no");
}
$(function(){
			if( globalApartado != "productos" ) $("#video").hide();
			$("#video").click( function(){ openVideo(); });
			menu = $(".myMenu").buildMenu(
			{
				template:'',
				additionalData:"",
				menuWidth:200,
				openOnRight:false,
				openOnClick:false,
				rootMenuSelector: ".rootVoices",
				menuSelector: ".menuContainer",
				iconPath:"ico/",
				hasImages:false,
				fadeTime:100,
				adjustLeft:2,
				minZindex:"auto",
				adjustTop:10,
				opacity:.85,
				shadow:false,
				closeOnMouseOut:false,
				closeAfter:500
			});	
			preloadImages();
			$('#productosCateg').jScrollPane({showArrows:true,scrollbarWidth : 15,scrollbarMargin : 5,scrollbarOnLeft:true});
			$('#infoCate').jScrollPane({showArrows:true,scrollbarWidth : 15,scrollbarMargin : 5,scrollbarOnLeft:true});
			hideMenu($('#productosCateg').parent("div"),true,0,'','');		
			hideMenu($('#infoCate').parent("div"),true,0,'','');
			if(modulo=='productos'){
				showCateg(menuActual)
				$("#getClick").triggerHandler("mouseover");
			}
			
	   });
		
function isModProdud(){ return (modulo=="productos" || modulo=='inicio' )?true:false }
function showImgCat(menuId){
	//debug(menuId,true)
	if ( !isModProdud() ) return;
	if( menuId == -1 || loadedImgs == null ) return;
	if( loadedImgs[menuId] == null )return;
	$('#imgFondoPag').attr('src',loadedImgs[menuId].src);
	//debug(loadedImgs.length + "  " + loadedImgs[menuId].src,true);


}
function preloadImages(urls){
	loadedImgs = $.preloadCssImages();
//	debug(loadedImgs[0].src,true)
	$('.scroll-pane').show();
	
}

function showMenu(elem,_queue,_duration){
		if ( !isModProdud() ) return;
		//debug($('#txt').html()+'<br>  - showMenu: _queue: '+typeof(_queue)+': '+_queue+'     _duration: '+typeof(_duration)+': '+_duration+' elem: '+ elem.attr('className'),true);
		if(typeof(_queue) !== "boolean") _queue = true
		if(typeof(_duration) !== "number"){
			try{
				_duration = parseInt(_duration);
			}
			catch(e){_duration=500}
		}
		elem.animate({marginLeft: "200px"}, { queue:_queue, duration:_duration });
}
function hideMenu(elem,_queue,_duration,_callback){
		//debug($('#txt').html()+'<br>  - hideMenu: _queue: '+typeof(_queue)+': '+_queue+'     _duration: '+typeof(_duration)+': '+_duration+' elem: '+ elem.attr('className'),true);
		if(typeof(_queue) !== "boolean" ) _queue = true
		if(typeof(_duration) !== "number"){
			try{
				_duration = parseInt(_duration);
			}
			catch(e){_duration=500}
		}
		try{
			elem.animate({marginLeft: "-200px"}, { queue:_queue, duration:_duration,complete:_callback} );
		}
		catch(e){alert('error');}

}
function showLema(menuId){
	lema = $("#hidden_lema_" + menuId ).val();
	$('#msgFoot').html(lema);
}
function showCateg(menuId){
//	debug('showCateg: ' + menuId,true)
//	debug('showProducto' + 	showProducto,true);
	showLema(menuId)
	if(menuId == -1 || showProducto) return;
	showImgCat(menuId)
	
	var elems = $("div[id^='descrip_']");
	var elemPane = $('#infoCate').parent("div");
	elems.each( 
				function(i){
					//	$('#txt').html($('#txt').html()+'<br>'+this.id+'\t'+'descrip_'+menuId+'\t'+this.id.indexOf(menuId)+'<br>'+i);
						$(this).hide();
						
					if(this.id.indexOf(menuId) != -1 ){
						$(this).show();
						$(document).triggerHandler("emchange");//Para forzar el redimensionamiento del PaneContainer
						showMenu(elemPane,true,500);
//						$('.scroll-pane').animate({opacity: .8},0)
						//Ponemos un margin diferente dependiendo si hay o no scroll.
						var margin = '10'
						if ( $('.jScrollPaneTrack' , elemPane.parent() ).css('display') == undefined )
						margin = '20';
						$(this).css('padding-left',margin+'px');
					}

				});
			
}
function hideAll(){
	if( showProducto ) return;
	var cat = $('#infoCate').parent("div");
	var prod = $('#productosCateg').parent("div");	
	hideMenu(cat,true,0);
	hideMenu(prod,true,0);	
}
function getMenuProductos(idCat){
	//	debug('idCat: ' + idCat,true);	
	showProducto = false;
	hideMenu($('#infoCate').parent("div"),true,0,function(){getAjaxMenuProductos(idCat)});
	hideMenu($('#productosCateg').parent("div"),true,0);
}
function getAjaxMenuProductos(idCat){
	showProducto = true;
	var	d = new Date();
	$.ajax({
		url: "aspimagina/noticias/mod/productos/menuProdutos.asp",
		cache: false,
		data: 'mod=productos&idCategoria='+idCat+'&date=' + d.getMilliseconds(),
		success: function(html){
				var elem = $('#productosCateg');
				elem.html(html);
				elem.jScrollPane({showArrows:true,scrollbarWidth : 15,scrollbarMargin : 5,scrollbarOnLeft:true});
			//	$('.scroll-pane').animate({opacity: .8},0)
				showMenu(elem.parent("div"),true,500);
				//Ponemos un margin diferente dependiendo si hay o no scroll.
				var margin = '20'
				if ( $('.jScrollPaneTrack' , elem.parent("div") ).css('display') == undefined )	margin = '20';
				elem.css('padding-left',margin+'px');

				}
	});
}

function getProducto(element,idP){
	var verVideo = false;
//	debug(idP,true)
	if(idP.indexOf("C584974D-CE35-4BF8-91D9-A0862E6C5EE0") !=-1) verVideo = true;
	$(element).parent(".menuProd").siblings().children().removeClass("menuProSelect");
	$(element).addClass("menuProSelect")
	showProducto = true;
	var	d = new Date();
	$.ajax({
		url: "aspimagina/noticias/mod/productos/productos.asp",
		cache: false,
		data: 'mod=productos&idProducto='+idP+'&date=' + d.getMilliseconds(),
		success: function(html){
				$('#producto').html(html);
				if ( verVideo ) 
					mostrarVideo() 
				else 
					ocultaVideo();
				
				if($("input[id^='imgGra_']").length > 1 ) 
					mostrarVisor();
				else
					ocultaVisor();
					_globalActual = 1;
					mostrarImg();
				},
		err: function(XMLHttpRequest, textStatus, errorThrown){
			$('#txt').html(textStatus);
		}
				
	});
}
var _globalInicio,_globalFinal,_globalActual
function ocultaVisor(){
	$('#botonesVisor').hide("slow");
}
function mostrarVisor(){
	$('#botonesVisor').fadeTo("slow",0.5,function(){$('#botonesVisor').show();});
	_globalInicio = 1
	_globalFinal = $("input[id^='imgGra_']").length;
	_globalActual = _globalInicio;
	mostrarImg()
}
function ocultaVideo(){
	$('#video').hide("slow");
}
function mostrarVideo(){
	$('#video').fadeTo("slow",0.5,function(){$('#video').show();});
}
function visorNext(){
	_globalActual++;
	if (_globalActual>_globalFinal) _globalActual = _globalInicio;
	mostrarImg();
}
function visorprevious(){
	_globalActual--;
	if (_globalActual<_globalInicio) _globalActual = _globalFinal;
	mostrarImg();
}
function mostrarImg(){
		$('#imgDe').text(_globalActual);
		$('#imgHasta').text(_globalFinal);
		$('#imgFondoPag').fadeOut("slow",fadeOut)
}
function fadeOut(){
	$('#imgFondoPag').attr('src',$('#imgGra_' + _globalActual).attr('value')).fadeIn("slow");
}