//Het eerste submenu
function menu(obj, name){
    // als de mouseover over het menu gegaan is blijft de subsub staan. dat is niet de bedoeling dus die maken we hier leeg.
    $("#sub_sub_site_nav").html("");
    // de var obj is het gehele obj of is leeg
	obj = obj || null;
    // zet de naam
	name = name || $(obj).attr("class");
	
    // kijk welke naam van het menu word doorgegeven en elke positie voor het fisheye menu je moet hebben en je haalt hier het submenu op
	if(name == "home")
	{
		$("#menu").css("background-position", "0 0");
		getSubMenu("home", 1);
	}
	if(name == "vereniging")
	{
		$("#menu").css("background-position", "0 -21px");
		getSubMenu("vereniging", 10);
	}
	if(name == "leden")
	{
		$("#menu").css("background-position", "0 -42px");
		getSubMenu("leden", 17);
	}
	if(name == "agenda")
	{
		$("#menu").css("background-position", "0 -63px");
		getSubMenu("agenda", 18);
	}
	if(name == "nieuws")
	{
		$("#menu").css("background-position", "0 -84px");
		getSubMenu("nieuws", 19);
	}
	if(name == "contact")
	{
		$("#menu").css("background-position", "0 -105px");		
		getSubMenu("contact", 20);
	}	
}

// we gaan kijken of we een gebruiker aan een activiteit kunnen koppelen
function addActivity(us_id, ag_id){
    
    // kijk eerst of de klant daadwerkelijk zich aan wil melden voor een activiteit
    var yes = confirm('Weet u zeker dat u zich aan wilt melden voor deze activiteit?');
    // als het user id niet leeg is en er dus is ingelogd gaan we kijken
    // of de gebruiker in de juiste groep zit
    if(us_id != '')
    {
        if(yes == true)
        {
            $.ajax({
        		url: "/ajax/addActivity",
        		type: "POST",
        		data: { check: 'true', user_id: us_id, agenda_id: ag_id},
        		cache: false,
        		async: false,
        		success: function(data) 
        		{  
        			alert(data);
        			//data = unescape(data);	 
        			//$("#sub_site_nav").html('<div class="s' + id + '">' + data + '</div>');	
        			//var classname = "s" + id;
                    location.reload();
                    
        		}
        	});
        }
    }
    // dan is er dus niet ingelogd
    else{
        alert('U bent niet ingelogd. Log eerst in voordat u verder gaat');
    }
    
}

// we gaan kijken of we een gebruiker aan een activiteit kunnen koppelen
function removeActivity(id){
    
    // we gaan eerst kijken of de gebruiker ook daadwerkelijk de activiteit wil verwijderen
    var yes = confirm('Weet u zeker dat u deze activiteit wilt verwijderen?');
    // als het user id niet leeg is en er dus is ingelogd gaan we kijken
    // of de gebruiker in de juiste groep zit
    if(id != '')
    {
        if(yes == true)
        {
            $.ajax({
        		url: "/ajax/addActivity",
        		type: "POST",
        		data: { remove: 'true', activity_id: id},
        		cache: false,
        		async: false,
        		success: function(data) 
        		{  
        			alert(data);
        			//data = unescape(data);	 
        			//$("#sub_site_nav").html('<div class="s' + id + '">' + data + '</div>');	
        			//var classname = "s" + id;
                    location.reload();
                    
        		}
        	});
        }
    }
    // dan is er dus niet ingelogd
    else{
        alert('U bent niet ingelogd. Log eerst in voordat u verder gaat');
    }
    
}

// Verkrijg het submenu
function getSubMenu(id, nav_id_in)
{
	$.ajax({
		url: "/ajax/getNav",
		type: "POST",
		data: { action:'getSubNav', nav_id: nav_id_in, menu_id: id },
		cache: false,
		async: false,
		success: function(data) 
		{  
			data = unescape(data);	 
			$("#sub_site_nav").html('<div class="s' + id + '">' + data + '</div>');	
			var classname = "s" + id;
		}
	});
}

// Het subsubmenu
function submenu(obj, container, id)
{
	container = container || $(obj).attr("menu_id");
	id = id || $(obj).attr("id");
	//var id = $(obj).attr("id");
	//alert(name);
	$.ajax({
		url: "/ajax/getNav",
		type: "POST",
		data: { action:'getSubSubNav', nav_id: id },
		cache: false,
		async: false,
		success: function(data) 
		{  
			//alert(data);
			data = unescape(data);	 
			$("#sub_sub_site_nav").html('<div class="ss' + container + '">' + data + '</div>');	
		}
	});		
}

// als de menus aangeklikt zijn, moeten ze geselecteerd blijven en een ander kleurtje krijgen
function selectMenu(id)
{
    $("#" + id).css("background-position", "0 -17px");
}

