function showEvent(ID){

if(document.getElementById(ID).style.display!="none"){
		$(document.getElementById(ID)).slideUp();
	}else{
		$(document.getElementById(ID)).slideDown();
	}
}

function hideEvent(ID){
	document.getElementById(ID).style.display="none";
}

function highlightMap(Zone){
	if(Zone!='none' && Zone!="nonecan"){
		if(Zone!='can'){
			document.getElementById("MapImage").src="images/map/"+Zone+".png";
		}else{
			document.getElementById("MapCanaryImage").src="images/map/"+Zone+".png";
		}
	}else{
		if(Zone=='none'){
			document.getElementById("MapImage").src="images/map/mapbg.png";
		}else{
			document.getElementById("MapCanaryImage").src="images/map/mapcanarybg.png";
		}
	}
}


function showProductDetail(ID,ImgID){
/*	if(document.getElementById(ID).style.display!="none"){
		document.getElementById(ID).style.display="none";
	}else{
		document.getElementById(ID).style.display="block";
		document.getElementById("ShowDetailLabel").innerHTML="<p><img src=images/buttons/less.png><a href=\"javascript:void(null)\" onclick=\"hideProductDetail('SheetDetail')\">Ocultar informaci&oacute;n detallada</a></p>";
	}	
*/
	if(document.getElementById(ID).style.display!="none"){
  		$(document.getElementById(ID)).slideUp();
		document.getElementById(ImgID).src="images/buttons/more.png";
		PngFix();

	}else{
  		$(document.getElementById(ID)).slideDown();

		document.getElementById("ShowDetailText").innerHTML="<a href=\"javascript:void(null)\" onclick=\"hideProductDetail('SheetDetail','ShowDetailImg')\">Ocultar informaci&oacute;n detallada</a>";
		document.getElementById(ImgID).src="images/buttons/less.png";
		PngFix();
	}

}


function hideProductDetail(ID,ImgID){
	$(document.getElementById(ID)).slideUp();

	document.getElementById("ShowDetailText").innerHTML="<a href=\"javascript:void(null)\" onclick=\"showProductDetail('SheetDetail','ShowDetailImg')\">Mostrar informaci&oacute;n detallada</a>";
	document.getElementById(ImgID).src="images/buttons/more.png";
}

function refreshProduct(ID){

	if(ID!=0){
		Submit('scripts/ajax_products.php?ProdID='+ID,"ContentBody");	
	}
}

function changeProductClass(ID){

	document.getElementById("ContentBody").innerHTML="<h2>Cargando productos. Por favor, espere.</h2>";

	switch(ID){

		case "Alphabetic":
			Submit('scripts/ajax_products_alphabetic.php',"ContentBody");	
			break;
		case "AnimalFamily":
			Submit('scripts/ajax_products_family.php',"ContentBody");	
			break;
		
	}
}

function showFamilyDetail(ID,ImgID){
	if(document.getElementById(ID).style.display!="none"){
		$(document.getElementById(ID)).slideUp();
		document.getElementById(ImgID).src="images/buttons/more.png";
	}else{
		$(document.getElementById(ID)).slideDown();
		document.getElementById(ImgID).src="images/buttons/less.png";
	}
}



/****************************************************************************************/
/* 		FUNCIONES PARA LA CAJA DE LOGIN 												*/
/****************************************************************************************/

function catchEnter(event,callback){
	if (event.keyCode) 
	    key = event.keyCode; 
	else if (event.which) 
	    key = event.which; 
	else 
	    return false; 
	
	if (key == 13){
		eval(callback);
		return false;
	}
	return true;
}


$(document).ready(function(){
	showLoginPanel();
})

