/// <reference path="jquery-1.4.1-vsdoc.js" />


var headerNr = 1;
var toLoad = "";
preloadImages();
OneStat_Tag();

$(document).ready(function () {

    // Info: http://net.tutsplus.com/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/
    // code om direct naar de juiste pagina te gaan als er direct naar de url wordt gelinkt
    // niet perse nodig, maar wel beter als de url gebruikt wordt in bijv een externe 
    var hash = window.location.hash.substr(1);
    var href = $('#nav a').each(function () {
        var href = $(this).attr('href');
        if (hash == href.substr(0, href.length - 5)) {
            var toLoad2 = hash + '.html #content';
            $('#content').load(toLoad2)
        }
    });

    $('#nav a').click(handleMenuClick);



    // afhandelen tabbladen etc, indien aanwezig
    handleImagehover();
    handleTabs();
    initHighslide();
});

// Zorgt voor een slide in de images bij recente websites
function handleImagehover() {
    $(function () {
        $('ul.hover_block li').hover(function () {
            $(this).find('img').animate({ left: '150px' }, { queue: false, duration: 600 });
        }, function () {
            $(this).find('img').animate({ left: '0px' }, { queue: false, duration: 600 });
        });
    });
}

// Fotoviewer
function initHighslide() {
    hs.graphicsDir = 'highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.fadeInOut = true;
    hs.dimmingOpacity = 0.8;
    hs.outlineType = 'rounded-white';
    hs.captionEval = 'this.thumb.alt';
    hs.marginBottom = 80; // make room for the thumbstrip and the controls
    hs.numberPosition = 'caption';
    hs.showCredits = false;

    // Add the slideshow providing the controlbar and the thumbstrip
    hs.addSlideshow({
        //slideshowGroup: 'group1',
        interval: 5000,
        repeat: false,
        useControls: true,
        overlayOptions: {
            className: 'text-controls',
            position: 'bottom center',
            relativeTo: 'viewport',
            offsetY: -60
        },
        thumbstrip: {
            position: 'bottom center',
            mode: 'horizontal',
            relativeTo: 'viewport'
        }
    });
}

function preloadImages() {
    if (document.images) {
        preload_image_object = new Image();
        // set image url
        image_url = new Array();
        var i = 0;
        for (i = 1; i <= 8; i++) 
            image_url[i - 1] = "images/header" + i + ".gif";
            
        for (i = 0; i < image_url.length; i++)
            preload_image_object.src = image_url[i];
    }
}

// Menu
function handleMenuClick() {

    var hash = $(this).attr('href').substr(0, $(this).attr('href').length - 4);
    // content die vervangen/opgehaald moet worden
    toLoad = $(this).attr('href') + ' #content';
    $('#content').hide('slow', loadContent);
    // als er een load-id bestaat, deze verwijderen
    $('#load').remove();
    // loading-div aanmaken, image staat in css
    $('#wrapperMenu').append('<span id="load">LOADING...</span>');
    $('#load').fadeIn('normal');
    // Pagina in url plaatsen (zodat gebruiker in url ziet wat er geklikt wordt). ".html" erafhalen
    window.location.hash = hash;

    // onclick verder uitschakelen
    return false;
};

// content ophalen en aan het einde showNewContent
function loadContent() {
    //alert("Load: " + toLoad);
    $('#content').load(toLoad, '', showNewContent)
}

// nieuwe content zichtbaar maken
function showNewContent() {
    // show gaat niet lekker in Chrome (en waarschijnlijk Safari). Alles schuift dan heel snel even op. slideToggle werkt beter
    //$('#content').show('normal', hideLoader());
    // in een keer hideloaded aanroepen lijkt 'm aan te roepen voordat de animatie klaar is, waardoor scroller niet gezet wordt
    //$('#content').slideToggle('normal', hideLoader());
    //BROWSERCHECK!
    if ($.browser.msie || $.browser.mozilla) {
        // IE, Firefox
        $('#content').slideToggle('normal', hideLoader);
    }
    else {
        // Chrome, Safari
        $('#content').slideToggle('normal', hideLoader);
    }
    handleTabs();
    handleImagehover();
    changeHeader();
}

// loader image wegfaden
function hideLoader() {
    $('#load').fadeOut('normal');
    // eventueel scrollbar tonen
    initScroll(true);
    //OneStat_Tag();
}

function changeHeader() {
    //alert('change header: ');
    headerNr++;
    if (headerNr > 8)
        headerNr = 1;
    var headerimg = 'url(images/header' + headerNr + '.gif)';
    $('#headerTable').css('background-image', headerimg);

}

// TABS
function handleTabs() {
    if ($('#tabvanilla').length > 0) {
        //$('#tabvanilla').tabs({ fx: { height: 'toggle', opacity: 'toggle'} });
        $('#tabvanilla').tabs({ show: function (event, ui) { initScroll(false); }, fx: { height: 'toggle', opacity: 'toggle'} });

        /*
        $("#tabvanilla").tabs().bind("show.ui-tabs",
            function () {
                //console.log(ui);
                //console.log('show tab');
                //if (ui.panel.id == 'id-of-some-tab-page') {
                    alert('It is showing!');
               // }
            });
        */
    }


}

/*
function test() {
alert('test');
initScroll(true);
}

$('#tabvanilla li a').click(function () {
//alert('show');
initScroll(false);
//alert('klik');
});
*/

