var currentpage = "default";
var currentfullsizeimage = 0;
var currentfullsizeimagetotal = 0;
var run;

function loadcontent(page) {
    $('#contentcontainer').load("/" + page + ".aspx", function() {
        //callback        
        $('#menu').toggle(true);
        $('#menu a').removeClass('selected');
        $('#menu' + page).addClass('selected');
        currentpage = page;
    });
}

function LoadTeamMemberFromDropdown(name) {
    if (currentpage == "team") {
        $('#menu ul li ul a').removeClass('selected');
        $('#dd' + name.toLowerCase()).addClass('selected');
        LoadTeamMember(name);
    }
    else {
        $('#contentcontainer').load("/team.aspx?id=" + name, function() {
            //callback        
            $('#menu').toggle(true);
            $('#menu a').removeClass('selected');
            $('#menuteam').addClass('selected');
            $('#menu ul li ul a').removeClass('selected');
            $('#dd' + name.toLowerCase()).addClass('selected');
            currentpage = "team";
        });
    }
}

function ModalPanel(image, total, currentindex) {
    currentfullsizeimage = currentindex;
    currentfullsizeimagetotal = total - 1;
    $("body").append("<div id='modal-overlay'></div>");
    $("body").append("<div id='modal-loader'></div>");
    var modalWindow = $("<div id='modal-load'><div id='fullsizeimageprev' onclick='showfullsizeimage(0); return false;'>vorige</div><div id='fullsizeimagenext' onclick='showfullsizeimage(1); return false;'>volgende</div><div id='closemodaldiv'>press <img id='closemodalbutton' href='' src='/images/lightbox_close_button.png' onclick='ModalHide(); return false;' /> to close</div></div>");
    $('#modal-overlay').animate({ 'opacity': 'toggle' }, { duration: 1000 });
    var img = new Image();
    $(img).load(function() {
        modalWindow.append(img);
        $("#modal-loader").remove();
        $("body").append(modalWindow);
        modalWindow.fadeIn(150);
        fullsizeimageloaded(currentindex, total);
    })
        .attr({ src: image }).attr({ id: "fullsizeimage" });
}

function ModalHide() {
    var remove = function() {
        $('#modal-overlay').remove();
    }
    $('#modal-overlay').fadeOut(remove);
    $('#modal-load').remove();
}

function showfullsizeimage(prev) {
    if (prev == 0) {
        currentfullsizeimage = currentfullsizeimage - 1;
        if (currentfullsizeimage == 0) {
            $('#fullsizeimageprev').toggle(false);
        }
        else {
            $('#fullsizeimageprev').toggle(true);
        }

        if (currentfullsizeimage < 10) {
            if (currentfullsizeimage == 9) {
                $('#fullsizeimage').attr('src', $('#fullsizeimage').attr('src').replace((currentfullsizeimage + 1), "0" + currentfullsizeimage));
            }
            else {
                $('#fullsizeimage').attr('src', $('#fullsizeimage').attr('src').replace("0" + (currentfullsizeimage + 1), "0" + currentfullsizeimage));
            }
        }
        else {
            $('#fullsizeimage').attr('src', $('#fullsizeimage').attr('src').replace((currentfullsizeimage + 1), currentfullsizeimage));
        }
    }
    else {
        currentfullsizeimage = currentfullsizeimage + 1;
        if (currentfullsizeimage == currentfullsizeimagetotal) {
            $('#fullsizeimagenext').toggle(false);
        }
        else {
            $('#fullsizeimagenext').toggle(true);
        }
        if (currentfullsizeimage <= 10) {
            if (currentfullsizeimage == 10) {
                $('#fullsizeimage').attr('src', $('#fullsizeimage').attr('src').replace("0" + (currentfullsizeimage - 1), currentfullsizeimage));
            }
            else {
                $('#fullsizeimage').attr('src', $('#fullsizeimage').attr('src').replace("0" + (currentfullsizeimage - 1), "0" + currentfullsizeimage));
            }
        }
        else {
            $('#fullsizeimage').attr('src', $('#fullsizeimage').attr('src').replace((currentfullsizeimage - 1), currentfullsizeimage));
        }
    }
    fullsizeimageloaded();
}

function fullsizeimageloaded() {
    if (currentfullsizeimage == 0) {
        $('#fullsizeimageprev').toggle(false);
    }
    else {
        $('#fullsizeimageprev').toggle(true);
    }

    if (currentfullsizeimage == currentfullsizeimagetotal) {
        $('#fullsizeimagenext').toggle(false);
    }
    else {
        $('#fullsizeimagenext').toggle(true);
    }
}

function RandomBackground() {
    if (backgroundindex == 0) {
        backgroundindex = backgroundindex + 1;
        $("#backgroundimagehomepage" + backgroundindex).animate({ "opacity": "toggle" }, { duration: 1000 });
    }
    else {
        backgroundindex = backgroundindex + 1;
        if (backgroundindex == 5) {
            backgroundindex = 1;
            $("#backgroundimagehomepage4").animate({ "opacity": "toggle" }, { duration: 1000 });
            setTimeout("$('#backgroundimagehomepage" + backgroundindex + "').animate({ 'opacity': 'toggle' }, { duration: 1000 });", 1200);
        }
        else {
            $("#backgroundimagehomepage" + (backgroundindex - 1)).animate({ "opacity": "toggle" }, { duration: 1000 });
            setTimeout("$('#backgroundimagehomepage" + backgroundindex + "').animate({ 'opacity': 'toggle' }, { duration: 1000 });", 1200);
        }
    }
}

function MusicPlayer() {
    var numRand = Math.floor(Math.random() * 3);    
    $("#jquery_jplayer").jPlayer({
    ready: function() {            
            this.element.jPlayer("setFile", "http://www.o-buro.nl/music/"+numRand+".mp3", "http://www.o-buro.nl/music/"+numRand+".ogg").jPlayer("play");
        },
        volume: 50,
        oggSupport: true,
        customCssIds: true
    })
    .jPlayer("cssId", "play", "btn-play")
    .jPlayer("cssId", "pause", "btn-pause")
    .jPlayer("cssId", "stop", "btn-stop")
    .jPlayer("onSoundComplete", function() {
        this.element.jPlayer("setFile", "http://www.o-buro.nl/music/" + countMusicNumbers(numRand) + ".mp3", "http://www.o-buro.nl/music/" + countMusicNumbers(numRand) + ".ogg").jPlayer("play");
    });
        
function countMusicNumbers(current) {
    if (current == 2) {
        return 0;
    }
    else {
        return current + 1;
    }
}
}
//(function($) {
//    var cache = [];
//    // Arguments are image paths relative to the current page.
//    $.preLoadImages = function() {
//        var args_len = arguments.length;
//        for (var i = args_len; i--; ) {
//            var cacheImage = document.createElement('img');
//            cacheImage.src = arguments[i];
//            cache.push(cacheImage);
//        }
//    }
//})(jQuery)