function showLoginPanel(){
	var panelHtml="";
	
	panelHtml+= '<div id="reg_loginPanel" class="infoBalloon lay_hidden">'+
			    '	<div class="bg_popup_corner"></div>'+
	    		'	<form id="loginForm">'+
	    		'		<fieldset>'+
	    		'			<label>Correo Electr&oacute;nico</label>'+
	    		'			<input type="text" id="logEmail" name="regEmail" maxlength="50">'+
	    		'		</fieldset>'+
	    		'		<fieldset>'+
	    		'			<label>Contrase&ntilde;a</label>'+
	    		'			<input type="password" id="logPasswd" name="regPasswd" maxlength="12">'+
	    		'		</fieldset>'+
	    		'			<div class="buttonHolder"><a href="javascript:void(null)" id="loginForm_submitButton" class="button">Entrar</a></div>'+
	    		'		</form>'+
	    		'	<a href="forget.php" id="regForgot">Olvid&eacute; mi contrase&ntilde;a</a>&nbsp;|&nbsp;'+
	    		'	<a href="registration.php">Soy nuevo, quiero registrarme</a>'+
	    		'</div>';
	    		
	if($('#reg_loginPanel').length==0){
		 $('.HeaderBar').eq(1).append(panelHtml);

   		 $('#bt_vetousers').bind('click',function(){ 
   		 	$('#reg_loginPanel').fadeToggle("slow");
   		 })
   		 
   		 $('#loginForm_submitButton').bind("click",function(){
   		 	submitLogon();
   		 })
   		 
   		 $('#logEmail').keydown(function(event){ return catchEnter(event,'submitLogon()')});
   		 $('#logPasswd').keydown(function(event){ return catchEnter(event,'submitLogon()')});
    }else{
       	 $('#reg_loginPanel').fadeToggle("slow");
   		 
   		 $('#loginForm_submitButton').bind("click",function(){
   		 	submitLogon();
   		 })
   		 
   		 $('#logEmail').keydown(function(event){ return catchEnter(event,'submitLogon()')});
   		 $('#logPasswd').keydown(function(event){ return catchEnter(event,'submitLogon()')});
    }
}


function submitLogon(){
    sendLogon($('#logEmail').val(),$('#logPasswd').val());
}	

function sendLogon(userLogon,passwdLogon){
    $.ajax({
		data: {userLogon:userLogon,passwdLogon:passwdLogon},
		type: 'POST',
		dataType: "text",
		url: 'include/functions.php?action=user_auth',
		success: function(data) {
			if(data=="OK"){
				window.location="showcase.php";
			}else{
				$('.loginMsg').remove();
				if(data=="KO"){
					$('#reg_loginPanel .buttonHolder').append('<div class="loginMsg">Nombre de usuario o contrase&ntilde;a err&oacute;neos</div>');
				}
				if(data=="OK-blocked"){
					$('#reg_loginPanel .buttonHolder').append('<div class="loginMsg">Su usuario ha sido <strong>bloqueado</strong>. Contacte con nosotros.</div>');
				}
				$('.loginMsg').delay(3000).slideUp(function(){$(this).remove()});
			}
		} 	
 	});	
 }
 
 
function applyForRemember(formElement){
	$.ajax({
        data: $(formElement).serialize(),
        type: 'POST',
        dataType: "json",
        url: 'include/functions.php?action=user_rem',
        success: function(data) {
        	if(data['status']=="KO" || data['errors'] ){
        		var html="";
        		
	    		if($('UL.errDesc').length>0){
	    				$('UL.errDesc').html("");
	    				$.each(data['errors'],function(i,elemento){	
        					html+='<LI><DIV class="fieldDesc">'+i+'</div>'
        						+'<DIV class="errorDesc">'+elemento+'</DIV></LI>';
        				})    	
        				$('UL.errDesc').append(html);
	    		}else{
	    			$.each(data['errors'],function(i,elemento){	
        		    	html+='<LI><DIV class="fieldDesc">'+i+'</div>'
        		    		+'<DIV class="errorDesc">'+elemento+'</DIV></LI>';
        		    })    	
        		    $('#ContentBody form').after('<DIV class="errMsg">Existen errores en el formulario. Rev&iacute;selo antes de enviarlo.</DIV><UL class="errDesc lay_hidden">'+html+'</UL>');
        		    $('UL.errDesc').slideDown(300);		
        		} 				
    		}    
    		if(data['status']=="OK" && !data['errors']){
				window.location=data.action;
    		}
        }
    })
} 

