$(document).ready(function () {
    randomImage();
    $('#menu > a').hover(
        function () { mouseOverMenu($(this)); },
        function () { mouseOffMenu($(this)); }
    );
    intervalObj = new Object();
});


function mouseOverMenu(myLink) {
    var linkName = myLink.attr("name");
    intervalObj[linkName] = setInterval(function () { moveRight(linkName); }, 20);
}

function moveRight(linkName) {
    var mClass = $('a[name|=' + linkName + ']').attr("class");
    if (!mClass || mClass=="") {
        $('a[name|=' + linkName + ']').addClass("hov1");
    } else if (mClass == "hov16") {
        clearInterval(intevalObj[linkName]);
    } else {
        var hovIndex = parseInt(mClass.substr(3)) + 1;
        $('a[name|=' + linkName + ']').removeClass(mClass);
        if (isNaN(hovIndex)) {hovIndex = 1; }
        $('a[name|=' + linkName + ']').addClass('hov'+ hovIndex);
    }
}

function mouseOffMenu(myLink) {
    var linkName = myLink.attr("name");
    clearInterval(intervalObj[linkName]);
    intervalObj[linkName] = setInterval(function () { moveLeft(linkName); }, 15);
}

function moveLeft(linkName) {
    var mClass = $('a[name|=' + linkName + ']').attr("class");
    $('a[name|=' + linkName + ']').removeClass(mClass);
    if (mClass == "hov1") {
        clearInterval(intervalObj[linkName]);
    } else {
        var hovIndex = parseInt(mClass.substr(3)) - 1;
        if (!isNaN(hovIndex)) {
            $('a[name|=' + linkName + ']').addClass('hov' + hovIndex);
        }
    }   
}


//      {:-64px bottom ;}


// randomplaatje rechtsboven

function randomImage() {
    var images = new Array("zeil", "sax", "golf", "auto"); 
    index = Math.floor(Math.random() * images.length);
    $('#random_image').html("<img src='/pix/" + images[index] + ".jpg' width='175' height='123' border='0'>");
}

// functies voor het vacature zoekformulier
function toggleCB(id) {
    document.getElementById("CB" + id).checked = !(document.getElementById("CB" + id).checked);
}

function CheckAuditChecked() {
    // als alle checkboxen uitstaan (nog geen selectie gemmaakt) daan alle aanzetten
    var noneChecked = true;
    for (i = 11; i < 16; i++) {
        if (document.getElementById("CB" + i) != null) {
            if (document.getElementById("CB" + i).checked == true) {
                noneChecked = false;
            }
        }
    }
    if (noneChecked == true) {
        for (i = 11; i < 16; i++) {
            if (document.getElementById("CB" + i) != null) {
                document.getElementById("CB" + i).checked = true;
            }
        }
    }
}

function CheckFCChecked() {
    // als alle checkboxen uitstaan (nog geen selectie gemmaakt) daan alle aanzetten
    var noneChecked = true;
    for (i = 1; i < 11; i++) {
        if (document.getElementById("CB" + i) != null) {
            if (document.getElementById("CB" + i).checked == true) {
                noneChecked = false;
            }
        }
    }
    if (document.getElementById("CB16").checked == true) {  // overige
        noneChecked = false;
    }
    if (noneChecked) {
        for (i = 1; i < 11; i++) {
            if (document.getElementById("CB" + i) != null) {
                document.getElementById("CB" + i).checked = true;
            }
        }
    }
    document.getElementById("CB16").checked = true;
}


function setFuncties(afd) {
    //alert("setFunties called");
    switch (afd) {
        case 1: //  alles, meteen naar toe gaan
            if (alleVacatures == true) {
                document.getElementById("tabstabel").innerHTML = tabelstr1;
                document.getElementById("audit").style.display = "none";
                document.getElementById("fc").style.display = "none";
            }
            else {
                document.ZoekFormulier.afd.value = 1;
                document.ZoekFormulier.submit();
            }
            break
        case 2: //  finance & control
            document.getElementById("fc").style.display = "";
            document.getElementById("audit").style.display = "none";
            document.getElementById("tabstabel").innerHTML = tabelstr2;
            document.ZoekFormulier.afd.value = 2;
            CheckFCChecked();
            break
        case 3: //  audit
            document.getElementById("fc").style.display = "none";
            document.getElementById("audit").style.display = "";
            document.getElementById("tabstabel").innerHTML = tabelstr3;
            document.ZoekFormulier.afd.value = 3;
            CheckAuditChecked();
            break
    }
}




// in en uitzoomen op de route pagina


function setkaart() {
    window.currentpic = 0;
    var kaartimage = new Array(3);
    kaartimage[0] = new Image();
    kaartimage[0].src = '\/pix\/kaart0.gif';
    kaartimage[1] = new Image();
    kaartimage[1].src = '\/pix\/kaart1.gif';
    kaartimage[2] = new Image();
    kaartimage[2].src = '\/pix\/kaart2.gif';
}


function showPic(no) {
    if (no >= 0 && no < 3) {
        document.getElementById('kaart').src = '/pix/kaart' + no + '.gif';
        for (i = 0; i < 3; i++) {
            document.getElementById('i' + i).src = '/pix/kaarticon.gif'; ;
        }
        document.getElementById('i' + no).src = '/pix/kaarticonZ.gif';
        window.currentpic = no;
    }
    return;
}


function hideRoute(id) {
    if (document.getElementById("route" + id) != null) { // indien bestaat route verbergen
        document.getElementById("route" + id).style.display = "none"
    }
}

function showRoute(id) {
    for (rid = 0; rid < (8); rid++) { // alle routes verbergen
        hideRoute(rid)
    }
    if (document.getElementById("route" + id) != null) { // indien bestaat route weergeven 	
        document.getElementById("route" + id).style.display = ""
    }
}