function nextProject(){
     var oRequest = new cRequest;
     oRequest.sUrl     = getElementValue()['base'] + 'ajax/nextproject.php'; 

     var sResponse = oRequest.getContent().responseText;
     var aResponse = eval('('+sResponse+')');
     $('container').style.background = " url('"+aResponse.background_full+"')";
     $('meerOverProject').href = "project/"+aResponse.categorie_titel_key+"/"+aResponse.titel_key+"/";
     return false;
     //$('container').style.background-image = "url('../images/li.gif');";
}

// Event attacher
// ----------------------------------------------
if(typeof(document.attachEvent) != 'function') {

    document.events = [];
    document.attachEvent = function(type, reference) {
        var evt = this.events;
        if(!evt[type]) evt[type] = [];
        evt[type][evt[type].length] = reference;

        document[type] = function(e) { 
            document.executeEvents(type, e);        
        }
    }    

    document.executeEvents = function(type, e) {
        for(var i in this.events[type]) {
            this.events[type][i](e);
        }    
    }
    window.onunload = function() { document.executeEvents('onunload'); }
    window.onload = function() { document.executeEvents('onload'); }
    window.onresize = function() { document.executeEvents('onresize'); }

}
    
function pageHit(){

  p = escape(document.location.href);
  rfr = escape(document.referrer);
  if (rfr == "undefined"){ rfr = "";}
  sx = screen.width;
  sy = screen.height;
  sc = (navigator.appName.indexOf("Microsoft") > -1) ? screen.colorDepth : screen.pixelDepth;
  src = 'stats.php?p=' + p + '&rfr=' + rfr + '&sx=' + sx + '&sy=' + sy + '&sc=' + sc;
  src = '<img style="position:absolute;left:-10px;top:-10px;" src="' + src + '" width="1" height="1" border="0" alt="" />';
  document.getElementById('counter').innerHTML = src;  
  
}

function getElementValue(){

    var values = new Array();
    var metas = document.getElementsByTagName("meta");
    for (var i = metas.length; --i >= 0;) {
    var meta = metas[i];
    if (/content-type/i.test(meta.httpEquiv)) {
      r = /^text\/html; *charset=(.*)$/i.exec(meta.content);
      values['charset'] = r[1];
    } else if(/sessionlifetime/i.test(meta.httpEquiv)){
      values['sessionlifetime'] = meta.content;
    }  else if ((/keywords/i.test(meta.name)) || (/keywords/i.test(meta.id))) {
      values['keywords'] = meta.content;
    }  else if ((/description/i.test(meta.name)) || (/description/i.test(meta.id))) {
      values['description'] = meta.content;
    } else if(/page_uri/i.test(meta.httpEquiv)){
      values['page_uri'] = meta.content;
    }
    }
    var base = document.getElementsByTagName("base");
    if (base[0].href){
    values['base'] = base[0].href;
    }
    var title = document.getElementsByTagName("title")[0];
    title = title ? title.innerHTML : '';
    values['title'] = title;
    return values;
} 

function $(oObj){
    return document.getElementById(oObj);
}

function changeProjectPicture(sImg){
    $('mainPicture').src = sImg;
    
    //console.log(oObj.style.backgroundImage.replace('small', 'medium'));
}


/***********************
Scroller op de projecten pagina
***********************/
var x = 0;
var w = 920;
var i = 0; 
var speed = 3; 
var scroller;
var running = 0;
var lastdirection = "left";
var stoppedAutoScroll = 0;
var autoscroll;

function imageScroll(sDirection) { 
    var scrollerDiv = document.getElementById("scroller");
    var sContainer = document.getElementById("scroller").style; 
    //sContainer.display = "block";
    var scrollerWidth = scrollerDiv.style.width.replace('px', '');   

    if (sDirection == 'left') {
        if(x != 0){
            sContainer.left = (x = x + speed) + "px";
        }
    } else {         
        if ( x > (-(scrollerWidth) +500)) { // -460 ){
            sContainer.left = (x = x - speed) + "px"; 
        }
    }    
    i++; 
    running = 1;
    scroller=setTimeout("imageScroll('"+sDirection+"')",1);
} 

function stopScroll() { 
    if(running == 1){
        clearTimeout(scroller); 
        running = 0;
    }
}

function stopAutoScroll(el) { 
    clearTimeout(autoscroll); 
    running = 0;
}



function projectPopUp(sImg, sTitel, sTekst, sUrl){
    return overlib('<div class="scrollerPopup" style="height:187px; width:407px; padding:0; margin:0;"><div style="float:right; width:25px; margin:5px 0 0 0;"><img src="images/close-img.gif" style="cursor:pointer;" onclick="nd();" /></div><div style="float:left; height:182px; width:180px; padding:0; margin:0; overflow:hidden;"><img src="image/popup/'+sImg+'" /></div><div style="float:left; width:180px; margin:10px 0 0 15px;"><h2>'+sTitel+ '</h2><p>'+sTekst+'</p><a href="'+sUrl+'"><i>Lees meer over dit project</i></a> </div></div>', STICKY, CLOSECLICK, LEFT, FGCOLOR , '');
}

function teamPopUp(sImg, sNaam, sFunctie, sTekst){
    return overlib('<div class="scrollerPopup" style="height:187px; width:407px; padding:0; margin:0;"><div style="float:right; width:25px; margin:5px 0 0 0;"><img src="images/close-img.gif" style="cursor:pointer;" onclick="nd();" /></div><div style="float:left; height:182px; width:180px; padding:0; margin:0; overflow:hidden;"><img src="image/popup/'+sImg+'" /></div><div style="float:left; width:180px; margin:10px 0 0 15px;"><h2>'+sNaam+ '</h2><h3>'+sFunctie+'</h3><p>'+sTekst+'</p></div></div>', STICKY, CLOSECLICK, RIGHT, FGCOLOR , '');
}


function autoStartScroller(){ 
    pageHit();
    
  speed = 2;
  autoscroll = setTimeout("imageScroll('right')",2250);  
 
    
    
}
document.attachEvent("onload", pageHit);

/**************
AJAX script voor routebeschrijving
**************/
function $getID(oId){
    return document.getElementById(oId);
}

function getPage(iPage){

    // doe dingen met de ID
    var oRequest = new cRequest();
    
    oRequest.sUrl = 'script.php';
    oRequest.addArgument('page', iPage);    
    
    var aData = eval(oRequest.getContent().responseText);
     
    $getID('routebeschrijving').innerHTML = aData['tekst'];  
    
}

/*************
Zoekveld in header
*************/
 
function doSearch() {
    
    var q = new String(document.getElementById('zoekVeld').value);
    window.location = 'zoeken?q='+q;
       
}

