var currentRechtsNum = 0; // Tot welke teaser zijn we geslide
var maxRechtsNum = 7; // Hoeveel teaser zijn er
var khoTimer;


// Scroll de volgende teaser in beeld
function nextRechtsSlide() {
    if (currentRechtsNum >= maxRechtsNum) {
        currentRechtsNum = 0;
        document.getElementById('fotos').style.marginLeft = 0 + "px";
    }
    startSlide('fotos', -currentRechtsNum * 300, 0, 15);
    currentRechtsNum++;
    khoTimer = setTimeout("nextRechtsSlide()", 5000);
}
//-------------------------------------------------------------------------
var y1 = 0;   // Y-coördinaat
var x1 = 0;   // X-coördinaat

var dom;
if (document.getElementById) dom = true;
else dom = false;

function placeIt() {
    if (dom && !document.all) {
        var popObj = document.getElementById("popup");
        if (popObj) {
            popObj.style.top = window.pageYOffset + (window.innerHeight - (window.innerHeight - y1)) + "px";
            if (document.all) { popObj.style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight - (document.documentElement.clientHeight - y1)) + "px"; }
        }
    }
}

// ----------------------------------------------------------------------------

function fixPijlDown(objId) {
    var x, y;
    if (self.innerHeight) // all except Explorer
    {
        x = self.innerWidth;
        y = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode
    {
        x = document.documentElement.clientWidth;
        y = document.documentElement.clientHeight;
    }
    else if (document.body) // other Explorers
    {
        x = document.body.clientWidth;
        y = document.body.clientHeight;
    }

    var obj = document.getElementById(objId);
    var newm = y - 115;
    if (newm > 550) newm = 550;
    if (newm < 250) newm = 250;
    if (objId == 'RefPijlDown') newm = newm - 50;
    if (obj != null) obj.style.marginTop = newm + "px";
}

function fixFotoPijltjes() {
    var x, y;

    if (self.innerHeight) // all except Explorer
    {
        x = self.innerWidth;
        y = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight) // Explorer 6 Strict Mode
    {
        x = document.documentElement.clientWidth;
        y = document.documentElement.clientHeight;
    }
    else if (document.body) // other Explorers
    {
        x = document.body.clientWidth;
        y = document.body.clientHeight;
    }

    var obj1 = document.getElementById('fotoPijlDown');
    var obj2 = document.getElementById('fotoPijlPauze');
    var obj3 = document.getElementById('fotoPijlPlay');
    var obj4 = document.getElementById('refPauze');

    var newm = y - 115;
    newm += document.documentElement.scrollTop;
    if (newm > 550) newm = 550;
    if (newm < 250) newm = 250;

    if (obj1 != null) obj1.style.marginTop = (newm - 50) + "px";
    if (obj2 != null) obj2.style.marginTop = newm + "px";
    if (obj3 != null) obj3.style.marginTop = newm + "px";
    if (obj4 != null) obj4.style.marginTop = newm + "px";
}


function setScrollPos() {
    //window.scrollBy(0, 65);
}

var taalClickUrl;
var taalClickTimer;

function doTaalClick(url) {
    document.getElementById('taalkeuzeButtons').style.display = 'none';
    taalClickUrl = url;
    taalClicktTimer = setTimeout("doTaalClickScroll()", 20);
}

function doTaalClickScroll() {
    var grens = 127;
    var obj = document.getElementById('taalClickImage');
    var curMargin = Math.round(obj.style.marginTop.replace("px", ""));
    var newMargin = Math.ceil(curMargin + (grens - curMargin) / 4);
    if (newMargin < grens) {
        obj.style.marginTop = newMargin + "px";
        taalClicktTimer = setTimeout("doTaalClickScroll()", 20);
    }
    else {
        clearTimeout(taalClickTimer);
        setTimeout("location.href = taalClickUrl", 1000);
    }
}

// ---- onmouseover Greys serie

function greysZoom() {

}


//


// ------------------------------------ mosa Collectie teaser slide ------------------






var teaserTotaal; 				// Totaal aantal teaser images (vullen vanuit .net)
var teaserScrollTot; 		// Bij welke scrollpositie is er 1x rondgescrolld
var teaserCurrent = 0; 	// Huidige scrollpositie
var teaserSpeed = 4000; 	// Snelheid
var teaserTimer;
var teaserPauze = false		// Is er pauze?

// Init teaser scroll
function initTeaserSlide() {
    var temp = document.getElementById('fotoAantalInp');
    if (temp != null) {
        teaserTimer = clearTimeout(teaserTimer);
        teaserTotaal = temp.value;
        teaserScrollTot = Math.round((teaserTotaal / 2));
        teaserTimer = setTimeout('teaserDown(false)', teaserSpeed);
    }
}

function teaserUp(clicked) {
    if (teaserCurrent > 0) {
        teaserCurrent--;
        startSlide('teaserLijstPnl', 0, -(teaserCurrent * 150), 10);
    }
    else {
        teaserCurrent = teaserScrollTot;
        document.getElementById('teaserLijstPnl').style.marginTop = teaserCurrent * -150 + "px";
        teaserUp(true);
    }
    //alert(teaserCurrent);
}

function teaserDown(clicked) {
    if (teaserCurrent < teaserScrollTot) {
        teaserCurrent++;
        startSlide('teaserLijstPnl', 0, -(teaserCurrent * 150), 10);
        if (!clicked) teaserTimer = setTimeout('teaserDown(false)', teaserSpeed);
    }
    else {
        teaserCurrent = 0;
        var obj = document.getElementById('teaserLijstPnl');
        if (obj != null) {
            obj.style.marginTop = "0px";
            if (!clicked) teaserTimer = setTimeout('teaserDown(false)', 0);
            else teaserDown(true);
        }
    }
}

function setTeaserPauze(setPauze) {
    var obj1 = document.getElementById('pijlPauze');
    var obj2 = document.getElementById('pijlPlay');

    if (setPauze) {
        teaserPauze = true;
        teaserTimer = clearTimeout(teaserTimer);
        if (obj1 != null && obj2 != null) {
            obj2.style.display = 'block';
            obj1.style.display = 'none';
        }
    }
    else {
        teaserPauze = false;
        teaserTimer = setTimeout('teaserDown()', teaserSpeed);
        if (obj1 != null && obj2 != null) {
            obj1.style.display = 'block';
            obj2.style.display = 'none';
        }
    }
}














// ------------------------------------ Mosa home page foto scroll ------------------

var currentLinksHomeNum = 0; // Tot welke teaser zijn we geslide
var maxLinksHomeNum = 0; // Hoeveel teaser zijn er

var currentRechtsHomeNum = 0; // Tot welke teaser zijn we geslide
var maxRechtsHomeNum = 0; // Hoeveel teaser zijn er

// Init teaser scroll
function startHomeSlide() {
    setTimeout("nextLinksHomeSlide()", 3000);
    setTimeout("nextRechtsHomeSlide()", 3000);
    maxRechtsHomeNum = seFindHomeInfo("totaalRechts");
    maxLinksHomeNum = seFindHomeInfo("totaalLinks");
}

// Scroll de volgende teaser in beeld
function nextRechtsHomeSlide() {
    currentRechtsHomeNum++;
    if (currentRechtsHomeNum > maxRechtsHomeNum) {
        currentRechtsHomeNum = 1;
        document.getElementById('FotoRechts').style.marginLeft = 0;
    }
    startSlide('FotoRechts', -currentRechtsHomeNum * 300, 0, 15);
    setTimeout("nextRechtsHomeSlide()", 8000);
}

// Scroll de volgende teaser in beeld
function nextLinksHomeSlide() {
    currentLinksHomeNum++;
    if (currentLinksHomeNum > maxLinksHomeNum) {
        currentLinksHomeNum = 1;
        document.getElementById('FotoLinks').style.marginLeft = 0;
    }
    startSlide('FotoLinks', -currentLinksHomeNum * 300, 0, 15);
    setTimeout("nextLinksHomeSlide()", 8000);
}

// Zoek menu info uit de lijst die doorgegeven is door de ascx
// seMosaHome bevat een lijst met telkens een key en een value
// de Array moet de volgende structuur hebben 
// ['key1', value1], ['key2', value2], enz
function seFindHomeInfo(what) {
    for (i = 0; i < seMosaHome.length; i++) {
        if (seMosaHome[i][0] == what) {
            return seMosaHome[i][1];
        }
    }
    return "";
}

// ------------------------------------ SliderClass ----------------------------------

// GLOBAL VARS
var slideArray = new Array();
var toFast = 600;

// Basis classe van een slide div
function sliderClass() {
    this.obj = null; // ID van element die slide
    this.fromX = 0; // Start / huidige pos
    this.toX = 0; // Eind pos
    this.fromY = 0; // Start / huidige pos
    this.toY = 0; // Eind pos
    this.speed = 10; // Snelheid in x stap bij het einde
    this.timer = null;
}

// Init slide classe en start de beweging
function startSlide(ele, toX, toY, speed) {

    // Init nieuwe classe
    var mySlider = new sliderClass();
    mySlider.obj = document.getElementById(ele);
    mySlider.toX = toX;
    mySlider.toY = toY;
    mySlider.speed = speed;

    if (mySlider.obj != null) // Bestaat de slide wel
    {

        // Haal begin pos op
        mySlider.fromX = Math.round((mySlider.obj.style.marginLeft).replace("px", ""));
        if (mySlider.fromX == "") mySlider.fromX = 0; // onbekent dus 0

        mySlider.fromY = Math.round((mySlider.obj.style.marginTop).replace("px", ""));
        if (mySlider.fromY == "") mySlider.fromY = 0; // onbekent dus 0

        // Als te ver weg dan stukje skippen
        if (Math.abs(mySlider.fromX - mySlider.toX) > toFast) {
            if (mySlider.fromX < mySlider.toX) mySlider.fromX = mySlider.toX - toFast;
            if (mySlider.fromX > mySlider.toX) mySlider.fromX = mySlider.toX + toFast;
        }

        if (Math.abs(mySlider.fromY - mySlider.toY) > toFast) {
            if (mySlider.fromY < mySlider.toY) mySlider.fromY = mySlider.toY - toFast;
            if (mySlider.fromY > mySlider.toY) mySlider.fromY = mySlider.toY + toFast;
        }

        // Alleen iets doen als het nog niet gedaan is
        if (Math.round((mySlider.obj.style.marginLeft).replace("px", "")) != mySlider.toX ||
	        Math.round((mySlider.obj.style.marginTop).replace("px", "")) != mySlider.toY) {
            slideArray[ele] = mySlider; // Opslaan
            doSlide(ele); // Start bewegin
        }

    }

    mySlider = null;
}

// Laat de slider een stapje bewegen en zet timeout voor de volgende stap
function doSlide(ele) {
    var mySlider = slideArray[ele];
    if (mySlider != null) {
        if ((Math.abs(mySlider.fromX - mySlider.toX)) > 0.1 || (
		     Math.abs(mySlider.fromY - mySlider.toY)) > 0.1) {
            mySlider.fromX += (mySlider.toX - mySlider.fromX) / mySlider.speed;
            mySlider.fromY += (mySlider.toY - mySlider.fromY) / mySlider.speed;
            mySlider.obj.style.marginLeft = Math.round(mySlider.fromX) + 'px';
            mySlider.obj.style.marginTop = Math.round(mySlider.fromY) + 'px';
            slideArray[ele] = mySlider;
            slideArray[ele].timer = setTimeout("doSlide('" + ele + "')", 15);
        }
        else {
            mySlider.timer = clearTimeout(mySlider.timer);
            slideArray[ele] = null;
        }
        mySlider = null;
    }
}
// -----------------------------------------------------------------------------------
// ------------------------SLIDE REFERENTIE PAGINA -----------------------------------

function referentieSaveNodeId(nodeid) {
    document.getElementById('nodeIdSave').value = nodeid;
}

var numZoekResult;
var rowZoekResult;
var curZoekResult;
var refZoekTimer;

var refDetailNum;
var refDetailPos;
var refDetailTimer;

function refSetIt(dir) {
    // regel de zoekresultaten scroll
    numZoekResult = document.getElementById('zoekResultAantal').value;
    rowZoekResult = Math.ceil(numZoekResult / 2) - 2;
    curZoekResult = 0;
    refZoekTimer = clearTimeout(refZoekTimer);

    if (document.getElementById('zoekResultatenPnlInner') != null && numZoekResult > 4) {
        refZoekTimer = setTimeout("refZoekSlide()", 5500);
    }

    // regel de detailpagina scroll
    refDetailNum = document.getElementById('slideShowAantal').value;
    refDetailPos = 0;
    refDetailTimer = clearTimeout(refDetailTimer);

    if (document.getElementById('detailPnlInner') != null && refDetailNum > 2) {
        refDetailTimer = setTimeout("refDetailSlide(" + dir + ")", 0);
    }
}

var refPauze = false;

function refUp() {
    clearTimeout(refZoekTimer);
    refPauze = true;
    document.getElementById('refPijlPauze').style.display = 'none';
    document.getElementById('refPijlPlay').style.display = 'block';
    document.getElementById('RefPijlDown').style.visibility = '';
    if (curZoekResult > 0) {
        curZoekResult--;
        startSlide('zoekResultatenPnlInner', 0, -(curZoekResult * 300), 10);
        if (curZoekResult == 0) {
            document.getElementById('RefPijlUp').style.visibility = 'hidden';
        }
    }
}

function refDown() {
    clearTimeout(refZoekTimer);
    refPauze = true;
    document.getElementById('refPijlPauze').style.display = 'none';
    document.getElementById('refPijlPlay').style.display = 'block';
    document.getElementById('RefPijlUp').style.visibility = '';
    if (curZoekResult < rowZoekResult) {
        curZoekResult++;
        startSlide('zoekResultatenPnlInner', 0, -(curZoekResult * 300), 10);
        if (curZoekResult == rowZoekResult) {
            document.getElementById('RefPijlDown').style.visibility = 'hidden';
        }
    }
}

function zoekPauzePlay() {
    if (refPauze) { // start play
        refZoekTimer = setTimeout("refZoekSlide()", 0);
        refPauze = false;
        document.getElementById('refPijlPauze').style.display = 'block';
        document.getElementById('refPijlPlay').style.display = 'none';
    }
    else { // start pauze
        clearTimeout(refZoekTimer);
        refPauze = true;
        document.getElementById('refPijlPauze').style.display = 'none';
        document.getElementById('refPijlPlay').style.display = 'block';
    }
}

function refDetailSlide(dir) {
    if (refDetailPos >= refDetailNum) {
        refDetailPos = 1;
        document.getElementById('detailPnlInner').style.marginTop = "0px";
        refDetailTimer = setTimeout("refDetailSlide(1)", 0);
    }
    else {
        startSlide('detailPnlInner', 0, refDetailPos * -600, 20);
        refDetailPos++;
        refDetailTimer = setTimeout("refDetailSlide(1)", 5500);
    }
}

function refZoekSlide() {
    if (curZoekResult < rowZoekResult) {
        document.getElementById('RefPijlUp').style.visibility = 'visible';
        curZoekResult++;
        startSlide('zoekResultatenPnlInner', 0, -(curZoekResult * 300), 10);
        if (curZoekResult == rowZoekResult) {
            document.getElementById('RefPijlDown').style.visibility = 'hidden';
        }
        refZoekTimer = setTimeout("refZoekSlide()", 5500);
    }
}

var pauze = false;

function fotoPijlUp() {
    clearTimeout(refDetailTimer);
    if (!pauze) {
        pauze = true;
        document.getElementById('fotoPijlPauze').style.display = 'none';
        document.getElementById('fotoPijlPlay').style.display = 'block';
    }

    if (refDetailPos <= 1) {
        refDetailPos = refDetailNum;
        document.getElementById('detailPnlInner').style.marginTop = (refDetailPos - 1) * -600 + "px";
        fotoPijlUp();
    }
    else {
        startSlide('detailPnlInner', 0, (refDetailPos - 2) * -600, 20);
        refDetailPos--;
    }
}

function fotoPijlDown() {
    clearTimeout(refDetailTimer);
    if (!pauze) {
        pauze = true;
        document.getElementById('fotoPijlPauze').style.display = 'none';
        document.getElementById('fotoPijlPlay').style.display = 'block';
    }

    if (refDetailPos >= refDetailNum) {
        refDetailPos = 1;
        document.getElementById('detailPnlInner').style.marginTop = "0px";
        fotoPijlDown();
    }
    else {
        startSlide('detailPnlInner', 0, refDetailPos * -600, 20);
        refDetailPos++;
    }
}

function fotoPlayPauze() {
    if (pauze) { // start play
        refDetailTimer = setTimeout("refDetailSlide(1)", 0);
        pauze = false;
        document.getElementById('fotoPijlPauze').style.display = 'block';
        document.getElementById('fotoPijlPlay').style.display = 'none';
    }
    else { // start pauze
        clearTimeout(refDetailTimer);
        pauze = true;
        document.getElementById('fotoPijlPauze').style.display = 'none';
        document.getElementById('fotoPijlPlay').style.display = 'block';
    }
}

/************************   DEALERS   ******************************/

var curDealRow;
var dealNumRows;

function dealSet() {
    curDealRow = 0;
    var records = document.getElementById('dealResultAantal').value;
    //alert(records);

    if (records > 4) {
        // Toon pijltjes
        document.getElementById("RefPijlUp").style.visibility = 'hidden';
        document.getElementById("RefPijlDown").style.visibility = 'visible';
    }
    else {
        // Hide pijltjes	
        document.getElementById("RefPijlUp").style.visibility = 'hidden';
        document.getElementById("RefPijlDown").style.visibility = 'hidden';
    }

    dealNumRows = Math.ceil(records / 2) - 2;
}

function dealUp2() {
    if (curDealRow > 0) {
        document.getElementById('RefPijlDown').style.visibility = '';
        curDealRow--;
        startSlide('overigOmvatPnl', 0, -(curDealRow * 300), 10);
        if (curDealRow == 0) {
            document.getElementById('RefPijlUp').style.visibility = 'hidden';
        }
    }
}

function dealDown2() {
    if (curDealRow < dealNumRows) {
        document.getElementById('RefPijlUp').style.visibility = '';
        curDealRow++;
        startSlide('overigOmvatPnl', 0, -(curDealRow * 300), 10);
        if (curDealRow == dealNumRows) {
            document.getElementById('RefPijlDown').style.visibility = 'hidden';
        }
    }
}

function dealUp() {
    if (curDealRow > 0) {
        document.getElementById('RefPijlDown').style.visibility = '';
        curDealRow--;
        startSlide('zoekResultatenPnlInner', 0, -(curDealRow * 300), 10);
        if (curDealRow == 0) {
            document.getElementById('RefPijlUp').style.visibility = 'hidden';
        }
    }
}

function dealDown() {
    if (curDealRow < dealNumRows) {
        document.getElementById('RefPijlUp').style.visibility = '';
        curDealRow++;
        startSlide('zoekResultatenPnlInner', 0, -(curDealRow * 300), 10);
        if (curDealRow == dealNumRows) {
            document.getElementById('RefPijlDown').style.visibility = 'hidden';
        }
    }
}

/*************************    ZOEKEN IN COLLECTIE    *************************/

var curZoekRow;
var zoekNumRows;
var zoekBla;

function zoekSet() {
    curZoekRow = 0;
    zoekBla = document.getElementById('zoekResultAantal').value.split('|');
    zoekNumRows = Math.ceil(zoekBla[0] / 8) - 1;

    if (document.getElementById('doBladerVerder').value == 1) {
        curZoekRow = 10;
        startSlide('zoekResultatenPnlInner', 0, -(curZoekRow * 600), 10);
    }
}

function zoekUp() {
    if (curZoekRow > 0) {
        document.getElementById('RefPijlDown').style.visibility = '';
        curZoekRow--;
        startSlide('zoekResultatenPnlInner', 0, -(curZoekRow * 600), 10);
        if (curZoekRow == 0) {
            document.getElementById('RefPijlUp').style.visibility = 'hidden';
        }
    }
    document.getElementById('toonAlles').style.display = 'none';
}

function zoekDown() {
    if (curZoekRow < zoekNumRows) {
        document.getElementById('RefPijlUp').style.visibility = '';
        curZoekRow++;
        startSlide('zoekResultatenPnlInner', 0, -(curZoekRow * 600), 10);
        if (curZoekRow == zoekNumRows) {
            document.getElementById('RefPijlDown').style.visibility = 'hidden';
        }
    }
    if (curZoekRow == 9 && zoekBla[1] == "Y") {
        document.getElementById('toonAlles').style.display = 'block';
    }
}

function maatwebChangePic(id, pos, urlId) {
    var obj = document.getElementById(id);

    if (obj != null) {
        for (i = 0; i < obj.childNodes.length; i++) {
            if (i == pos) {
                document.getElementById(urlId).value = obj.childNodes[i].childNodes[1].src;
                obj.childNodes[i].style.display = 'block';
            }
            else {
                obj.childNodes[i].style.display = 'none';
            }
        }
    }
}

function seAnalyticsLog(path) {
    try {
        pageTracker._trackPageview(path);
    }
    catch (e) {

    }
}

function TogglePatternImg(show) {
       var defaultImg = $("#teaserTD").children(':first-child').stop(false, true);
       var patternImg = $(".patternImg").stop(false, true);
        if (show) {
            //mouse over
            defaultImg.fadeOut(200,
                function () {
                    patternImg.fadeIn(400);
                }
            );

        }
        else {
        //mouse out
             patternImg.fadeOut(50,
                function () {
                    defaultImg.fadeIn(400);
                }
            );
        }
    
}

function clearHiddenFields(){
    var elements = document.getElementsByName('hidContainer'); var i=0; for (i=0; i<elements.length; i++){ elements[i].childNodes[0].value = '0'; }
}