$(document).ready(function() {
    $("#menu li").append("<span class=\"left\"><img src=\"./images/menu-background-left.jpg\" alt=\"\" /></span><span class=\"right\"><img src=\"./images/menu-background-right.jpg\" alt=\"\" /></span>");
          
    // < IE 7 browser bugs oplossen
    if ($.browser.msie) {
        var browser = navigator.appVersion.indexOf("MSIE");
        var versie = parseInt(navigator.appVersion.substr(browser+4, 4));
        
        if (versie < 7) {
            $('img[@src$=.png]').ifixpng(); 
            setIE6MenuHover();            
        }
    }
    
    // Inladen slogans / animatie foto's.
	loadInnerFade();
	loadSlogans();
	
	// Externe links actief maken.
    $("a[@rel$='external']").click(function(){
        this.target = "_blank";
    });
    
    // Services pagina, enkel gekozen tonen.
    var url = window.document.location.toString();
    
    if (url.indexOf("services.html") != -1) {
        var positie = url.indexOf("?");
        
        if (positie != -1) {
            $("#contentRight").children("h2").hide();
            $("#contentRight").children("p").hide();
            $("." + url.substr(positie+1)).show();
        }
    }
});

function setIE6MenuHover() {
    var selected;
            
    if ($(".menuHover").children("a").eq(0).attr("id") != "") {
        var currentPage = $(".menuHover");
        currentPage.removeClass();
        currentPage.addClass("menuHoverIE");
    }
    
    
    $("#menu li").hover(function() {
        var linkId = $(this).children("a").eq(0).attr("id");
        var cssKlasse = "";
        
        if ((linkId == "homeLink") || (linkId == "servicesLink") || (linkId == "contactusLink")) {
            cssKlasse = "menuHoverIE";
        } else {
            cssKlasse = "menuHover";
        }
        
        selected = false;
        
        if ($(this).attr("class") == "") {
            $(this).removeClass();
            $(this).addClass(cssKlasse);
        } else {
            selected = true
        }
    }, function() {
        if (!(selected)) {
            $(this).removeClass();
        }
    });
}

function loadInnerFade() {
    for (var i = 1; i < 3; i++) {
        $("#headerImages").append("<p><img src=\"./images/header-foto-" + (i+1) + ".jpg\" alt=\"\" /></p>");
    }
    
    if ($('#headerImages').length > 0) {
        $('#headerImages').innerfade({
            speed: 'slow',
            timeout: 6000,
            type: 'random',
            containerheight: '155px'
        });  
    }
}

function loadSlogans() {
    if ($("#language").length > 0) {
        var lang = $("#language").val();
                
        switch (lang) {
            case '1':
                $("#slogans").html(" ");
                $("#slogans").append("<div><h1>Strakke planning? </h1><p>Onze consultants geven resultaten vanaf de eerste dag.</p></div>");
                $("#slogans").append("<div><h1>Extra know-how nodig?</h1><p>Onze consultants vullen aan waar nodig.</p></div>");
                $("#slogans").append("<div><h1>Training?</h1><p>Harmonize It verzorgt trainingen, standaard of op maat.</p></div>");
                $("#slogans").append("<div><h1>Extra know-how nodig?</h1><p>Onze consultants vullen aan waar nodig.</p></div>");
                $("#slogans").append("<div><h1>Strakke planning? </h1><p>Onze consultants geven resultaten vanaf de eerste dag.</p></div>");            
                break;

            case '2':
                $("#slogans").html(" ");
                $("#slogans").append("<div><h1>Resource Issue?</h1><p>Our consultants give results from the first day.</p></div>");
                $("#slogans").append("<div><h1>Need specialized skills?</h1><p>Our consultants deliver the know how.</p></div>");
                $("#slogans").append("<div><h1>Training?</h1><p>Harmonize It delivers standard or customised training sessions.</p></div>");
                $("#slogans").append("<div><h1>Need specialized skills?</h1><p>Our consultants deliver the know how.</p></div>");
                $("#slogans").append("<div><h1>Resource Issue? </h1><p>Our consultants give results from the first day.</p></div>");            
                break;
        }
    }
    
    
    if ($("#slogans div").length > 1) {
    $('#slogans').serialScroll({
	    items:'div',
	    duration:700,
	    force:true,
	    cycle: false,
	    axis:'y',
	    lazy: true,
	    interval:3000,
	    step:1
    });				
    }
}