var ActiveLink="main_menu_link_index";
var ajaxResponseDiv = null;
var ajaxResponseTekst = null;
var isLoading = false;

window.onload = onPageLoad;

function onPageLoad() {
	
	var y = document.getElementsByTagName('a');
	for (var i=0;i<y.length;i++){
		if(y[i].className != "external" && y[i].className != "webdesign_link" && y[i].className != "annoncor_link"){
			
			y[i].onclick = function(){
				linkClick(this);
				if (keyPress=true){
					y.className= 'mailbox_list_item';
				}
				return false;
			}
			y[i].onmouseover = function(){
				linkOnMouseOver(this);
			}
			y[i].onmouseout = function(){
				linkOnMouseOut(this);
			}
		}
	}
	/*------Image Preloader init----------*/
	
	
	/*---preload end---------*/	
}

/* All click events for links */

function linkClick(objLink){
	
	var preload=false;
	var targetPage = objLink.href.substring(objLink.href.indexOf("page_id=")+8);
	var linkURL = "content_"+objLink.href.substring(objLink.href.indexOf("page_id=")+8)+".php"
	var linkTarget = "ajax_content";
	
	switch(objLink.className){
		case "external":
			return true;
			break;
		case "main_menu_link_index":
			
			var mouseOutLink="";
			if(objLink.id!=ActiveLink) {
				//We have an active link - store it in mouseOutLink for future reference
				mouseOutLink=ActiveLink;
			}
			
			//Set new active link
			ActiveLink=objLink.id;
			
			//Did we have an active link before? - if so, fade it out (reference in mouseOutLink)
			if(mouseOutLink!="")
				linkOnMouseOut(document.getElementById(mouseOutLink));
			break;
			
		case "main_menu_link":
		
			//Check whether we have an active link
			var mouseOutLink="";
			if(ActiveLink!="main_menu_link_index" && objLink.id!=ActiveLink) {
				//We have an active link - store it in mouseOutLink for future reference
				mouseOutLink=ActiveLink;
			}
			
			//Set new active link
			ActiveLink=objLink.id;
			
			//Did we have an active link before? - if so, fade it out (reference in mouseOutLink)
			if(mouseOutLink!="")
				linkOnMouseOut(document.getElementById(mouseOutLink));
			break;
		case "sub_menu_link":
			linkURL = "content_"+objLink.href.substring(objLink.href.indexOf("sub_menu=")+9)+".php";
			linkTarget="content_top";
			break;
		case "partner_logind":
			overlayIn(0);
			break;
		case "p_logind_cancel":
			overlayOut(0);
			break;
	}
	
	switch(targetPage){
		case "webdesign":
			aImg = ["images/webdesign/main_bar_right.png", "images/gui/content.png", "images/gui/content_top.png", "images/gui/content_bottom_2.png", "images/webdesign/webdesign_thumb_cognitiveconsulting.png", "images/webdesign/webdesign_thumb_smagslog.png", "images/webdesign/webdesign_thumb_bossman.png", "images/webdesign/webdesign_thumb_youthsig.png", "images/webdesign/webdesign_thumb_m4h.png", "images/webdesign/webdesign_thumb_focusconsulting.png"];
			preload=true;
			break;
		case "annoncor":
			aImg = ["images/annoncor/main_bar_right.png", "images/gui/content.png", "images/gui/content_top.png", "images/gui/content_bottom_2.png", "images/annoncor/annoncor_thumb_hotflirt.png", "images/annoncor/annoncor_thumb_xite.png", "images/annoncor/annoncor_thumb_bossman.png", "images/annoncor/annoncor_thumb_shoppestedet.png", "images/annoncor/annoncor_thumb_gatstart.png", "images/annoncor/annoncor_thumb_hotmobil.png", "images/annoncor/annoncor_thumb_hotblogs.png", "images/annoncor/annoncor_thumb_devilders.png"];
			preload=true;
			break;
		case "profil":
			aImg = ["images/profil/main_bar_right1.png", "images/gui/postit.png", "images/gui/content.png", "images/gui/content_top.png", "images/gui/content_bottom_2.png"];
			preload=true;
			break;
	}
	if(objLink.className!="partner_logind" && objLink.className!="p_logind_cancel"){
		ajaxpage(linkURL, linkTarget, preload);
	}
}