// als de pagina uitgeladen is
$(document).ready(function() {	
    // hier kijk je hoe hoog de pagina is en zet je de background op die zelfde hoogte 
    var bgheight = $("#wood_container").height();
	$("#bg_container").css("height", bgheight);
	$("#bg_container img").css("height", bgheight);
	
	// deze functies zijn allemaal voor het schalen van de hoogte van de spacer van het papiertje op het prikbord
    // deze functie betreffende de defaultpagina's
	var height = $("#site_content .default_content").height() - 372;
	if(height >= 0)
	{
		$("#sub_paper").css("display", "block");
		$("#sub_paper_spacer").css("height", height);
		$(".default_content").css("margin-left", "30px");
		$(".default_content").css("width", "650px");
	}
	else{
		$(".default_content").css("margin-left", "30px");
		$(".default_content").css("width", "650px");
	}
    // deze functie betreffende het smoelenboek
	var heightsmoel = $("#smoelenboek").height() - 472;
	if(heightsmoel >= 0)
	{
		$("#sub_paper_spacer").css("height", heightsmoel + 100);
	}
    // deze functie betreffende het nieuws
    var heightnews = $(".newsdetail_container").height() - 412;
	if(heightnews >= 0)
	{
	    // IE 6.0 fix
	    if($.browser.msie && $.browser.version == "6.0")
        {
            $("#sub_paper").css("margin-left", "15px");
        }
        else
        {
            $("#sub_paper").css("margin-left", "45px");        
        }
           
    		$("#sub_paper").css("display", "block");
    		$("#sub_paper_spacer").css("height", heightnews + 50 + "px");
    		$(".newsdetail_container").css("margin-left", "30px");
    		$(".newsdetail_container").css("width", "650px");
    		$(".content").css("width", "625px");
	}
	// deze functie betreffende de ledenpagina
	var leden = $(".leden_container").height() - 472;
	if(leden >= 0)
	{
		$("#sub_paper").css("display", "block");
		$("#sub_paper_spacer").css("height", leden + 50);
        // IE 6.0 fix
        if($.browser.msie && $.browser.version == "6.0")
        {
            $("#sub_paper").css("margin-left", "15px");
        }
        else
        {
            $("#sub_paper").css("margin-left", "45px");        
        }
		$(".content").css("width", "670px");
	}
    // deze functie betreffende het fotoboek
    var fotoboek = $(".photobook_foto_container").height() - 402;
	if(fotoboek >= 0)
	{
		$("#sub_paper_spacer").css("height", fotoboek);
        $(".photobook_foto_container").css("margin-left", "0px");
	}
	//deze functie betreffende de leden details pagina	
	var ledendetails = $(".leden_details_container").height() - 511;
	if(ledendetails >= 0)
	{
		$("#sub_paper").css("display", "block");
		$("#sub_paper_spacer").css("height", ledendetails +100);
        // IE 6.0 fix
        if($.browser.msie && $.browser.version == "6.0")
        {
            $("#sub_paper").css("margin-left", "15px");
        }
        else
        {
            $("#sub_paper").css("margin-left", "45px");      
        }
		$("#leden_details_container").css("margin-left", "30px");
		$("#leden_details_container").css("margin-top", "20px");
		$("#leden_details_container").css("width", "650px");
		$(".content").css("width", "670px");
	}
	
    // de mouseover's voor de ledenpagina
	$("a.leden").bind('mouseover', function() {
		leden_mouseover(this);
	});
	$("a.leden").bind('mouseout', function() {
		leden_mouseout(this);
	});
	
    // de minimale hoogte voor de background spacer (zodat hij altijd mooi op gelijke hoogte zit met het einde van de pagina)
	$("#sub_paper_spacer").css("min-height", "84px");
	
    // alle a href tags met de class gallery moet je een lightbox achter knopen
	$("a.gallery").lightBox();
    
    //document.getElementById("fix").getAttribute("src").value = "../images/logo.jpg";
    
    
    // IE6 Fix
    if($.browser.msie && $.browser.version == "6.0")
    {
        // PNG transparency fix
        $("img[src=.png], .poll a, #menu,#sub_paper_header, #poll .result, #top_container img").wifixpng().wiunfixpng().wifixpng();	
        //var logo = document.getElementById("fix").getAttribute("src");
        //alert(logo);
        
        $(".smoelenboek").css("margin-top", "-50px");
        $(".smoelenboek").css("margin-left", "-315px");
        
        $("#poll .percentage").css("height", "-10px");
        
        $("#sub_paper").css("margin-left", "15px");

        $("#site_menu_right").css("margin-top", "0px");
        $("#leden_container").css("position", "relative");
        
        function alert() {};
    }    
    
    // IE7 Fix
    if($.browser.msie && $.browser.version == "7.0")
    {
        $("#site_menu_right").css("margin-left", "-5px");
        $("#site_menu_right").css("margin-top", "10px");
        
        $(".smoelenboek").css("margin-top", "-50px");
        $(".smoelenboek").css("margin-left", "-315px");
        
        $("#leden_container").css("position", "relative");        
        $("#menu a.home").trigger('onMouseOver');
    }
    
    /** VOOR DE HOOGTE VAN DE ACHTERGROND SPACER **/ 
    if($("#site_content").height() > 680)
    {
        var height = $("#site_content").height() - 680;
        $("#bg_repeater").css("height", height + "px");
    }
    else
    {
        $("#bg_repeater").css("display", "none");
    }
    
    //$(".pimage").css("min-height", $(".answersss").height());
    
});

	function leden_mouseover(obj)
	{
		$(obj).css("cursor", "pointer");
        $(obj).css("border-bottom", "1px solid #0e411a");
		$(obj).css("font-weight", "bold");
        $(obj).find("ul").css("list-style-image", "url('../images/disc.png')");
		$(obj).find("ul").css("color", "#0e411a");
	}
	
	function leden_mouseout(obj)
	{
		$(obj).css("border-bottom", "0px");
        $(obj).css("font-weight", "normal");
		$(obj).find("ul").css("list-style-image", "none");
		$(obj).find("ul").css("list-style-type", "none");
		$(obj).find("ul").css("color", "#000000");
	}