var tikiMenusJson={"menuJsonObj":{"level1":[{"id":"state0","title":"Les recettes du coin","icon":"","help":""},{"id":"state1","title":"Ou manger","icon":"","help":""},{"id":"state2","title":"O\u00f9 dormir","icon":"","help":""},{"id":"state3","title":"Comment y aller","icon":"","help":""},{"id":"state4","title":"Geoservices","icon":"","help":""},{"id":"state5","title":"","icon":"http:\/\/widget.tikilabs.com\/oncuisine\/images\/nespresso.png","help":""}],"level2":[{"id":"state6","title":"Accueil","icon":"\/images\/logo.png","help":"","url":"\/"},{"id":"state7","title":"Recettes","icon":"","help":"","url":"\/recettes\/aff"},{"id":"state8","title":"Actualit\u00e9s","icon":"","help":"","url":"\/actus.html"},{"id":"state9","title":"Forum","icon":"","help":"","url":"\/forum"},{"id":"state10","title":"Connexion","icon":"","help":"","url":"\/connect"},{"id":"state11","title":"","icon":"http:\/\/widget.tikilabs.com\/oncuisine\/images\/nespresso.png","help":"","url":"http:\/\/www.nespresso.com"},{"id":"state12","title":"Express","icon":"http:\/\/www.jedessine.com\/_uploads\/_tiny_galerie\/20090310\/chronometre_yad.jpg","help":"","url":"\/categorie\/sur-le-pouce\/1.html"},{"id":"state13","title":"Minceur","icon":"http:\/\/www.kilo-diet.com\/images\/minceur.jpg","help":"","url":"\/categorie\/cuisine-sante\/1.html"},{"id":"state14","title":"Cuisine du monde","icon":"http:\/\/www.linternaute.com\/femmes\/cuisine\/magazine\/image\/dossier\/0409vietnam\/picto100.jpg","help":"","url":"\/categorie\/cuisine-par-pays\/1.html"},{"id":"state15","title":"Grand-M\u00e8re","icon":"http:\/\/i10.twenga.com\/1\/tp\/43\/38\/440189145496284338.png","help":"","url":"\/categorie\/remedes-de-grand-mere\/1.html"},{"id":"state16","title":"Ev\u00e8nements","icon":"http:\/\/www.robedelamariee.com\/wp-content\/uploads\/2009\/03\/piece-montee-macarons-1-100x100.jpg","help":"","url":"\/categorie\/cuisine-par-evenements\/1.html"},{"id":"state17","title":"","icon":"http:\/\/widget.tikilabs.com\/oncuisine\/images\/nespresso.png","help":"","url":"http:\/\/www.nespresso.com"},{"id":"state18","title":"chocolat","icon":"http:\/\/www.jedessine.com\/img\/le-chocolat-54562.jpg","help":"","url":"\/categorie\/chocolat\/1.html"},{"id":"state19","title":"p\u00e2tes","icon":"http:\/\/www.gralon.net\/articles\/vignettes\/thumb-les-pates---histoire-et-fabrication-1663.gif","help":"","url":"\/categorie\/les-pates\/1.html"},{"id":"state20","title":"poisson","icon":"http:\/\/www.linternaute.com\/junior\/dossier\/phenomenes-etranges\/images\/poisson-picto.jpg","help":"","url":"\/categorie\/poisson\/1.html"},{"id":"state21","title":"condiments","icon":"http:\/\/www.ttgrocery.com\/store\/catalog\/Condiments_Oils_SaladDressings.gif","help":"","url":"\/categorie\/condiment\/1.html"},{"id":"state22","title":"volaille","icon":"http:\/\/www.filpack-agricole.com\/r5_trans\/r5-2_img\/poulefinal.jpg","help":"","url":"\/categorie\/volaille\/1.html"},{"id":"state23","title":"fruits de mer","icon":"http:\/\/www.sports-sante.com\/images\/noirmoutiers\/restaurant\/plateau-fruits-mer.jpg","help":"","url":"\/categorie\/fruit-de-mer\/1.html"},{"id":"state24","title":"salades","icon":"http:\/\/s.plurielles.fr\/mmdia\/i\/92\/4\/salade-aux-crevettes-2189924_1350.jpg","help":"","url":"\/categorie\/salades\/1.html"},{"id":"state25","title":"soupes","icon":"http:\/\/assets2.keldelice.com\/assets\/0002\/5076\/soupe_au_potiron_e_1_small.jpg","help":"","url":"\/categorie\/soupes\/1.html"},{"id":"state26","title":"desserts","icon":"http:\/\/www.drorzunz.com\/wp-content\/uploads\/2009\/05\/dessert.jpg","help":"","url":"\/categorie\/dessert\/1.html"},{"id":"state27","title":"ap\u00e9ritifs","icon":"http:\/\/static-p3.fotolia.com\/jpg\/00\/03\/83\/94\/400_F_3839480_iz22wloW4h1sJUiaszvsqAH3NC21A7Ej.jpg","help":"","url":"\/categorie\/aperitif\/1.html"},{"id":"state28","title":"boissons","icon":"http:\/\/www.maigrir-dietetique.com\/im\/articles\/boisson-citron.jpg","help":"","url":"\/categorie\/boissons\/1.html"},{"id":"state29","title":"verrines","icon":"http:\/\/www.idela.fr\/homepages\/2\/d214207296\/htdocs\/idela\/images\/stories\/Verrine-Thon-Tomate.jpg","help":"","url":"\/categorie\/verrines\/1.html"},{"id":"state30","title":"Profil","icon":"\/uploads\/membres\/minithumb\/default.jpg","help":"","url":"\/membres\/mon_profil.html"},{"id":"state31","title":"Favoris","icon":"","help":"","url":"\/favoris\/come.html"},{"id":"state32","title":"Recettes perso","icon":"","help":"","url":"\/membres\/recettes\/come.html"},{"id":"state33","title":"Amis","icon":"","help":"","url":"\/amis\/come.html"},{"id":"state34","title":"Stats","icon":"","help":"","url":"\/membres\/stats\/come.html"},{"id":"state35","title":"","icon":"http:\/\/widget.tikilabs.com\/oncuisine\/images\/nespresso.png","help":"","url":"\/categorie\/verrines\/1.html"},{"id":"state36","title":"","icon":"","help":"","url":""},{"id":"state37","title":"","icon":"","help":"","url":""},{"id":"state38","title":"","icon":"","help":"","url":""},{"id":"state39","title":"","icon":"","help":"","url":""},{"id":"state40","title":"","icon":"","help":"","url":""},{"id":"state41","title":"","icon":"","help":"","url":""}]}}