function showLoadScreen(){
	
	if(isLoading){
		document.getElementById('loading').style.display = 'block';
	}
}

function linkOnMouseOver(objLink){
	if(objLink.id==ActiveLink) return;
	switch(objLink.className){
		case "main_menu_link":
			mainMenuActivate(objLink, 136);
			break;
	}
}

function linkOnMouseOut(objLink){
	if(objLink.id==ActiveLink) return;
	switch(objLink.className){
		case "main_menu_link":
			mainMenuDeActivate(objLink, 0);
			break;
	}
}		

/* mainmenu onmouseover-out animation */

function mainMenuActivate(objLink, position) {
	
	if (position > 0) {	
		
		position-= 17;
		objLink.parentNode.style.backgroundPosition='0px ' + position + 'px';
		setTimeout("mainMenuActivate(document.getElementById('" + objLink.id + "'), "+ position +");",1);
	}
}

function mainMenuDeActivate(objLink, position) {
	
	if (position < 136) {	
		
		position+= 17;
		objLink.parentNode.style.backgroundPosition='0px ' + position + 'px';
		setTimeout("mainMenuDeActivate(document.getElementById('" + objLink.id + "'), "+ position +");",1);
	}
}

function overlayIn(overlayTal) {
	
	overlayDiv1 = document.getElementById('overlay_1');
	overlayDiv2 = document.getElementById('overlay_2');
	overlayDiv3 = document.getElementById('overlay_3');
	document.getElementById('overlay_4').style.visibility = 'visible';
	
		switch(overlayTal){
			case 2:
				overlayDiv3.style.visibility = 'visible';
				break;
			case 1:
				overlayDiv2.style.visibility = 'visible';
			case 0:
				overlayDiv1.style.visibility = 'visible';
			default:
				overlayTal+=1;
				setTimeout("overlayIn(" + overlayTal + ");",30);
	}
}

function overlayOut(overlayTal) {
	
	overlayDiv1 = document.getElementById('overlay_1');
	overlayDiv2 = document.getElementById('overlay_2');
	overlayDiv3 = document.getElementById('overlay_3');
	document.getElementById('overlay_4').style.visibility = 'hidden';
	
		switch(overlayTal){
			case 2:
				overlayDiv1.style.visibility = 'hidden';
				break;
			case 1:
				overlayDiv2.style.visibility = 'hidden';
			case 0:
				overlayDiv3.style.visibility = 'hidden';
			default:
				overlayTal+=1;
				setTimeout("overlayOut(" + overlayTal + ");",20);
	}
}
/*function overlay(overlayTal) {
	
	overlayDiv = document.getElementById('overlay');
	
		switch(overlayTal){
			case 3:
				break;
			case 0:
				overlayDiv.style.visibility = 'visible';
			default:
			overlayTal+=1;
			overlayDiv.style.background = 'url("images/gui/overlay_' +overlayTal+ '.png") repeat';
			setTimeout("overlay(" + overlayTal + ");",3000);
	}
}*/

// Ajax delen

function ajaxpage(url, containerId, preload){	

	if(preload){
		isLoading = true;
		setTimeout("showLoadScreen();", 200);
	}
  var page_request = false
  if (window.XMLHttpRequest) // if Mozilla, Safari etc
    page_request = new XMLHttpRequest()
  else if (window.ActiveXObject){ // if IE
    try {
      page_request = new ActiveXObject("Msxml2.XMLHTTP")
    } 
    catch (e){
      try{
        page_request = new ActiveXObject("Microsoft.XMLHTTP")
      }
      catch (e){}
    }
  }
  else
    return false

  page_request.onreadystatechange=function(){
    myReadyState=page_request.readyState;

    if(page_request.readyState==4) loadpage(page_request, containerId, preload)
  }

  page_request.open('GET', url, true)
  page_request.send(null)

}

function loadpage(page_request, containerId, preload){
  if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
    
	if(preload){
		ajaxResponseDiv = containerId;
		ajaxResponseText = page_request.responseText;
		ip = new ImagePreloader(aImg, onPreload);
	}else{
    	document.getElementById(containerId).innerHTML=page_request.responseText;
		onPageLoad();
	}
  }
 }