// JScript File
// jQuery by Corben Leek
			
function changePage(id) {
	// Switch to pageName page
	    $('div#contenttext').hide();
	    $("div.vlakcontainer").block({message : "Even geduld..."});
		$('div#contenttext').load('./content.ashx?id=' + id , function(){
		    $("div.vlakcontainer").unblock();
		    $('div#contenttext').fadeIn(350);
		}); // load page content and fade in
		
		if ($('div#aanmeldform')){
		    $('div#aanmeldform').hide();
		}		    
}
function changeSlakje(action, id){
    if (action == 'over'){
        $('#' + id).attr(
        {
            src: "/upload/1/slakjeaan.jpg",
            title: "Dag deel",
            alt: "Dag deel"
            
        });
        showDagDeel(id); // Maak de info zichtbaar
    } else {
        $('#' + id).attr(
        {
            src: "/upload/1/slakjeuit.jpg",
            title: "Dag deel",
            alt: "Dag deel"
            
        });
        hideDagDeel(id); // Maak de info onzichtbaar
    }
}
function showDagDeel(id) {
    var pos = $('#' + id).offset();
    var width =  $('#' + id + '_dagdeel').width();
    
    if ((pos.left + width) > 1000) {
        $('#' + id + '_dagdeel').css({ "left": (pos.left - (width+150)) + "px", "top":(pos.top +20) + "px" } );
    } else {
        $('#' + id + '_dagdeel').css({ "left": (pos.left) + "px", "top":(pos.top +20) + "px" } );
    }
    
    
    $('#' + id + '_dagdeel').fadeIn(350);
}
function hideDagDeel(id) {
    $('#' + id + '_dagdeel').fadeOut(350);
}

$(document).ready(function() {

	// check for location hash
	/*
	var currentPage = window.location.hash.substr(1);
	var menuList = $("ul#menu li a").each(function() { // select links from menu
		var pageName = $(this).attr("href");
		if(currentPage == pageName.substr(0,pageName.lastIndexOf("."))) { // compare hash to known links to prevent injection
			$("#content .container").load(pageName + " #content .container"); // load page
			$("body").attr("id",pageName); // set page id
			$("#promo_bar .container").load(pageName+" #promo_bar .container"); // load promobar and fade in
		}
	});
		<li><a class="nav_algemeen" href="#home">algemeen</a></li>
	<li><a class="nav_organisatie" href="#occasions">organisatie</a></li>
	<li><a class="nav_doelstellingen" href="#doelstellingen">doelstellingen</a></li>
	<li><a class="nav_toverbeerdag" href="#toverbeerdag">toverbeerdag</a></li>
	<li><a class="nav_groepen" href="#groepen">groepen</a></li>
	<li><a class="nav_groepen" href="#groepsleiding">groepsleiding</a></li>

	*/
    $("#navigatie a.nav_evenvoorstellen").click(function() {
        changePage(1);
        return false;
    });
	
	$("#navigatie a.nav_algemeen").click(function() {
		changePage(2);
		return false;
	});

	$("#navigatie a.nav_pedagogisch").click(function() {
		changePage(3);
		return false;
	});
	$("#navigatie a.nav_toverbeerdag").click(function() {
		changePage(4);
		return false;
	});
	$("#navigatie a.nav_groepen").click(function() {
		changePage(5);
		return false;
    });

    $("#navigatie a.nav_onsteam").click(function() {
        changePage(6);
        return false;
    });

    $("#navigatie a.nav_plaatsing").click(function() {
        changePage(8);
        return false;
    });

    $("#navigatie a.nav_oudercontacten").click(function() {
		changePage(9);
		return false;
	});

	$("#navigatie a.nav_prikbord").click(function() {
		changePage(10);
		return false;
	});

	$("#navigatie a.nav_vacatures").click(function() {
		changePage(11);
		return false;
	});
	
	$("#subnavigatie a.subnav_contact").click(function() {
		changePage(7);
		return false;
	});

});