/** 
  * Date: 10/03/09
  * Author :  tikilabs

28/6/09 : revision by XP for icon management

    */
//alert('bba');
//sleep();
function TKCORE(pListMenus){		
	this.setListMenus(pListMenus);
	this.cacheTable = Array();
	this.listMenus;
	
	this.listeClassCss = {};
	this.methodesEvents = {};
	this.timeOut = 1000;
	this.BOX_NUMBER_MAX = 6;
	this.navigateur = navigator.appName;
	this.modeMenus = {HOME : "home",
					  LEVEL1 : "level1",
					  LEVEL2 : "level2"						  
					 };	
	this.savedCssClass = {};	
	this.help;
	
}

// Setters and Getters
/**
*
*/
TKCORE.prototype.setListMenus = function(pListMenus){
	this.listMenus = (pListMenus != null) ? pListMenus : {};	
}

/**
*
*/
TKCORE.prototype.getListMenus = function(){
	return this.listMenus;	
}

/**
*
*/
TKCORE.prototype.getCacheTable = function(){
	return this.cacheTable;	
}
/**
*
*/
TKCORE.prototype.setListeClassCss = function(pListeClassCss){
	this.listeClassCss = (pListeClassCss != null) ? pListeClassCss : {};
}
/**
*
*/
TKCORE.prototype.getListeClassCss = function(){
	return this.listeClassCss;	
}
/**
*
*/
TKCORE.prototype.setMethodesEvents = function(pMethodesEvents){
	this.methodesEvents = (pMethodesEvents != null) ? pMethodesEvents : {};
}
/**
*
*/
TKCORE.prototype.getMethodesEvents = function(){
	return this.methodesEvents;
}//end function 

/**
*
*/
TKCORE.prototype.getTimeOut = function(){
	return this.timeOut;	
}

/**
*
*/
TKCORE.prototype.setTimeOut = function(pTimeOut){
	this.timeOut = (pTimeOut >= 0) ? pTimeOut : 0;
}
/**
*
*/
TKCORE.prototype.getModeMenus = function(){
	return this.modeMenus;	
}

/**
*
*/
TKCORE.prototype.setModeMenus = function(pModeMenus){
	if(pModeMenus != null){
		this.modeMenus = pModeMenus;
	}
}

/**
*
*/
TKCORE.prototype.getNumberBox = function(){
	return this.BOX_NUMBER_MAX;
}
//end  Setters and Getters

/**
* methodes utilitaires pour la manipulation de style : class de tous les div
*
*/
TKCORE.prototype.hasClass = function(ele,cls) {		
        return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
    }//end function
  /**
  *
  */
TKCORE.prototype.addClass = function(ele,newClass) {		 
         if (!this.hasClass(ele,newClass)){
			 ele.className += " "+newClass;
			}
 }//end function
/**
*remove class: oldClass in the element :element
*/
TKCORE.prototype.removeClass = function(ele,oldClass) { 	  
      if (this.hasClass(ele,oldClass)) {  
		var reg = new RegExp('(\\s|^)'+oldClass+'(\\s|$)'); 
		ele.className=ele.className.replace(reg,' '); 
      }
     }//end function      
/**
*remove and add class :newClass to the element : idElement
*/
TKCORE.prototype.removeAddClass = function(idElement, newClass){
		var ele = document.getElementById(idElement); 
		if(ele != null){			
			this.removeClass(ele, ele.className);
			this.addClass(ele, newClass);
		}

}//end function
/**
*pour acceder � tous les elements de la page qui ont pour
*class css : cls
*/
TKCORE.prototype.elementsByClassName = function(cls) {
		var retnode = [];
		var myclass = new RegExp('\\b'+cls+'\\b');
		var elem = document.getElementsByTagName('*');
		for (var i = 0; i < elem.length; i++) {		
			if (myclass.test(elem[i].className)){
				retnode.push(elem[i]);
			 }
		}
		return retnode;
}//end function  
 /**
 *Redirect to the param URL
 */ 	
