function getJQueryId(myid) { 
	return '#'+myid.replace(/:/g,"\\:").replace(/\./g,"\\.");
}

/**
 * Enter key pressed? If so, javascript processing is canceled.
 * 
 * Example:
 * <h:inputText id="aaa" value="#{bean.prop}" onkeyup="if(enterKeyPressed(event)){anyAction();}">
 * 	<a4j:jsFunction name="anyAction" action="#{bean.do}" reRender="xyz" />
 * 	
 * ajaxSingle is not possible - embedd code id a4j:region
 */
function enterKeyPressed(e) {
	 var characterCode
	         if(e && e.which){ 
	             e = e
	             characterCode = e.which 
	         } else {
	             e =  event
	             characterCode = e.keyCode
	         }
	         if(characterCode != 13){ 
	             return false; 
	         }
	         return true;
}

// REMOVE LATER: bugfix for jquery hiding and showing tr's in ie8 --> http://stackoverflow.com/questions/975153/jquery-toggle-not-working-with-trs-in-ie
function toggleJQueryFix(classname) {
	var elem = jQuery(classname)[0];
	if(elem.style.display == 'none')
		jQuery(classname).show();
	else
	{
		jQuery(classname).hide();                       
	}
}

jQuery(document).ready(function(){
	jQuery.preloadCssImages({classes: ['home','diary','profile','nutrition','fitness','experts','club','leftControl','rightControl','linktype-B3']});
});

jQuery(".info").ready(function(){
	
	var fixed = false;
	
	jQuery('.info').live('mouseover', function(e) {
		
		 var p = jQuery(this).find(".icon");
         var position = p.offset();

         var infoLayer =  jQuery(this).attr("id") ? jQuery(this).attr("id") : 'info-layer-default';
         
         var cssObj = {
             top: position.top+30,
             left: position.left-540,
             display: "block"
         }
		
         jQuery("#info-layer-wrapper").css(cssObj);
		
         jQuery("#info-layer-wrapper").show();
         jQuery("." + infoLayer).show();
	});
	
	jQuery('.info').live('mouseout', function() {
		if(!fixed){
			jQuery("#info-layer-wrapper").hide();
			jQuery(".info-layer").hide();
			
		}
	});

	jQuery('.info').live('click', function() {
		fixed = !fixed;
	});
	
	
	
});