//begin dropdown menu
var timeOutDelay = 10;
var timeOuts = Array();

var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var currentPage = '0';
var sended = 'on';

var currentSubPage = "0";

function showSubMenu(id, lang) {
  clearTimeout(timeOuts[id]);
  document.getElementById(id).style.display = "block";
  
  if(id != "subMenu3"){
    hideSubMenu("subMenu3");
  }
  if(id != "subMenu4"){
    hideSubMenu("subMenu4");
  }
  if (lang == "NL") {
    if(id != "subMenu7"){
      hideSubMenu("subMenu7");
    }
  }
  
}
 
function closeSubMenu(id, lang) {
  if(id != ("subMenu"+currentPage)){
    timeOuts[id] = setTimeout("hideSubMenu('" + id + "');", timeOutDelay);
  }
  
  showSubMenu("subMenu"+currentPage, lang);
}
 
function hideSubMenu(id) {
  document.getElementById(id).style.display = "none";
}

//begin banners
var bannerCount = 3;

function showBanner(id) {
  document.getElementById("banner" + id).style.display = "block";
}

function hideBanners() {
  for (i = 0; i < bannerCount; i++) {
    document.getElementById("banner" + (i + 1)).style.display = "none";
  }
}

function clearFields(field,text){
  if(document.getElementById(field).value == text){
    document.getElementById(field).value = '';
  }
}

function swapImage(butId, onoff, lang){
  if(currentPage != butId){
  button = document.getElementById('but_'+butId);
  
    if(onoff == 1){
        button.src = 'images/menuOver_'+butId+'_'+lang+'.jpg';
    }else{
        button.src = 'images/menu_'+butId+'_'+lang+'.jpg';
    }
  }
}

function swapSubImage(butId, butTitle, onoff, lang){  
  if(currentSubPage != butTitle){
    subbutton = document.getElementById('subMenu_'+butTitle);
    if(onoff == 1){
        subbutton.src = 'images/subMenuOver_'+butTitle+'.jpg';
    }else{
        subbutton.src = 'images/subMenu_'+butTitle    +'.jpg';
    }
  }
}

function showDetail(detialTable, colorId){
  theTable = document.getElementById(detialTable);
  
  var brokenstring = detialTable.split('_');
  
  
  
  theArrow = document.getElementById('arrow_'+detialTable);
  
   
  if(theTable.style.display == 'none'){
    theTable.style.display = 'block';
    theArrow.src = 'images/arrowOpen_'+colorId+'.jpg';
  }
  else{
    theTable.style.display = 'none';
    theArrow.src = 'images/arrowClose_'+colorId+'.jpg';
  }
}


function ajaxpage(url, containerid, butId, data, lang, sendMethod){
  currentPage = butId;
  sended = 'on';
  urlArr = url.split("page=");
  sloganArr = urlArr[1].split("&");
  sloganID = sloganArr[0];
  if(sloganID > 15 && sloganID != 31){
    sloganID = 12;
  }
  
  sloganHolder = document.getElementById('imgSlogan');
  sloganHolder.src = 'images/slogans/'+sloganID+'_'+lang+'.jpg';  
  
  button = document.getElementById('but_'+butId);
  button.src = 'images/menuOver_'+butId+'_'+lang+'.jpg';
  
  switch(butId){
    case "1" :
     pageTracker._trackPageview('index.html');
    break;
    case "2" :
     pageTracker._trackPageview('visie.html');
    break;
    case "3" :
     pageTracker._trackPageview('oplossingen.html');    
    break;
    case "4" :
     pageTracker._trackPageview('organisatie.html');    
    break;
    case "5" :
     pageTracker._trackPageview('professionals.html');    
    break;
    
    case "6" :
     pageTracker._trackPageview('blackswan.html');    
    break;
    case "7" :
     pageTracker._trackPageview('actueel.html');    
    break;
    case "8" :
     pageTracker._trackPageview('contact.html');    
    break;
  }
  
  for(j=1; j<9; j++){
    if(j != butId){
      buttonSwap = document.getElementById('but_'+j);
      buttonSwap.src = 'images/menu_'+j+'_'+lang+'.jpg';
    }
  }
  SendDataToFlashMovie(data);
  if(url == "pages/contentPage.php?page=6&showMovie=1"){
    showDiv();
  }
  
  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(){
    loadpage(page_request, containerid)
  }
  page_request.open(sendMethod, url, true)
  
  if(sendMethod == 'POST'){
  
    obj = document.forms[2].id;
    
    formToPost = document.getElementById(obj);
    parameters = '';
    for(i=0; i < formToPost.length; i++){  
      parameters += formToPost[i].name;
      parameters += '=';
      parameters += formToPost[i].value;
      parameters += '&';
    }
    
    page_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    page_request.setRequestHeader("Content-length", parameters.length);
    page_request.setRequestHeader("Connection", "close");
    page_request.send(parameters);
    
  }  
  else{
    page_request.send(null)
  }
}