TKCORE.prototype.gotoURL = function gotoURL(caseId){			
		caseId = parseInt(caseId)-6;
		var curMenuObj = this.getListMenus()[this.getModeMenus()['LEVEL2']];
		
		var url = curMenuObj[caseId].url;	
		if(url!=""){
			document.location.href = url;
		}
}//-- end function
/**
*
*/
TKCORE.prototype.getElementsByTag_Name = function(tag, name) {    
     var elementsTag = document.getElementsByTagName(tag);	 
     var elementsName = [];
     for(var i = 0; i < elementsTag.length; i++) {
         var att = elementsTag[i].getAttribute("name");
          if(att == name) {
               elementsName[elementsName.length] = elementsTag[i];              
          }
     }
     return elementsName;
}
/**
*
*/
TKCORE.prototype.setDivClassCss = function(divName, className, counter, index, curMenuObj,mode){
		var classByDiv = this.getElementsByTag_Name('div', divName);		
		var debutHtml = "<span class=";
		var finHtml = "</span>";
		


/** added by XP for icon management **/
var content='<div name="cbLabelDiv" class="cbLabel"></div>';
/** added by XP for icon management **/



		if(className == 'defaultClass'){
			for(var j=0; j<classByDiv.length; j++){
				var icase = 'tk'+counter;							
				
				
					 this.removeAddClass(icase, this.getListeClassCss()[className]);								  
				
				counter += 1;		
			}  
		}else if(className == 'headerClass'){	
		
			for(j=0; j<classByDiv.length; j++){
				if(curMenuObj[counter]){
				classByDiv[j].id = curMenuObj[counter].id;
				}
				counter += 1;	
			}   
		}else if(className == 'contentClass'){				
			//classByDiv = document.getElementsByName('cbContentDiv');
			
			for(var j=0; j<classByDiv.length; j++){	
			   if(curMenuObj[counter]){
				classByDiv[j].id = curMenuObj[counter].id;

				}				
				classByDiv[j].innerHTML = "";	



				if(mode == this.getModeMenus()["LEVEL2"]){
                    if(curMenuObj[counter]){		


//added by XP for icon management
content='<div name="cbLabelDiv" class="cbLabel"></div>'+curMenuObj[counter].title ;

if (curMenuObj[counter].icon) content='<div id="tkicon"  title="'+curMenuObj[counter].help+'" style="background:url('+"'"+unescape(curMenuObj[counter].icon)+"'"+') top center no-repeat" ></div><span class="cbIconLabel">'+curMenuObj[counter].title + '</span>'; 
// added by XP

		
					classByDiv[j].innerHTML = debutHtml + this.getListeClassCss()[className] +">" + content+ finHtml;								
					}
				}else if(mode == this.getModeMenus()["LEVEL1"]){							
					//classByDiv[j].style.opacity = 0.5;
					classByDiv[j].innerHTML = this.cacheTable[counter];
										
					//alert(classByDiv[j].className);
					}
				counter += 1;	
			}   		
		}else if(className == 'footerClass'){
			
			for(j=0; j<classByDiv.length; j++){				
				classByDiv[j].innerHTML = "";
				
				if(mode == this.getModeMenus()["LEVEL2"]){
				   if(curMenuObj[counter]){
					classByDiv[j].id = curMenuObj[counter].id;
					classByDiv[j].innerHTML = debutHtml + this.getListeClassCss()[className] +">" + curMenuObj[counter].footer + finHtml;
					}
					counter += 1;
					}				
				}   
		}else if(className == 'titleClass'){
			
		    for(j=0; j<classByDiv.length; j++){
				
				//classByDiv[j].id = curMenuObj[counter].id;
				classByDiv[j].innerHTML = "";		
				
				if(mode == this.getModeMenus()["LEVEL1"]){
				     if(curMenuObj[counter]){ 
					 classByDiv[j].id = curMenuObj[counter].id;


//added by XP for icon management
content='<div name="cbLabelDiv" class="cbLabel"></div>'+ curMenuObj[counter].title ;



if (curMenuObj[counter].icon) content='<div id="tkicon"  title="'+curMenuObj[counter].help+'" style="background:url('+"'"+unescape(curMenuObj[counter].icon)+"'"+') top center no-repeat" ></div><span class="cbIconLabel">'+curMenuObj[counter].title + '</span>'; 
// added by XP


					 classByDiv[j].innerHTML = debutHtml + this.getListeClassCss()[className] +">" + content+ finHtml;
					 }
					 counter += 1;	
				} 
			}
		}	

  	
		
}//end function
/**
*initialise le cache des menus
*/
TKCORE.prototype.initCacheMenus = function(){

	var curMenuObj = this.getListMenus()[ this.getModeMenus()['LEVEL2']];	
	var numberCases = this.BOX_NUMBER_MAX;
	for (var i=0; i<5; i++){
		var s = '<table "style=position:relative;left:7px;" cellspacing=1 cellpadding=0><tr height=50>';
		for (var j=0; j<5;j++){
			 if(curMenuObj[i*numberCases+j]){
			 s += "<td><div class="+ this.getListeClassCss()['level1Class'] +">"+curMenuObj[i*numberCases+j].title+"</div></td>";
			 }
			 if (j == 2){
				s += "<tr></tr>";  
			 }
		}
		s += "</tr></table>";  
		
		this.cacheTable[i] = s;
	}
}//end function

