﻿$(document).ready(function() {
    setFooter();

    // jqueryRSS : change href on MSIE6

    if ($('a.jqueryRSS').length > 0) {
        if ($.browser.msie && parseInt($.browser.version) == 6) {
            $('a.jqueryRSS').each(function() {
                $(this).attr('href', '/Vacatures/UitlegRSS.aspx');
            });
        }
    }

    /*
    *   homepage
    */

    $('#person-1 a').hover(
        function() {
            $('#wrpheader').removeClass('person-1-bg person-2-bg person-3-bg person-4-bg').addClass('person-1-bg');
            if ($.browser.msie && $.browser.version == "6.0") {
                $('#wrpheader').css('background-image', 'url(/images/body-1.png)');
            }
            $('#bgimage-all').hide();
            $('#person-1 .bgimage').removeClass('hidden');
        },
        function() {
            $('#wrpheader').removeClass('person-1-bg');
            if ($.browser.msie && $.browser.version == "6.0") {
                $('#wrpheader').css('background-image', 'url(/images/body-home.png)');
            }
            $('#bgimage-all').show();
            $('#person-1 .bgimage').addClass('hidden');
        }
    );
    $('#person-2 a').hover(
        function() {
            $('#wrpheader').removeClass('person-1-bg person-2-bg person-3-bg person-4-bg').addClass('person-2-bg');
            if ($.browser.msie && $.browser.version == "6.0") {
                $('#wrpheader').css('background-image', 'url(/images/body-2.png)');
            }
            $('#bgimage-all').hide();
            $('#person-2 .bgimage').removeClass('hidden');
        },
        function() {
            $('#wrpheader').removeClass('person-2-bg');
            if ($.browser.msie && $.browser.version == "6.0") {
                $('#wrpheader').css('background-image', 'url(/images/body-home.png)');
            }
            $('#bgimage-all').show();
            $('#person-2 .bgimage').addClass('hidden');
        }
    );
    $('#person-3 a').hover(
        function() {
            $('#wrpheader').removeClass('person-1-bg person-2-bg person-3-bg person-4-bg').addClass('person-3-bg');
            if ($.browser.msie && $.browser.version == "6.0") {
                $('#wrpheader').css('background-image', 'url(/images/body-3.png)');
            }
            $('#bgimage-all').hide();
            $('#person-3 .bgimage').removeClass('hidden');
        },
        function() {
            $('#wrpheader').removeClass('person-3-bg');
            if ($.browser.msie && $.browser.version == "6.0") {
                $('#wrpheader').css('background-image', 'url(/images/body-home.png)');
            }
            $('#bgimage-all').show();
            $('#person-3 .bgimage').addClass('hidden');
        }
    );
    $('#person-4 a').hover(
       function() {
           $('#wrpheader').removeClass('person-1-bg person-2-bg person-3-bg person-4-bg').addClass('person-4-bg');
           if ($.browser.msie && $.browser.version == "6.0") {
               $('#wrpheader').css('background-image', 'url(/images/body-4.png)');
           }
           $('#bgimage-all').hide();
           $('#person-4 .bgimage').removeClass('hidden');
       },
        function() {
            $('#wrpheader').removeClass('person-4-bg');
            if ($.browser.msie && $.browser.version == "6.0") {
                $('#wrpheader').css('background-image', 'url(/images/body-home.png)');
            }
            $('#bgimage-all').show();
            $('#person-4 .bgimage').addClass('hidden');
        }
    );

    $('#nav ul#mainlevel > li').hover(
		function() {
		    $('#nav ul ul').css('display', 'none');
		    $(this).find('ul').css('display', 'block');
		    $(this).find('ul').find('li').css('display', 'block');

		    if (!$(this).hasClass('hover') && !$(this).hasClass('active')) {
		        $(this).addClass('hover');
		    }
		},
		function() {
		    $('#nav ul ul').css('display', 'none');
		    $('#nav ul li.active ul').css('display', 'block');
		    $(this).removeClass('hover');
		    if (!$(this).hasClass('active')) {
		    }
		}
	);

    $('#nav ul#nav-level2 > li').hover(
		function() {
		    if (!$(this).hasClass('hover') && !$(this).hasClass('active')) {
		        $(this).addClass('hover');
		    }
		},
		function() {
		    $(this).removeClass('hover');
		}
	);

    $('#nav ul#mainlevel ul').hover(
        function() {
            $(this).show();
        },
        function() {

        }
    );

    /*
    *   ..
    */

    if ($('.jcarousel-container').length > 0) {
        jQuery('.jcarousel-list').jcarousel({
            scroll: 1,
            wrap: null,
            initCallback: pCarousel.init,
            easing: 'linear',
            animation: pCarousel.animationSpeed,
            buttonPrevHTML: null,
            buttonNextHTML: null
        });
    }

    /*
    *   flash video
    */

    if ($("#flash-video").length > 0) {
        $("#flash-video").css("width", "330").css("height", "200");
        var so = new SWFObject("http://www.viddix.com/viddix_s.swf?v=4af412f225a94", "video", "330", "200", "8", "#1d2532");
        so.addParam("wmode", "transparent");
        so.addParam("loop", "false");
        so.addParam("allowscriptaccess", "always");
        so.addParam("allowFullScreen", "true");
        so.write("flash-video");
    }

    //cufon replace handler
    Cufon.replace('.persoon', { hover: true });
    Cufon.replace('h1', { hover: true });
    Cufon.replace('h2', { hover: true });
    Cufon.replace('h3.box-title', { hover: true });
    Cufon.replace('.main-quote', { hover: true });
    Cufon.replace('.sub-quote', { hover: true });
    Cufon.replace('#metadata', { hover: true });
    Cufon.replace('.info', { hover: true });
    Cufon.replace('label', { hover: true });

    //tweetfeed uitklap
    $(".tweetitem:eq(1)").hide();
    $(".tweetitem:eq(2)").hide();
    $(".tweetitem:eq(3)").hide();
    $(".tweetitem:eq(0)").css("border", "none");
    $(".boxclose").hide();
    var tbheight = $(".tweetbox").height();

    $(".boxopen").click(function() {
    $(".tweetbox").animate({ height: tbheight*4.8 }, 500);
        $(".tweetitem:eq(1)").show();
        $(".tweetitem:eq(2)").show();
        $(".tweetitem:eq(3)").show();
        $(".tweetitem:eq(0)").css("border-bottom", "solid 1px #D1D1D1");
        $(".tweetitem:eq(3)").css("border", "none");
        $(".boxopen").hide();
        $(".boxclose").show(); 
    });
    $(".boxclose").click(function() {
    $(".tweetbox").animate({ height: tbheight }, 500);
        $(".tweetitem:eq(1)").hide();
        $(".tweetitem:eq(2)").hide();
        $(".tweetitem:eq(3)").hide();
        $(".tweetitem:eq(0)").css("border", "none");
        $(".boxclose").hide();
        $(".boxopen").show();
    });

    //newsfeed uitklap
    $(".newsitem:eq(1)").hide();
    $(".newsitem:eq(2)").hide();
    $(".newsitem:eq(3)").hide();
    $(".newsitem:eq(0)").css("border", "none");
    $(".boxclosenews").hide();
    var tbheight2 = $(".newsbox").height();

    $(".boxopennews").click(function() {
    $(".newsbox").animate({ height: tbheight2*3.8 }, 500);
        $(".newsitem:eq(1)").show();
        $(".newsitem:eq(2)").show();
        $(".newsitem:eq(3)").show();
        $(".newsitem:eq(0)").css("border-bottom", "solid 1px #D1D1D1");
        $(".newsitem:eq(3)").css("border", "none");
        $(".boxopennews").hide();
        $(".boxclosenews").show();
    });
    $(".boxclosenews").click(function() {
    $(".newsbox").animate({ height: tbheight2 }, 500);
        $(".newsitem:eq(1)").hide();
        $(".newsitem:eq(2)").hide();
        $(".newsitem:eq(3)").hide();
        $(".newsitem:eq(0)").css("border", "none");
        $(".boxclosenews").hide();
        $(".boxopennews").show();
    });

});


