window.onload = init;

var windowHeight;
//window.onresize = setImage;
var addToMenu=false;
function init(){
    //for background gradient Image
    windowHeight = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight);
    
   
    if( windowHeight < (document.getElementById('mainContainer').offsetHeight+25)){
      
        document.getElementById('background').style.height= (document.getElementById('mainContainer').offsetHeight+50)+'px';
    // document.getElementById('test').innerHTML =(document.getElementById('mainContainer').offsetHeight+25)+'px';
		addToMenu=true;
		setupNav();
    } else{
        document.getElementById('background').style.height="100%";
		addToMenu=false;
		
		setupNav();
    }
	
	 

    //hints Page
     if(document.getElementById("hintsID") != null){
         setPage('hints', 1);
     }
     //links Page
     if(document.getElementById("linksID") != null){
         setPage('links', 1);
     }
	  //news Page
     if(document.getElementById("newsID") != null){
         setPage('news', 1);
     }
	 addEvent(document.getElementById("mainContent"), "mouseover", function() {
		vewSub(0);
		
		}
		);
	

	preloadImages();

}




/*
	Preloads the images 
	

*/ 
var countNEXT=0;
var images = new Array();
images[0]='images/Home/LightboxImages/About.png';
images[1]='images/Home/LightboxImages/Mission.png';
images[2]='images/Home/LightboxImages/contact.png';

function preloadImages(){

	 var cat = new Image();
	  cat.src =images[countNEXT];
	  if(countNEXT == 2){
		 cat.onload = function() {
			

		}
	  }else{
	   cat.onload =preloadImages;
	    countNEXT++;
	  }
	 
  }

/* Add window resize event listener for background gradient Image
      * so it always fills the height of the screen regardeless of the height of the content
      *
      */
addEvent(window, "resize", function() {
    if(windowHeight< (document.getElementById('mainContainer').offsetHeight+25)){
        document.getElementById('background').style.height= (document.getElementById('mainContainer').offsetHeight+50)+'px';
    }else{
        document.getElementById('background').style.height="100%";
    }
}
);

addEvent(window, "resize", function() {setupNav();});


function addEvent(elem, type, eventHandle) {
    if (elem == null || elem == undefined) return;
    if ( elem.addEventListener ) {
        elem.addEventListener( type, eventHandle, false );
    } else if ( elem.attachEvent ) {
        elem.attachEvent( "on" + type, eventHandle );
    }
}
function setImage(){


}

function showMore(num){
    var n = num;

    document.getElementById('smallBox_'+n).style.display='none';
    document.getElementById('largeBox_'+n).style.display='block';
}
function hideMore(num){

    var n = num;
    document.getElementById('smallBox_'+n).style.display='block';
    document.getElementById('largeBox_'+n).style.display='none';
}

function showMore2(num){
    var n = num;
    document.getElementById('smallBox2_'+n).style.display='none';
    document.getElementById('largeBox2_'+n).style.display='block';
    document.getElementById('background').style.height= (document.getElementById('mainContainer').offsetHeight+50)+'px';
}
function hideMore2(num){

    var n = num;
    document.getElementById('smallBox2_'+n).style.display='block';
    document.getElementById('largeBox2_'+n).style.display='none';
    document.getElementById('background').style.height="100%";
    document.getElementById('background').style.height= (document.getElementById('mainContainer').offsetHeight+50)+'px';
}

/* ---- AJAX  ----*/

/**
 * Enables and Disables the continue button
 *
 *
 */