/**
*
*/
TKCORE.prototype.selectEventFunction = function(elt, pId, eventTK){		
		if(eventTK == 'caseMouseHover'){ //event mousehover
				if(pId.indexOf('tk') >= 0){//boxe div
					caseMouseHover(elt);
				}else if(pId == 'Help'){//help div
					this.mouseOverHelp();
				}else if(pId == 'Back'){ // back div
						mouseOverBack();
				}else if(pId == 'Home'){ // home div
						mouseOverHome();
				}
		}else if(eventTK == 'caseMouseDown'){ //event mousedown
				if(pId.indexOf('tk') >= 0){// boxe div
					caseMouseDown(elt)
				}else if(pId == 'Help'){ // help div
					this.mouseDownHelp();
				}
				else if(pId == 'Back'){//back div
					mouseDownBack();
				}else if(pId == 'Home'){//home div
					mouseDownHome();
				}
		}else if(eventTK == 'caseMouseUp'){ //event mouseup
				if(pId.indexOf('tk') >= 0){ // box div
					caseMouseUp(elt);
				}else if(pId == 'blackBG'){ // blackBG div
					mouseUpBlackBG();
				}else if(pId =='doc'){// document
					mouseUpHtml();
				}
		}else if(eventTK == 'caseMouseOut'){ //event mouseout
				if(pId.indexOf('tk') >= 0){//box div
					caseMouseOut(elt);
				}else if(pId == 'Help'){ //help div
					this.mouseOutHelp();
				}else if(pId == 'Back'){ //back div
					 this.mouseOutBack();
				}else if(pId == 'Home'){  //home div
					this.mouseOutHome();
				}
		}else if(eventTK == 'caseMouseMove'){ //event mousemove
				if(pId.indexOf('tk') >= 0){ //box div					
					caseMouseMove(elt);
				}else if(pId =='doc'){ //document
					mouseMoveHtml();
				}
				
		}
}//end
/**
*
*/

/**
*methode permettant d'enregistrer l'evenement : evtName aupr�s de
*l'element : elt
*/
TKCORE.prototype.addEvent = function(elt, pId, evtName) {
	var debutEvent = "";		
	if((this.navigateur).indexOf('Microsoft') >= 0){//si le navigateur est un  Microsoft Internet Explore
		debutEvent = "on";
	}	
	var eventTK = this.getMethodesEvents()[evtName];
    if (elt.addEventListener) {  
			 if(pId == 'key'){
				elt.addEventListener(debutEvent + evtName, caseKeyDown, false);
				elt.addEventListener(debutEvent + evtName, caseKeyUp, false);
			}else{
	         elt.addEventListener(debutEvent + evtName, function(){
					TKCORE.prototype.selectEventFunction(elt, pId, eventTK);
					}, false);  
				}
    } else if (elt.attachEvent) { 			
			if(pId == 'key'){
				elt.attachEvent(debutEvent + evtName, caseKeyDown);
				elt.attachEvent(debutEvent + evtName, caseKeyUp);
			}else{
		         elt.attachEvent(debutEvent + evtName, function(){
						TKCORE.prototype.selectEventFunction(elt, pId, eventTK);
					}
				 );  
			 }
     }  
}//end		

/* -- HELP BUTTON EVENTS -- */
/**
*
*/
TKCORE.prototype.mouseDownHelp = function() {

	}//end
/**
*
*/	
TKCORE.prototype.mouseOutHome = function() {		
								
	}//end
/**
*
*/		
TKCORE.prototype.mouseOutBack = function(){		
			 							
	}//end 
/**
*
*/	
TKCORE.prototype.mouseOverHelp = function() {		
		
	}//end			
/**
*
*/	
TKCORE.prototype.mouseOutHelp = function() {
											
	}//end	
/* -- CLOSE BUTTON EVENTS -- */
/**
*
*/
TKCORE.prototype.mousedownButton = function(){
		
	}//end
/**
*
*/
 TKCORE.prototype.mouseOverButton = function(){
				
	}//end
/**
*
*/		
TKCORE.prototype.mouseOutButton = function(){
	 							
	}//end
/**
*
*/	
TKCORE.prototype.mouseDownClose = function(){
		
	}//end
/**
*
*/	
TKCORE.prototype.mouseOverClose = function() {
		
	}//end						
/**
*
*/	
TKCORE.prototype.mouseOutClose = function() {
		
	}//end   
/**
*
*/
TKCORE.prototype.showHelp = function(){
	
}

TKCORE.prototype.hideHelp = function(){
	
	}

/**
*
*/
TKCORE.prototype.caseMouseOver = function(element) {//-- on hover = true      

}//-- end function	
/*
*
*/		
TKCORE.prototype.caseMouseOut = function(element) {	

}//end function
/*
*
*/
TKCORE.prototype.caseMouseMove = function(element,e){	
		
}
  
/**
*initialise la liste des class css
*/
TKCORE.prototype.initListClassCss = function(){
		//to implemente
}//end function 
/**
*
*/
TKCORE.prototype.initAllEvents = function(){
		//to implemente
}//end function 

/** 
  * Date: 10/03/09
  * Author :  tikilabs
    */	 
	

	 var timeOut = 1000;	
	 var welcomMessage = "Bienvenue sur votre portail campus";
	 var selectedTitle = "HOME";
	 var welcomTitle = "";
	 var methodesEvents = {mouseover : 'caseMouseHover',
						   mousedown : 'caseMouseDown',
						   mouseup : 'caseMouseUp',
						   mouseout : 'caseMouseOut',
						   mousemove : 'caseMouseMove',
						   keydown : 'caseKeyDown'
						  };	
	 var keyCaseEvents = { 85 : 'tk1', 100 : 'tk1',
						   73 : 'tk2', 101 : 'tk2',
						   79 : 'tk3', 102 : 'tk3',
						   74 : 'tk4',  97 : 'tk4',
						   75 : 'tk5',  98 : 'tk5',
						   76 : 'tk6',  99 : 'tk6',
						   8 : 'HOME', 36 : 'HOME', 103 : 'HOME'
						}; // tableau associatif : key/case
	 
	 var mode = "level1"; 
	 var Help;	
	 var savedCssClass = {};	
	 var timer = null;
	 var selectedCaseId = null;
	 var selectedStartX = null;
	 var selectedStartY = null;
	 var selectedPivotCaseId = null;
	 var activate = false;
	 var isMouseDown = false;
	 var isPivotPressed = false;
	
	 var TKPORTAL = new TKCORE(null);