function ajaxpage2(pageId, containerid, butId, data, lang){
  currentPage = butId;
  sended = 'on';
  sloganID = pageId;
  if(sloganID > 15 && sloganID != 31){
    sloganID = 12;
  }
  //alert("test");
  //Close all submenus if the id != currentid
  if(butId == 3){
    showSubMenu("subMenu3", lang);
  } else {
    hideSubMenu("subMenu3");
  }
  if(butId == 4){
    showSubMenu("subMenu4", lang);
  } else {
    hideSubMenu("subMenu4");
  }
  if (lang == "NL") {
    if(butId == 7){
      showSubMenu("subMenu7", lang);
    } else {
      hideSubMenu("subMenu7");
    }
  }
  
  sloganHolder = document.getElementById('imgSlogan');
  sloganHolder.src = 'images/slogans/'+sloganID+'_'+lang+'.jpg';  
  
  button = document.getElementById('but_'+butId);
  button.src = 'images/menuOver_'+butId+'_'+lang+'.jpg';
  
  switch(butId){
    case "1" :
     pageTracker._trackPageview('index.html');
    break;
    case "2" :
     pageTracker._trackPageview('visie.html');
    break;
    case "3" :
     pageTracker._trackPageview('oplossingen.html');    
    break;
    case "4" :
     pageTracker._trackPageview('organisatie.html');    
    break;
    case "5" :
     pageTracker._trackPageview('professionals.html');    
    break;
    
    case "6" :
     pageTracker._trackPageview('blackswan.html');    
    break;
    case "7" :
     pageTracker._trackPageview('actueel.html');    
    break;
    case "8" :
     pageTracker._trackPageview('contact.html');    
    break;
  }
  
  for(j=1; j<9; j++){
    if(j != butId){
      buttonSwap = document.getElementById('but_'+j);
      buttonSwap.src = 'images/menu_'+j+'_'+lang+'.jpg';
    }
  }
  SendDataToFlashMovie(data);
  //if(url == "pages/contentPage.php?page=6&showMovie=1"){
    //showDiv();
  //}
}

