var done = false;

var moving = false;

var openMenu = function(){
    $("div#menuButtonLeft").css("width", "1px");
    $("div#menuButtonLeft").css("display", "none");
    
    $("div#menuContent").css("width", "995px");
    $("div#menuContent").css("height", "407px");
    
    $("div#menuHolder").css("width", "1005px");
    
    $("div#highlights").css("width", "0px");
    
    $("div#highlightsButton").css("display", "none");
    
    $("div#buttonRightArrow").css("display", "none");
    
    $("div#buttonLeftArrow").css("display", "block");
    
    $('div#highlightsContainer').css("display", "none");
    
    $('#menuButton').attr("href", "");
    menuIsCollapsed = true;
    if($('.selectedFeature').hasClass('videoSlide')){
        pauseVideo();
    }
    $(".tagline").hide();
}
                
var closeMenu = function(){
    
    $('#menuContent').css("height", "0px");
    $('#menuContent').css("width", "0px");
    $('#buttonLeftArrow').hide();
    $('#buttonRightArrow').show();
    $('#menuHolder').css("width", "115");
    $('#menuButtonLeft').show();        
    $('#menuButtonLeft').css("width", "102px");
    
    $('#buttonLeftLeftArrow').hide();
    $('#buttonLeftRightArrow').show();
    $('#highlights').css("width", "140px");
    $('#highlightsButton').css("width", "10px");
    $('#highlightsButton').show();
    $('div#highlightsContainer').css("display", "block");
    
    $(".tagline").show();
    sidebarIsCollapsed = false;
        
    resumeSlideshow();
    $('#menuButton').attr("href", "/nieuws");
    menuIsCollapsed = false;
}

var selectNav = function(navItem){
   
    $("div#nav ul li").removeClass("selected");
    $("div#nav ul li#nav" + navItem).addClass("selected");
    
}

var loadTitle = function(titel){
    
}

jQuery(document).ready(function($) {
 
    var clicked = false;
    var navigate = true;
    var clicks = 0;
    
    
    var loadPage = function(url, obj){
        if(url != "" && url != "/" && menuIsCollapsed){
            
            var ah1;
            if(navigate == true){
                ah1 = $('#menuContent').animate({
                    width: 170,
                    height: 407
                }, 400);
            }
            
            $.when(ah1).done( function(){ 
                clicked = true;
                $.history.load(url);        
            });
            
        } else {
            toggleMenu();
            $.history.load(url);
        }
    }

    function load(hash) {
        if(hash.search(merknaam) == -1){
            hash = '/' + merknaam + hash;
        }
        hash = hash.replace("http://ontwikkelkien/", "/");
        hash = hash.replace("http://kien.nl/", "/");
        hash = hash.replace("http://www.kien.nl/", "/");
        $("#navContent").load(hash, function(){
            if(clicked){
                var ah2;
                if(navigate == true){
                    ah2 = $('#menuContent').animate({
                        width: 995,
                        height: 407
                    }, 400);
                }
                clicked = false;
                $.when(ah2).done( function(){ 
                    moving = false;
                    clicks = 0;
                });
            }
        });
    }
    
    
    $.history.init(function(url) {
        //        load(url == "" ? "/nieuws/index" : url);
        
        if (url != "" && url != "/"){
            load(url);
            if(!menuIsCollapsed){
                openMenu();
                menuIsCollapsed = true;
            }
        } else {
            if(menuIsCollapsed){
                closeMenu();
            }
        }
    }, {
        unescape: true
    });
    
    $(".menuNav").live("click", function(e) {
        clicks ++;
        if(!moving || clicks >= 2){
            moving = true;
            navigate = true;
            if($(this).hasClass('specNav')){
                navigate = false;
            }
        
            var url = $(this).attr("href");
            url = url.replace(/^.*#/, "");
            tempurl = url.replace("/jeep", "");
            if(locationWrapper.get() != tempurl || tempurl == ""){
                loadPage(url, this);
            }
        }
        return false;
    });
    
    $(".altNav").live("click", function(e) {
        var url = $(this).attr("href");
        url = url.replace(/^.*#/, "");
        var merkje;
        if(url.search('jeep') > 0){
            merkje = 'jeep';
        } else if(url.search('lancia')> 0){
            merkje = 'lancia';
        } else if(url.search('subaru')> 0){
            merkje = 'subaru';
        }else if(url.search('bedrijfswagens')> 0){
            merkje = 'bedrijfswagens';
        }
        
        url = url.replace("/jeep/", "/");
        url = url.replace("/lancia/", "/");
        url = url.replace("/subaru/", "/");
        var loc = '/' + merkje + '/#'+ url; 
        window.location= loc;
        return false;
    });
    
   
});