function openw(){
//alert('open');
document.getElementById('middleBlackMain').className='middleBlackMain';
document.getElementById('divbagh').className='divbagh';
}

function closew(){
document.getElementById('middleBlackMain').className='middleBlackMainclose';
document.getElementById('divbagh').className='divbaghclosed';
//alert('close');
}

function helpw(url){
document.location=url;
}


/**
*initialise la liste des class css
*/




function initListClassCss(){   
	var listClassCss = {  defaultClass : "caseDefault",
						  headerClass : "cbHeader",
						  contentClass : "cbContent",
						  footerClass : "cbFooter",
						  titleClass : "cbTitle",
						  level1Class : "cbLevel1",
						  caseEmptyClass : "caseEmpty",
						  textTitleClass : "textTitle",
						  bigTitleClass : "bigTitle",
						  caseOrangeClass : "caseOrange",
						  caseWhiteClass : "caseWhite",
						  rowClass : "row"
						 };						 
	TKPORTAL.setListeClassCss(listClassCss);	
}//end function 
/**
*methode permettant d'enregistrer les evenement aupr�s 
*de toutes les  cases
*/
function initAllEvents(){
	//boxes events
	for(var i=1; i<= TKPORTAL.BOX_NUMBER_MAX; i++){	 // added XP : <= pour la dernière case
		TKPORTAL.addEvent(document.getElementById('tk'+i), 'tk'+i, 'mouseover');
		TKPORTAL.addEvent(document.getElementById('tk'+i), 'tk'+i, 'mouseout');
		TKPORTAL.addEvent(document.getElementById('tk'+i), 'tk'+i, 'mousemove');
		TKPORTAL.addEvent(document.getElementById('tk'+i), 'tk'+i, 'mousedown');
		TKPORTAL.addEvent(document.getElementById('tk'+i), 'tk'+i, 'mouseup');		
	}
	
	
//	TKPORTAL.addEvent(document, 'key', 'keydown');	 //XP  :desactivate (13/7)
		
}//end function 
/**
*Display the menu cases
*/	
function menushowat(caseId,parentId){		
		var curMenuObj;
		var index = 0		
		var icase = 0;
		var listClassCss = TKPORTAL.getListeClassCss();
		
	 	activate = false;
	 	isPivotPressed = false;
		clearTimeout(timer);
		timer = null;	
	 	selectedCaseId = null;
	 	selectedStartX = null;
	 	selectedStartY = null;			
  
		//-- Get values from array menuid to populate the next level if any
		if(caseId == TKPORTAL.getModeMenus()['HOME'] && parentId == null){			
				mode = TKPORTAL.getModeMenus()['LEVEL1'];				
	  		    selectedTitle = "";
				
				//-- reset
				selectedPivotCaseId = null;	 
				for(var i=1; i<TKPORTAL.getNumberBox()+1; i++){
					var idCase = 'tk'+i;
					TKPORTAL.removeAddClass(idCase, listClassCss['defaultClass']);	
				
				}				
				savedCssClass=new Array(TKPORTAL.getNumberBox());
			
		}else if (caseId !=null && parentId == TKPORTAL.getModeMenus()['HOME']){		
				mode = TKPORTAL.getModeMenus()['LEVEL2'];	
				index = (parseInt(caseId)) * TKPORTAL.getNumberBox();					
		}			

		curMenuObj = TKPORTAL.getListMenus()[mode];	
		
		//alert(listClassCss['defaultClass']);
		
		TKPORTAL.setDivClassCss('caseDefaultDiv', 'defaultClass', 0, index, curMenuObj, null);
		
		TKPORTAL.setDivClassCss('cbHeaderDiv', 'headerClass', index, null, curMenuObj, null);
		
		TKPORTAL.setDivClassCss('cbContentDiv', 'contentClass', index, null, curMenuObj, mode);	
		
		TKPORTAL.setDivClassCss('cbFooterDiv', 'footerClass', index, null, curMenuObj, mode);		
		
		TKPORTAL.setDivClassCss('cbTitleDiv','titleClass' ,index, null, curMenuObj, mode);  	
		
		//document.getElementById("titleBanner").innerHTML = selectedTitle;
		
}//-- end function
/**
*events action
*/
function caseMouseHover(element) {//-- on hover = true 
    var caseId = element.id;  	
	savedCssClass[caseId] = element.className;		
    TKPORTAL.removeAddClass(element.id, TKPORTAL.listeClassCss['caseOrangeClass']);
	if ((mode == TKPORTAL.getModeMenus()['LEVEL2']) ){
	
   			TKPORTAL.addClass(element,TKPORTAL.getListeClassCss()['caseWhiteClass']);
   		}
	
    for( var j=0; j<element.getElementsByTagName('DIV').length; j++){
		   
		 if(element.getElementsByTagName('DIV')[j].className == TKPORTAL.listeClassCss['contentClass']){
				element.getElementsByTagName('DIV')[j].style.opacity = 1;
				}							   
		if (element.getElementsByTagName('DIV')[j].className == TKPORTAL.listeClassCss['footerClass']){
			    element.getElementsByTagName('DIV')[j].style.color = "#FFFFFF";
			    }
	        }			  
}//-- end function	
/*
*
*/		
function caseMouseOut(element) {
	
	
//	alert('Mousout');
	
	var caseId = element.id;

    var oldClass = 'caseDefault';//TKPORTAL.getListeClassCss()['caseDefaultClass'];	
	if(savedCssClass[caseId] && savedCssClass[caseId] != "undefined"){
		oldClass = savedCssClass[caseId];
	}	
    var selPivotId = selectedPivotCaseId;
	selectedCaseId = null;   		
	TKPORTAL.removeClass(element,element.className);
   	if ((mode == TKPORTAL.getModeMenus()['LEVEL2']) &&(selPivotId == caseId)){
	
   			TKPORTAL.addClass(element,TKPORTAL.getListeClassCss()['caseWhiteClass']);
   		}
   	else{
		TKPORTAL.addClass(element,oldClass);
   		}  		
    
}//end function
/*
*
*/
function caseMouseMove(element){	
		var stateId = 0;
		var evt;
		if((TKPORTAL.navigateur).indexOf('Microsoft') >= 0){	
			evt = event;	
		}else{		
			evt = window.Event;
		 }		
		if(mode == TKPORTAL.getModeMenus()['LEVEL1']){
			stateId = element.id.charAt(2) - 1;
			selectedCaseId = null;
			//showContextHelp(stateId);
		}else if(mode  == TKPORTAL.getModeMenus()['LEVEL2']){
			
			stateId = element.getElementsByTagName('DIV')[2].id;
			stateId = stateId.substr(5,stateId.length);
			stateId = parseInt(stateId)-6;			
			//showContextHelp(stateId);
			
			//-- Applied only to case pivot
			var caseId = element.id;			
			if(selectedPivotCaseId == caseId){
				
				if(isMouseDown){					
					//-- On hover over selected pivot case
					if(selectedCaseId == null || selectedCaseId != stateId){
						selectedCaseId = stateId;
						selectedStartX = evt.clientX;
						selectedStartY = evt.clientY;	
						activate = true;																
					}
					else{				
						var pX = 70;
						var pY = 70;
						
						if((evt.clientX - selectedStartX >=pX) || (selectedStartX - evt.clientX >=pX)
								|| (evt.clientY - selectedStartY >=pY) || (selectedStartY - evt.clientY >=pY) 
							){						
								activate = true;		
						  		removeAddClass(element.id, TKPORTAL.getListeClassCss()['caseOrangeClass']);	 
	                            for( var j=0;j<element.getElementsByTagName('DIV').length;j++){			   
						            if(element.getElementsByTagName('DIV')[j].className == TKPORTAL.getListeClassCss()['contentClass']){						
										element.getElementsByTagName('DIV')[j].style.opacity=1;						
							        }
		                        }								
								
						}				
					}
				}
			}				
			if(!isMouseDown){
   	 			//-- Activate timer if mouse is not hold down
				clearTimeout(timer);
				timer = setTimeout(function(){ 
									menushowat(TKPORTAL.getModeMenus()['HOME'],null);
								},TKPORTAL.getTimeOut());   	 				
			}	
		}	
}//end function
/*
*
*/
function caseMouseDown(element){	
		isMouseDown = true;//-- indicate that mouse is hold down
	 
		if(mode == TKPORTAL.getModeMenus()['LEVEL1']){//-- Go to level 2 if at level 1
			selectedPivotCaseId = element.id;//-- pivot case
	        var obj=TKPORTAL.getListMenus()[mode];
			var hasurl=	obj[parseInt(element.id.charAt(2)-1)].url;
			if (!hasurl){
			menushowat(element.id.charAt(2)-1,TKPORTAL.getModeMenus()['HOME']);			
			TKPORTAL.removeAddClass(element.id, TKPORTAL.getListeClassCss()['caseWhiteClass']);	
			}
			else {
				document.location.href = hasurl;

			}
				
				
		}		
		else if(mode == TKPORTAL.getModeMenus()['LEVEL2']){//-- deactivate go back timer if mousedown on level 2
			clearTimeout(timer);
			timer = null;
			
			TKPORTAL.removeAddClass(element.id, TKPORTAL.getListeClassCss()['caseOrangeClass']);
		}
}//end function
/**
*
*/
function caseMouseUp(element){		
		isMouseDown = false;			
	
	//alert(mode);
	
		if(mode == TKPORTAL.getModeMenus()['LEVEL2']){		
			var caseId = element.id;
    		var stateId = element.getElementsByTagName('DIV')[2].id;
			stateId = stateId.substr(5,stateId.length);	

			if((activate == true || isPivotPressed == true) && (selectedPivotCaseId == caseId)){//-- pivot case					
				TKPORTAL.gotoURL(stateId);				
			}else if (selectedPivotCaseId == caseId){				
				isPivotPressed = true;
				clearTimeout(timer);
				timer = setTimeout(function(){menushowat(TKPORTAL.getModeMenus()['HOME'],null);}
									, TKPORTAL.getTimeOut());			
					}
			else{//-- normal cases						
				TKPORTAL.gotoURL(stateId);
			}				
			
		}		
	
		else {
		
	//	TKPORTAL.gotoURL(stateId);
		
		}
	
	
	
}//end
/**
*methode qui g�re l'event : keydown des touches clavier
*/
function caseKeyDown(pEvent){		
		var wkey;
		if ( typeof pEvent == "undefined" ){ 
			pEvent = window.event;			
		}
		if (document.layers ){
			wkey = pEvent.which;
		}else{
			wkey = pEvent.keyCode;
		}		
		if ( keyCaseEvents[wkey]  && keyCaseEvents[wkey] != "undefined"){				
			var element = document.getElementById(keyCaseEvents[wkey]);
			if(mode == TKPORTAL.getModeMenus()['LEVEL1']){
				selectedCaseId = null;
			}
			stateId = element.id.charAt(2) - 1;
			//showContextHelp(stateId);
			caseMouseHover(element);
			caseMouseDown(element);
			clearTimeout(timer);
			timer = setTimeout(function(){menushowat(TKPORTAL.getModeMenus()['HOME'],null);}
									, TKPORTAL.getTimeOut());
		}		
}//end function
/**
*methode qui g�re l'event : keyup des touches clavier
*/
function caseKeyUp(pEvent){
    	var wkey;
		if ( typeof pEvent == "undefined" ){ 
			pEvent = window.event;			
		}
		if (document.layers ){
			wkey = pEvent.which;
		}else{
			wkey = pEvent.keyCode;
		}		
		if ( keyCaseEvents[wkey]  && keyCaseEvents[wkey] != "undefined"){	
			var id = keyCaseEvents[wkey];
			if(id == 'HOME'){			
				menushowat(TKPORTAL.getModeMenus()['HOME'],null);					
			 }else{						
				caseMouseUp(document.getElementById(id));	
			 }
		}
}//end function	
/**
*events action
*/
function mouseMoveHtml(){				
		if(mode == TKPORTAL.getModeMenus()['LEVEL2'] && !isMouseDown){
  	 		//-- Activate timer
  	 		clearTimeout(timer);
			timer = setTimeout(function(){ menushowat(TKPORTAL.getModeMenus()['HOME'],null);}
								,TKPORTAL.getTimeOut());   	 				
  	 	}	
    }// end function