// ----------------------------------------------------------------------------- //
// Scrollbar
function initScroll(firstload) {
    // Initialisatie scrollableDiv
    //scrollablediv 1
    var scroller = new Bs_ScrollableDiv();
    scroller.init('divContainer_1', 'divContent_1');

    var sliderObj = new Bs_Slider();
    sliderObj.attachOnChange(Bs_ScrollableDiv_sliderChange);
    sliderObj.width = 11;
    sliderObj.height = 'auto';
    sliderObj.minVal = 0;
    sliderObj.maxVal = 100;
    sliderObj.valueInterval = 0.1;
    sliderObj.arrowAmount = 0.2; // snelheid
    sliderObj.arrowMouseOver = true;
    sliderObj.valueDefault = 0;
    sliderObj.direction = 1;
    sliderObj.imgDir = 'images/';
    sliderObj.setBackgroundImage('scroll_ln.gif', 'repeat');
    sliderObj.setSliderIcon('scroll_knob.gif', 11, 5);
    sliderObj.setArrowIconLeft('scroll_up.gif', 11, 10);
    sliderObj.setArrowIconRight('scroll_dn.gif', 11, 10);
    sliderObj.useInputField = 0;

    /*
    // Rest
    // Hoogte scrollable div 70% van scherm maken
    var hoogte = document.body.clientHeight;
    if (hoogte > 0 && hoogte != null)
    {
    hoogte = hoogte * 70 / 100; //hoogte - 250;
    if (hoogte > 0)
    {
    //document.getElementById("divbericht").style.height = hoogte + "px";
    document.getElementById("sliderDiv").style.height = hoogte + "px";
    }
    }
    //alert(document.getElementById("divbericht").style.height);
    */
    if (!firstload) {
        // sliderDiv leeg maken zodat de slider weer verdwijnt indien nodig.
        // SliderDiv kan nl gevuld zijn door ander submenu, maar hoeft niet zeker getoond te worden bij deze
        if (document.getElementById("sliderDiv"))
            document.getElementById("sliderDiv").innerHTML = "";
    }

    scroller.setSliderObject(sliderObj, 'sliderDiv');

    // bij opnieuw tonen de slider weer bovenaan zetten
    if (!firstload) {
        if (document.getElementById("posliderDiv") != null)
            document.getElementById("posliderDiv").style.top = "11px";
    }
}

// ed-it adres vernaggelen
// http://www.addressmunger.com/
function CbdtwNUTnduChQa()
{
	var UjfGERzoEInFIll=["x65","x64","118","x61","x6e","110","x75","110","101","x6e","64","103","x6d","97","105","108","46","99","111","x6d"];
	var TzlOpqSfAGeNgdT=['?','s','u','b','j','e','c','t','=','&','c','c','=','&','b','c','c','=','&','b','o','d','y','='];
	var GkJMiOfzFJEHOvG=["x65","x64","118","x61","x6e","x6e","117","x6e","x65","110","64","103","109","97","x69","108","x2e","99","111","109"];
	document.write("<a href=\"&#x6d;&#97;&#000105;&#x6c;&#000116;&#000111;&#58;");
	for (i=0; i<UjfGERzoEInFIll.length; i++) document.write('&#'+UjfGERzoEInFIll[i]+';');
	for (i=0; i<TzlOpqSfAGeNgdT.length; i++) document.write(TzlOpqSfAGeNgdT[i]);
	document.write('" style="" class="" id="">');
	for (i=0; i<GkJMiOfzFJEHOvG.length; i++) document.write('&#'+GkJMiOfzFJEHOvG[i]+';');
	document.write('</a>');
}


// statistieken
function OneStat_Tag() {
    var CONTENTSECTION = "";
    var CUSTOMDATA = "";
    var osp_URL = document.URL;
    var osp_Title = document.title;

    function A(B, C) {
        W += "&" + B + "=" + escape(C);
    }

    var t = new Date();

    var W = "http" + (document.URL.indexOf('https:') == 0 ? 's' : '') + "://stat.onestat.com/asp/stat.asp?tagver=1&sid=168039";

    A("tz", t.getTimezoneOffset());
    A("ch", t.getHours());
    A("ti", typeof (osp_Title) == "string" ? osp_Title : document.title);
    A("url", typeof (osp_URL) == "string" ? osp_URL : document.URL);
    A("rf", parent == self ? window.document.referrer : top.document.referrer);
    A("js", "Yes");
    A("ul", navigator.appName == "Netscape" ? navigator.language : navigator.userLanguage);
    if (typeof (screen) == "object") {
        A("sr", screen.width + "x" + screen.height);
        A("cd", screen.colorDepth);
        A("jo", navigator.javaEnabled() ? "Yes" : "No");
    }
    A("section", typeof (CONTENTSECTION) == "string" ? CONTENTSECTION : "");
    A("custom", typeof (CUSTOMDATA) == "string" ? CUSTOMDATA : "");
    if (W.length > 2048 && navigator.userAgent.indexOf('MSIE') >= 0)
        W = W.substring(0, 2043) + "&tu=1";

    if (W.indexOf("localhost") == -1) {
        document.write('<div style="position:absolute; display:none">');
        document.write('<A HREF="http://www.onestat.com/asp/login.asp?sid=168039" target=_blank><IMG ID="ONESTAT_TAG" BORDER="0" SRC="' + W + '" ALT="This Site Tracked by OneStat.com"></A>');
        document.write('</div>');
    }
}