$(document).ready(function(){
    
    $('.knop-leesmeer').css("cursor","pointer");    
    $('.knop-leesmeer').click(function() {


        if($(this).attr("class") == "knop-leesmeer"){        
            $(this).parent().children('.html-vervolg').each(function (i) {                
                $(this).slideDown("slow");    
            });                  
            $(this).attr("class","knop-leesminder");        
            $(this).html("Top");
            $(this).parent().find('.knop-terug').fadeIn(500);
            
        } else {        
            $(this).parent().children('.html-vervolg').each(function (i) {                
                
                $(this).slideUp("slow");    
            }); 
            
            $(this).parent().find('.knop-terug').hide(0);
                       
            $(this).attr("class","knop-leesmeer");  
            $(this).html("Lees meer");      
        }
        
    });
    
    $('.knop-terug').css("cursor","pointer");
    $('.knop-terug').click(function() {
        history.go(-1);
    });   
    
    
    $('.html-vervolg').each(function (i) {        
        if(!$(this).hasClass('loadOpened')){
            
            $(this).parent().find('.knop-terug').hide();
            
        } else {
            
            $(this).parent().find('.knop-terug').show();
            $(this).show();
            $(this).parent().find('.knop-leesmeer').html("Top");
            $(this).parent().find('.knop-leesmeer').attr("class","knop-leesminder");        
            
            
        }
    });

    $('.top-menu-listitem').mouseover(function() {
        
        $('.top-menu-listitem').each(function (i) {        
            $(this).css("border-bottom","1px solid #bababa");
            $(this).css("padding-bottom","0px");
        });
        
        $(this).css("border-left","1px solid #bababa");
        $(this).css("border-right","1px solid #bababa");
        $(this).css("padding-left","0px");
        $(this).css("padding-right","0px");
        $(this).css("background-color","white");
        $(this).css("border-bottom","0px solid #bababa");
        $(this).css("padding-bottom","1px");      
        
        $(this).children('.sub-list').each(function (i) {        
            $(this).show();        
        });    
        /*
        $('.top-menu-listitem.first').css("padding-left","0px");
        $('.top-menu-listitem.first').css("border-left","1px solid #bababa");
        $('.top-menu-listitem.last').css("padding-right","0px");
        $('.top-menu-listitem.last').css("border-right","1px solid #bababa");
        */          
        $(this).css("padding-bottom","1px");      
        
    });

    $('.top-menu-listitem').mouseout(function() {
        
        $('.top-menu-listitem').each(function (i) {        
            $(this).css("border-bottom","0px solid #bababa");
            $(this).css("padding-bottom","1px");
        });
        
        $(this).css("border-left","0px solid #bababa");
        $(this).css("border-right","0px solid #bababa");
        $(this).css("padding-left","1px");
        $(this).css("padding-right","1px");
        $(this).css("background-color","transparent");
        $(this).css("border-bottom","0px solid #bababa");
        $(this).css("padding-bottom","1px");
        
        $(this).children('.sub-list').each(function (i) {
             $(this).hide();
        }); 
        /*
        $('.top-menu-listitem.first').css("padding-left","1px");
        $('.top-menu-listitem.first').css("border-left","0px solid #bababa");
        $('.top-menu-listitem.last').css("padding-right","1px");
        $('.top-menu-listitem.last').css("border-right","0px solid #bababa");
        */
    });

    $('.diagram-content').hide();
    $('.diagram-area').each(function(){
  
    });
    $('.diagram-area').mouseover(function(){    
        $('#raadhuis-diagram').attr('src', $(this).attr('afbeelding'));
        $('.diagram-content').hide();
        $('.' + $(this).attr('content')).fadeIn(100);
		}).mouseout(function(){
	    //	$('#raadhuis-diagram').attr('src', $(this).closest('map').attr('afbeelding'));
        //  $('.' + $(this).attr('content')).fadeOut(100);
	 }); 
});