/**
*-- html mouse up function
*/
function mouseUpHtml(){	
		isMouseDown = false;  
		if(timer == null){
			//-- Activate timer
		clearTimeout(timer);
		timer = setTimeout(function(){ menushowat(TKPORTAL.getModeMenus()['HOME'],null);}
							,TKPORTAL.getTimeOut());		
		}		  
    }//end		
/**
*
*/	
function mouseUpBlackBG(){	
        if (mode == TKPORTAL.getModeMenus()['LEVEL2']){
			menushowat(TKPORTAL.getModeMenus()['HOME'],null);//back to level1
		}
	}//end  
/* -- HOME BUTTON EVENTS -- */	
function mouseOverHome() {
			if(mode != TKPORTAL.getModeMenus()['LEVEL1']){
				TKPORTAL.removeAddClass('Home', TKPORTAL.getListeClassCss()['homeHoverClass']);
	 		}						
	}//end	
/**
*
*/
function mouseDownHome() {	
        if(mode!= TKPORTAL.getModeMenus()['LEVEL1']){
			TKPORTAL.removeAddClass(document.getElementById('Home'), TKPORTAL.getListeClassCss()['homePushedClass']);		
			TKPORTAL.hideHelp();
			menushowat(TKPORTAL.getModeMenus()['HOME'],null);	
	        TKPORTAL.removeAddClass(document.getElementById('Home'),TKPORTAL.getListeClassCss()['homeNormalClass']);							 
		    }
    }//end	