function setPage(category, num){



    var xhr = getXhr();
    xhr.onreadystatechange = function(){

        if(xhr.readyState == 4 && xhr.status == 200){
            var leselect = xhr.responseText;
		//alert('whahtohr');
               var separator ='~';

		var results = leselect.split(separator);
                //alert(results.length);
           

                
               document.getElementById("hintsBox").innerHTML = results[0];
               document.getElementById("pageBox").innerHTML = results[1];
    
            
			 windowHeight = (typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight);
    
   
    if( windowHeight < (document.getElementById('mainContainer').offsetHeight+25)){
      
        document.getElementById('background').style.height= (document.getElementById('mainContainer').offsetHeight+50)+'px';
    // document.getElementById('test').innerHTML =(document.getElementById('mainContainer').offsetHeight+25)+'px';
    } else{
        document.getElementById('background').style.height="100%";
    }


        }
    }
    xhr.open("POST","includes/hintsAjax.php",true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send("page="+num+"&category="+category);


}

/*
 * description: takes care of creating the XMLHttpRequest object
 *            returns: the XMLHttpRequest object if it was successfully created
 *  or
 *  returns: false if the object was unsuccessfully created
 */
function getXhr(){
    var xhr = null;
    if(window.XMLHttpRequest){ // Firefox et autres
        xhr = new XMLHttpRequest();
    }
    else if(window.ActiveXObject){ // Internet Explorer
        try{
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    else { // XMLHttpRequest non support par le navigateur
        alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
        xhr = false;
    }
    return xhr;
}


/*
	nav drop down handling
*/

function setupNav(){
	
if(document.getElementById('menuHome') != null){
var mX = document.getElementById('menuHome').offsetLeft;
var mY = document.getElementById('menuHome').offsetTop;
document.getElementById('subMenu1').style.top= (mY+45)+'px';
document.getElementById('subMenu1').style.left= mX+'px';


mX = document.getElementById('menuAbout').offsetLeft;
mY = document.getElementById('menuAbout').offsetTop;
document.getElementById('subMenu2').style.top= (mY+45)+'px';
document.getElementById('subMenu2').style.left= mX+'px';

mX = document.getElementById('menuServ').offsetLeft;
mY = document.getElementById('menuServ').offsetTop;
document.getElementById('subMenu3').style.top= (mY+45)+'px';
document.getElementById('subMenu3').style.left= mX+'px';



mX = document.getElementById('menuTeam').offsetLeft;
mY = document.getElementById('menuTeam').offsetTop;
document.getElementById('subMenu4').style.top= (mY+45)+'px';
document.getElementById('subMenu4').style.left= mX+'px';



mX = document.getElementById('menuHints').offsetLeft;
mY = document.getElementById('menuHints').offsetTop;
document.getElementById('subMenu5').style.top= (mY+45)+'px';
document.getElementById('subMenu5').style.left= mX+'px';



mX = document.getElementById('menuLinks').offsetLeft;
mY = document.getElementById('menuLinks').offsetTop;
document.getElementById('subMenu6').style.top= (mY+45)+'px';
document.getElementById('subMenu6').style.left= mX+'px';



mX = document.getElementById('menuContact').offsetLeft;
mY = document.getElementById('menuContact').offsetTop;
document.getElementById('subMenu7').style.top= (mY+45)+'px';
document.getElementById('subMenu7').style.left= mX+'px';

}else{
	
var mX = document.getElementById('menuHome_fr').offsetLeft;
var mY = document.getElementById('menuHome_fr').offsetTop;
document.getElementById('subMenu1').style.top= (mY+45)+'px';
document.getElementById('subMenu1').style.left= mX+'px';


mX = document.getElementById('menuAbout_fr').offsetLeft;
mY = document.getElementById('menuAbout_fr').offsetTop;
document.getElementById('subMenu2').style.top= (mY+45)+'px';
document.getElementById('subMenu2').style.left= mX+'px';

mX = document.getElementById('menuServ_fr').offsetLeft;
mY = document.getElementById('menuServ_fr').offsetTop;
document.getElementById('subMenu3').style.top= (mY+45)+'px';
document.getElementById('subMenu3').style.left= mX+'px';



mX = document.getElementById('menuTeam_fr').offsetLeft;
mY = document.getElementById('menuTeam_fr').offsetTop;
document.getElementById('subMenu4').style.top= (mY+45)+'px';
document.getElementById('subMenu4').style.left= mX+'px';



mX = document.getElementById('menuHints_fr').offsetLeft;
mY = document.getElementById('menuHints_fr').offsetTop;
document.getElementById('subMenu5').style.top= (mY+45)+'px';
document.getElementById('subMenu5').style.left= mX+'px';



mX = document.getElementById('menuLinks_fr').offsetLeft;
mY = document.getElementById('menuLinks_fr').offsetTop;
document.getElementById('subMenu6').style.top= (mY+45)+'px';
document.getElementById('subMenu6').style.left=mX+'px';



mX = document.getElementById('menuContact_fr').offsetLeft;
mY = document.getElementById('menuContact_fr').offsetTop;
document.getElementById('subMenu7').style.top= (mY+45)+'px';
document.getElementById('subMenu7').style.left= mX+'px';
	
}


}
/*
	nav drop down handling
*/

function setupNav2(){
	
if(document.getElementById('menuHome') != null){
var mX = document.getElementById('menuHome').offsetLeft;
var mY = document.getElementById('menuHome').offsetTop;
document.getElementById('subMenu1').style.top= (mY+45)+'px';
document.getElementById('subMenu1').style.left= (mX+8)+'px';


mX = document.getElementById('menuAbout').offsetLeft;
mY = document.getElementById('menuAbout').offsetTop;
document.getElementById('subMenu2').style.top= (mY+45)+'px';
document.getElementById('subMenu2').style.left= (mX+8)+'px';

mX = document.getElementById('menuServ').offsetLeft;
mY = document.getElementById('menuServ').offsetTop;
document.getElementById('subMenu3').style.top= (mY+45)+'px';
document.getElementById('subMenu3').style.left= (mX+8)+'px';



mX = document.getElementById('menuTeam').offsetLeft;
mY = document.getElementById('menuTeam').offsetTop;
document.getElementById('subMenu4').style.top= (mY+45)+'px';
document.getElementById('subMenu4').style.left= (mX+8)+'px';



mX = document.getElementById('menuHints').offsetLeft;
mY = document.getElementById('menuHints').offsetTop;
document.getElementById('subMenu5').style.top= (mY+45)+'px';
document.getElementById('subMenu5').style.left= (mX+8)+'px';



mX = document.getElementById('menuLinks').offsetLeft;
mY = document.getElementById('menuLinks').offsetTop;
document.getElementById('subMenu6').style.top= (mY+45)+'px';
document.getElementById('subMenu6').style.left= (mX+8)+'px';



mX = document.getElementById('menuContact').offsetLeft;
mY = document.getElementById('menuContact').offsetTop;
document.getElementById('subMenu7').style.top= (mY+45)+'px';
document.getElementById('subMenu7').style.left= (mX+8)+'px';

}else{
	
var mX = document.getElementById('menuHome_fr').offsetLeft;
var mY = document.getElementById('menuHome_fr').offsetTop;
document.getElementById('subMenu1').style.top= (mY+45)+'px';
document.getElementById('subMenu1').style.left= (mX+8)+'px';


mX = document.getElementById('menuAbout_fr').offsetLeft;
mY = document.getElementById('menuAbout_fr').offsetTop;
document.getElementById('subMenu2').style.top= (mY+45)+'px';
document.getElementById('subMenu2').style.left= (mX+8)+'px';

mX = document.getElementById('menuServ_fr').offsetLeft;
mY = document.getElementById('menuServ_fr').offsetTop;
document.getElementById('subMenu3').style.top= (mY+45)+'px';
document.getElementById('subMenu3').style.left= (mX+8)+'px';



mX = document.getElementById('menuTeam_fr').offsetLeft;
mY = document.getElementById('menuTeam_fr').offsetTop;
document.getElementById('subMenu4').style.top= (mY+45)+'px';
document.getElementById('subMenu4').style.left= (mX+8)+'px';



mX = document.getElementById('menuHints_fr').offsetLeft;
mY = document.getElementById('menuHints_fr').offsetTop;
document.getElementById('subMenu5').style.top= (mY+45)+'px';
document.getElementById('subMenu5').style.left= (mX+8)+'px';



mX = document.getElementById('menuLinks_fr').offsetLeft;
mY = document.getElementById('menuLinks_fr').offsetTop;
document.getElementById('subMenu6').style.top= (mY+45)+'px';
document.getElementById('subMenu6').style.left=(mX+8)+'px';



mX = document.getElementById('menuContact_fr').offsetLeft;
mY = document.getElementById('menuContact_fr').offsetTop;
document.getElementById('subMenu7').style.top= (mY+45)+'px';
document.getElementById('subMenu7').style.left= (mX+8)+'px';
	
}


}

/*
	view sub
*/

function  vewSub(num){
	hideSubs();	
	if(num != 0){
	document.getElementById('subMenu'+num).style.display='block';
	}
}

/*
	view sub
*/

function  hideSubs(){
	document.getElementById('subMenu1').style.display='none';
	document.getElementById('subMenu2').style.display='none';
	document.getElementById('subMenu3').style.display='none';
	document.getElementById('subMenu4').style.display='none';
	document.getElementById('subMenu5').style.display='none';
	document.getElementById('subMenu6').style.display='none';
	document.getElementById('subMenu7').style.display='none';
	setupNav();
	
}