$(function() {
    
    //background
    var bg_location = base_url + 'assets/images/backgrounds/';
    $.backstretch(bg_location + 'page.jpg');
    //$.backstretch(bg_location + 'contact.jpg');
    $.preLoadImages(bg_location + 'mijn_diensten.jpg', bg_location + 'tarieven.jpg', bg_location + 'cv.jpg', bg_location + 'contact.jpg');
    
    //accordion
    $("#accordion").accordion({
        active: false,
        collapsible: true,
        autoHeight: false
    });
    
    $("#accordion h1:not(.dummy)").click(function() {
        $(this).css('backgroundColor',$(this).next("div").children(".item").css('backgroundColor')).removeClass("closed");
        $("#backstretch img").attr('src', bg_location + $(this).attr('id') + '.jpg');
    })
    
    //disclaimer
    $("[name=disclaimer]").live('click', function(event) {
        load_footer_content('disclaimer', event);
    });
    
    //links
    $("[name=links]").live('click', function(event) {
        load_footer_content('links', event);
    });
    
    $("#btn_close_footer img").live('click', function() {
        
        $("#footer").load(base_url + 'page/load_content/footer', function() {
            $("#footer").removeClass('big_footer', 1000, function() {
                $("#content").removeClass('big_footer').addClass('small_footer');
                
                
                $("#accordion").fadeIn();
            });
        });
        
    });
    
    //back
    $(".btn_back").click(function() {
        //$.scrollTo($(this).parent().parent());
        $.scrollTo("0px");
    });
    
    //menu mijn diensten
    $(".menu").each(function() {
        $("li:first", this).addClass('selected');
    });
    
    $("#menu1 a").click(function(event) {
        event.preventDefault();
        var item = $(this).parent();
        $("#menu2").load(base_url + 'page/load_content/menu_' + $(this).attr('rel'), function() {
            $("#menu1 li").removeClass('selected');
            item.addClass('selected');
            $("#mijn_diensten_content").load(base_url + 'page/load_content/' + $("#menu2 li:first a").attr('rel'), function() {
                $("#menu2 li").removeClass('selected');
                $("#menu2 li:first").addClass('selected');
            });
        });
    });
    
    $("#menu2 a").live('click', function(event) {
        event.preventDefault();
        var item = $(this).parent(); 
        $("#mijn_diensten_content").load(base_url + 'page/load_content/' + $(this).attr('rel'), function() {
            $("#menu2 li").removeClass('selected');
            item.addClass('selected');
        });
    });
});

function load_footer_content(item, event) {
    event.preventDefault();
    $("[name=" + item + "]").css('font-weight', 'bold');
    
    $("#footer").fadeOut();
    $("#accordion").fadeOut(function() {
        
        $("#footer").show();
        
        $("#footer").load(base_url + 'page/load_content/' + item,function() {
            $("[name=" + item + "]").css('font-weight', 'bold');
        });
        $("#content").removeClass('small_footer').addClass('big_footer');
        $("#footer").addClass('big_footer', 1000);
        
    });
}