/* -- BACK BUTTON EVENTS -- */	
/**
*
*/
function mouseDownBack(){
		if (mode == 'help') {
			document.location="index.php";
		}
		if(mode == TKPORTAL.getModeMenus()['LEVEL2']){
            TKPORTAL.removeAddClass('Back', TKPORTAL.getListeClassCss()['backPushedClass']);		
			menushowat(TKPORTAL.getModeMenus()['HOME'],null);
			TKPORTAL.removeAddClass('Back', TKPORTAL.getListeClassCss()['backNormalClass']);	
		}					 
}//end	


function addJurl(url){var head = document.getElementsByTagName('head')[0];

           var script = document.createElement('link');
		   script.setAttribute('type','text/css');
               script.setAttribute('href',url);script.setAttribute('rel','stylesheet');
			   head.appendChild(script); }
/**
*
*/	
function mouseOverBack(){
	if(mode != TKPORTAL.getModeMenus()['LEVEL1']){
		TKPORTAL.removeAddClass('Back', TKPORTAL.getListeClassCss()['backHoverClass']);
	 }						
}//end

/**
*
*/
function showContextHelp(caseId){			
		var curMenuObj;
		if(mode != TKPORTAL.getModeMenus()['HOME']){		
			curMenuObj = TKPORTAL.getListMenus()[mode];	 					
		}
        document.getElementById('textBelow').innerHTML="<br>"+curMenuObj[caseId].help;
	    selectedTitle = "<div class=iconTitle id=logo"+caseId+" ></div><div class=textTitle> "+ curMenuObj[caseId].help+"</div>"; // modified by XP : added button
	 }
/**
* initialise les menus, le cache et les css
*/
function initPortalTkData(){	
	initListClassCss();					
	TKPORTAL.setTimeOut(timeOut);
	TKPORTAL.setMethodesEvents(methodesEvents);
	TKPORTAL.setListMenus(tikiMenusJson.menuJsonObj);  	
	TKPORTAL.initCacheMenus();		 	
 }//end function
 
 /**
*methode principale qui permet de d'initialiser toutes les donn�es n�cessaires
*/
function initAndLoadPortalTkData(){		
		initPortalTkData();			
		menushowat(TKPORTAL.getModeMenus()['HOME'] ,null);	
		initAllEvents();
	}//end function




addJurl('http://widget.tikilabs.com/oncuisine//css/global_widget.css');


addJurl('http://widget.tikilabs.com/oncuisine//css/widget.css');