function retrUserAccountData(){
	$.ajax({
        data: {action:"retr_account"},
        type: 'GET',
        dataType: "json",
        url: 'include/functions.php',
        success: function(data) {

        	if(data){
        		$('#accEmail').text(data.user);
        		$('#accAfNumber').val(data.colegiado);
        		$('#accName').val(data.nombre);
        		$('#accLastname').val(data.apellidos);
        		$('#accCp').val(data.cp);
        		$('#accPhone').val(data.telefono);
        		$('#accState option[value='+data.provincia+']').attr('selected',true);
        		refreshCity(data.provincia,data.ciudad);
        	}
        	
        }
    })	
}
function modifyUserAccount(formElement){
 
 	$.ajax({
 		data: $(formElement).serialize(),
 		type: 'POST',
 		dataType: "json",
 		url: 'include/functions.php?action=set_account',
 		success: function(data) {
 			
 			if(data['status']=="KO" || data['errors'] ){
 				var html="";
 				
 				if($('UL.errDesc').length>0){
 						$('UL.errDesc').html("");
 						$.each(data['errors'],function(i,elemento){	
 							html+='<LI><DIV class="fieldDesc">'+i+'</div>'
 								+'<DIV class="errorDesc">'+elemento+'</DIV></LI>';
 						})    	
 						$('UL.errDesc').append(html);
 				}else{
 					$.each(data['errors'],function(i,elemento){	
 				    	html+='<LI><DIV class="fieldDesc">'+i+'</div>'
 				    		+'<DIV class="errorDesc">'+elemento+'</DIV></LI>';
 				    })    	
 				    $('#ContentBody form .buttonHolder').before('<DIV class="errMsg">Existen errores en el formulario. Revíselo antes de enviarlo.</DIV><UL class="errDesc lay_hidden">'+html+'</UL>');
 				    $('UL.errDesc').slideDown(300);		
 				}
 			}
 			if(data['status']=="OK" && !data['errors']){
 				window.location=data.action;
 			}


 		} 	
 	});	
}

function getNext(shelfId,maxElements){

	var elements=$('#'+shelfId+" .dev_showcaseItemLink").length;
	var shownElements=elements-$('#'+shelfId+" .dev_showcaseItemLink.lay_hidden").length;
	var lastVisibleItem=0;
	
	if($('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):last").next(".dev_showcaseItemLink").length >0 && elements>maxElements){
		$('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):first").addClass('lay_hidden'); 
		lastVisibleItem=$('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):last").attr('id');
		$('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):last").next(".dev_showcaseItemLink.lay_hidden").removeClass('lay_hidden');
	}else{
		if(elements<=maxElements){
			$('.btNext').addClass('lay_hidden');
			$('.btPrev').addClass('lay_hidden');
		}
	}

}
 
function getPrev(shelfId,maxElements){

	var elements=$('#'+shelfId+" .dev_showcaseItemLink").length;
	var shownElements=elements-$('#'+shelfId+" .dev_showcaseItemLink.lay_hidden").length;
	var lastVisibleItem=0;
	
	if($('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):first").prev(".dev_showcaseItemLink").length >0 && elements>maxElements){
		$('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):last").addClass('lay_hidden'); 
		lastVisibleItem=$('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):first").attr('id');
		$('#'+shelfId+" .dev_showcaseItemLink:not(.lay_hidden):first").prev(".dev_showcaseItemLink.lay_hidden").removeClass('lay_hidden');
	}else{
		if(elements<=maxElements){
			$('.btNext').addClass('lay_hidden');
			$('.btPrev').addClass('lay_hidden');
		}

	}


}