/*************************/
var pCarousel = {
    animationId: null,
    animationDir: 'right',

    //time in miliseconds to wait before scrolling
    animationTimeout: 1500,

    //time in miliseconds for the scrolling transition
    animationSpeed: 500,


    init: function(carousel) {
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.clip.hover(function() { pCarousel.halt() }, function() { pCarousel.animate(carousel); });
        pCarousel.animate(carousel);

        jQuery('a.pCarouselNext').bind('click', function() {
            pCarousel.halt();
            carousel.next();

            $(".indicators .active").removeClass("active").next().addClass("active");
            return false;
        });

        jQuery('a.pCarouselPrev').bind('click', function() {
            pCarousel.halt();
            carousel.prev();
            $(".indicators .active").removeClass("active").prev().addClass("active");
            return false;
        });

        jQuery('a.pCarouselStart').bind('click', function() {
            if (pCarousel.animationId) { //already running
                pCarousel.halt();
                carousel.scroll(1);
                pCarousel.animationDir = 'right';
            }

            pCarousel.animate(carousel);
            return false;
        });

    },

    animate: function(carousel) {

    },

    halt: function() {
        if (pCarousel.animationId) {
            clearInterval(pCarousel.animationId);
        }
    }

};

/*************************************** Footer */

function getWindowHeight() {
    var windowHeight = 0;
    if (typeof (window.innerHeight) == 'number') {
        windowHeight = window.innerHeight;
    }
    else {
        if (document.documentElement && document.documentElement.clientHeight) {
            windowHeight = document.documentElement.clientHeight;
        }
        else {
            if (document.body && document.body.clientHeight) {
                windowHeight = document.body.clientHeight;
            }
        }
    }
    return windowHeight;
}

function setFooter() {
    if (document.getElementById) {
        var windowHeight = getWindowHeight();
        if (windowHeight > 0) {
            var contentHeight = document.getElementById('wrapper').offsetHeight;
            var footerElement = document.getElementById('footer');
            var footerHeight = footerElement.offsetHeight;
            if (windowHeight - (contentHeight + footerHeight) >= 0) {
                footerElement.style.position = 'absolute';
                footerElement.style.top = (windowHeight - footerHeight) + 'px';
            }
            else {
                footerElement.style.position = 'static';
            }
        }
    }
}

window.onload = function() {
    setFooter();
}
window.onresize = function() {
    setFooter();
}

/*************************************** End of Footer */