var html='<div class=\"divbagh\" id=\"divbagh\">	 				<div id=\"topLayer\" class=\"topLayer\">				<span id=\"powered\" class=\"powered\">		<a href=\'http://www.tiki6keys.com\'><img border=\"0\" src=\"http://widget.tikilabs.com/oncuisine/images/powered.png\"></a>		</span>	<span id=\"buttonbar\" class=\"buttonbar\">		<a href=\"javascript:openw();\"><img border=\"0\" src=\"http://widget.tikilabs.com/oncuisine/images/button_up.png\"></a>		<a href=\"javascript:closew();\"><img border=\"0\" src=\"http://widget.tikilabs.com/oncuisine/images/button_d.png\"></a>		<a href=\"javascript:helpw(\'http://www.oncuisine.com/touchcompatible.html\');\"><img border=\"0\" src=\"http://widget.tikilabs.com/oncuisine/images/help.png\"></a>	</span>		</div>			<div id=\"blackBG\"  class=\"blackBG\">			<div id=\"leftBlack\" class=\"leftBlack\">								<div id=\"titleBanner\" class=\"titleBanner\">					<a href=\"http://www.oncuisine.com/touchcompatible.html\"><img height=\"56\" src=\"http://widget.tikilabs.com/oncuisine/images/touchcompatible.png\"></a>					</div>			</div>		</div>		  		  <!-- debut middleBlackMain -->		  		<div id=\"middleBlackMain\" class=\"middleBlackMain\">				       	         <!-- debut r1 -->			 			<div class=\"row\" id=\"r1\">							<!-- debut tk1 -->								<div name=\"caseDefaultDiv\" class=\"caseDefault\" id=\"tk1\">					<div class=\"caseBox\" id=\"top\"></div>					<div class=\"caseBox\" id=\"middle\">						<div name=\"cbHeaderDiv\" class=\"cbHeader\"></div>						<div name=\"cbTitleDiv\" class=\"cbTitle\"></div>						<div name=\"cbContentDiv\" class=\"cbContent\"></div>											</div>								</div>				<!-- fin div tk1-->								<!-- debut tk2-->								<div name=\"caseDefaultDiv\" class=\"caseDefault\" id=\"tk2\">					<div class=\"caseBox\" id=\"top\"></div>					<div class=\"caseBox\" id=\"middle\">						<div name=\"cbHeaderDiv\"   class=\"cbHeader\"></div>						<div name=\"cbTitleDiv\"    class=\"cbTitle\"></div>						<div name=\"cbContentDiv\"  class=\"cbContent\"></div>											</div>								</div>								<!-- fin div tk2-->								<!-- debut tk3-->						<div name=\"caseDefaultDiv\" class=\"caseDefault\" id=\"tk3\">					<div class=\"caseBox\" id=\"top\"></div>					<div class=\"caseBox\" id=\"middle\">						<div name=\"cbHeaderDiv\" class=\"cbHeader\"  ></div>						<div name=\"cbTitleDiv\" class=\"cbTitle\"  ></div>						<div name=\"cbContentDiv\"  class=\"cbContent\" ></div>											</div>										</div>								<!-- fin div tk3-->								</div>			<!-- fin div r1-->				        <!-- debut div r2-->		    <div class=\"row\" id=\"r2\">						<!-- debut tk4-->								<div name=\"caseDefaultDiv\" class=\"caseDefault\" id=\"tk4\">					<div class=\"caseBox\" id=\"top\"></div>					<div class=\"caseBox\" id=\"middle\">						<div name=\"cbHeaderDiv\" class=\"cbHeader\"  ></div>						<div name=\"cbTitleDiv\" class=\"cbTitle\"  ></div>						<div name=\"cbContentDiv\"  class=\"cbContent\" ></div>											</div>									</div>				<!-- fin tk4 -->								<!-- debut tk5-->								<div name=\"caseDefaultDiv\" class=\"caseDefault\" id=\"tk5\">					<div class=\"caseBox\" id=\"top\"></div>					<div class=\"caseBox\" id=\"middle\">						<div name=\"cbHeaderDiv\" class=\"cbHeader\"  ></div>						<div name=\"cbTitleDiv\" class=\"cbTitle\"  ></div>						<div name=\"cbContentDiv\"  class=\"cbContent\" ></div>											</div>									</div>						    <!-- fin tk5-->								<!-- debut tk6-->							<div name=\"caseDefaultDiv\" class=\"caseDefault\" id=\"tk6\"><div class=\"caseBox\" id=\"top\"></div>					<div class=\"caseBox\" id=\"middle\">						<div name=\"cbHeaderDiv\" class=\"cbHeader\"  ></div>						<div name=\"cbTitleDiv\" class=\"cbTitle\"  ></div>						<div name=\"cbContentDiv\"  class=\"cbContent\" ></div>					</div>																					</div>				<!-- fin tk6-->		    </div>            <!-- fin  div r2-->			      						<!-- fin middleBlackMain -->		</div>		<div id=\"lowerLayer\" class=\"lowerLayer\">			<div id=\"puce\"><a href=\"http://www.oncuisine.com/article/le-raisin-la-cure-minceur-de-la-rentr-e.html\" ><span class=\"annonce\"> Le raisin : </span><span class=\"post_annonce\">La cure minceur de la rentrée !</span></a></div>			<div id=\"puce\"><a href=\"http://www.oncuisine.com/article/la-rolls-des-p-tes-tartiner.html\" ><span class=\"annonce\">A déguster : </span><span class=\"post_annonce\">La rolls des pâtes à tartiner</span></a></div>			<div id=\"puce\"><a href=\"http://www.oncuisine.com/article/musique-et-cuisine-les-coqs-en-p-te.html\"><span class=\"annonce\"> Bon plan resto : </span><span class=\"post_annonce\">Les cOqs en pÂtes</span></a></div>		</div></div>';
document.getElementById("tikiwidget").innerHTML = html;
window.onload = function() { initAndLoadPortalTkData();}
window.onunload = function() { };