function ajaxsubpage(butTitle, pageId, containerid, butId, data, lang){
  if(currentSubPage != "0"){
    buttonSwap = document.getElementById('subMenu_'+currentSubPage);
    buttonSwap.src = 'images/subMenu_'+currentSubPage+'.jpg';
  }
  currentSubPage = butTitle;
  sended = 'on';
  sloganID = pageId;
  if(sloganID > 15 && sloganID != 31){
    sloganID = 12;
  }
  
  //Close all submenus if the id != currentid
  if(butId == 3){
    showSubMenu("subMenu3", lang);
  } else {
    hideSubMenu("subMenu3");
  }
  if(butId == 4){
    showSubMenu("subMenu4", lang);
  } else {
    hideSubMenu("subMenu4");
  }
  if(butId == 7){
    showSubMenu("subMenu7", lang);
  } else {
    hideSubMenu("subMenu7");
  }
      
  sloganHolder = document.getElementById('imgSlogan');
  sloganHolder.src = 'images/slogans/'+sloganID+'_'+lang+'.jpg';  
  
  button = document.getElementById('but_'+butId);
  button.src = 'images/menuOver_'+butId+'_'+lang+'.jpg';
  
  switch(butId){
    case "1" :
     pageTracker._trackPageview('index.html');
    break;
    case "2" :
     pageTracker._trackPageview('visie.html');
    break;
    case "3" :
     pageTracker._trackPageview('oplossingen.html');    
    break;
    case "4" :
     pageTracker._trackPageview('organisatie.html');    
    break;
    case "5" :
     pageTracker._trackPageview('professionals.html');    
    break;
    
    case "6" :
     pageTracker._trackPageview('blackswan.html');    
    break;
    case "7" :
     pageTracker._trackPageview('actueel.html');    
    break;
    case "8" :
     pageTracker._trackPageview('contact.html');    
    break;
  }
  
  for(j=1; j<9; j++){
    if(j != butId){
      buttonSwap = document.getElementById('but_'+j);
      buttonSwap.src = 'images/menu_'+j+'_'+lang+'.jpg';
    }
  }
  SendDataToFlashMovie(data);
  //if(url == "pages/contentPage.php?page=6&showMovie=1"){
    //showDiv();
  //}
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
//alert(page_request.responseText);
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

function handleSubmit(lang, form){
    
   switch(form){
   case 'contact' :
    ajaxpage('pages/contentPage.php?page=8&sub=1', 'mainContent', 8, 8, lang, 'POST');   
   break;
   }
}


function SendDataToFlashMovie(dataToSend){
     var flashMovie= document.getElementById("heading");
     
     flashMovie.SetVariable("changePicture", dataToSend);
}

function closeDiv(){
  refDetailTableIdThis = document.getElementById('refDetailTableId');
  refDetailTableIdThis.style.display = 'none';
 
}

function showDiv(){
  refDetailTableIdThis = window.parent.document.getElementById('refDetailTableId');
  refDetailTableIdThis.style.display = '';
 
}
function closeDivMovie(){
  refDetailTableIdThis = document.getElementById('extraMovieTable');
  refDetailTableIdThis.style.display = 'none'; 
}
function showDivMovie(){
  refDetailTableIdThis = window.parent.document.getElementById('extraMovieTable');
  refDetailTableIdThis.style.display = 'block';
}

//==================== google maps =============================



    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        var point = new GLatLng(52.242912, 5.121346);
        map.addControl(new GMapTypeControl());
        map.setCenter(point, 14);
        var marker = new GMarker(point);
        map.addOverlay(marker);
        
        marker.openInfoWindowHtml('<img src="/images/logo.png" alt="" /><div style="position : absolute; top : 0px; left : 110px;">CPI Governance<br />Noordereinde 127a<br />1243 JL<br />\'s-Graveland</div>');
        
        geocoder = new GClientGeocoder();
        gdir = new GDirections(map, document.getElementById("directions"));
        
        
        
        GEvent.addListener(marker, "click", function() {
           marker.openInfoWindowHtml('<img src="/images/logo.png" alt="" /><div style="position : absolute; top : 0px; left : 110px;">CPI Governance<br />Noordereinde 127a<br />1243 JL<br />\'s-Graveland</div>');
        });
      }
    }

    function planRoute() {
    
      routeForm = document.getElementById('frmRoute');
      
      startAddress = routeForm.frmAddress.value;
      startZip = routeForm.frmZip.value;
      startCity = routeForm.frmCity.value;
      
      
      if (GBrowserIsCompatible()) {
        if(sended == 'on'){
        
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GMapTypeControl());
        directionsPanel = document.getElementById("directions_div");
        directions = new GDirections(map, directionsPanel);
        directions.load("from: "+startAddress+", "+startCity+", "+startZip+" to: Noordereinde 127a, s-Graveland, 1243 JL");
        sended = 'off';
        }
        else{
        directions.load("from: "+startAddress+", "+startCity+", "+startZip+" to: Noordereinde 127a, s-Graveland, 1243 JL");
        }
      }
    
      printButton = document.getElementById('directions_print');
      
      printButton.style.display = 'block';
      printButton.innerHTML = "<br /><br /><a class='downloadLink' href='/pages/printRoute.php?adres="+startAddress+"&city="+startCity+"&postcode="+startZip+"' target='_blank'>Print Route ></a>";
      
    }