$(document).ready(initJQuery);

function initJQuery() {
	$(" #nav ul ").css({display: "none"}); // Opera Fix
	$(" #nav li").hover(
        function(){
		    $(this).find('ul:first').css({visibility: "visible", display: "none"}).show(400);
	    },
        function() {
		    $(this).find('ul:first').css({visibility: "hidden"});
	    }
    );
	
	$("#filter").multiSelect({
        selectAllText: 'Alle projecten',
        noneSelected: 'Kies project'
    }, 
    function(el) {
		var selects = new Array();
		$('.multiSelectOptions').find('INPUT:checkbox:checked').not('.selectAll').each( function(i) {
			selects[i] = $(this).val();
    		});
		var param = selects.join(",");   
		sendToServerByAJAX('ajax_portfolio.html','ids=' + param,'portfolio','');
	});
	
    $('#portPrevious1').click(portPrevious1);

    function portPrevious1() {
		sendToServerByAJAX('ajax_portfolio.html','page=' + $('#pagePreviousValue').val(),'portfolio','');
	}
    
	$('#portPrevious2').click(portPrevious2);
    
	function portPrevious2() {
		sendToServerByAJAX('ajax_portfolio.html','page=' + $('#pagePreviousValue').val(),'portfolio','');
	}
    
	$('#portNext1').click(portNext1);
    
	function portNext1() {		
		sendToServerByAJAX('ajax_portfolio.html','page=' + $('#pageNextValue').val(),'portfolio','');
	}
    
	$('#portNext2').click(portNext2);
    
	function portNext2() {
		sendToServerByAJAX('ajax_portfolio.html','page=' + $('#pageNextValue').val(),'portfolio','');
	}
	
	$('#portPrevious3').click(portPrevious3);
    
    function portPrevious3() {
		$('.previousPreloadedImage').html('<img src="../admin/images/indicator.gif" width="16" height="16" border="0" />');
		sendToServerByAJAX('ajax_portfolio.html','page='+$('#pagePreviousValue').val()+'&ids='+$('#ids').val(),'portfolio','');
	}
    
	$('#portPrevious4').click(portPrevious4);
    
	function portPrevious4() {
		$('.previousPreloadedImage').html('<img src="../admin/images/indicator.gif" width="16" height="16" border="0" />');
		sendToServerByAJAX('ajax_portfolio.html','page='+$('#pagePreviousValue').val()+'&ids='+$('#ids').val(),'portfolio','');
	}
	$('#portNext3').click(portNext3);
    
	function portNext3() {
		$('.nextPreloadedImage').html('<img src="../admin/images/indicator.gif" width="16" height="16" border="0" />');
		sendToServerByAJAX('ajax_portfolio.html','page='+$('#pageNextValue').val()+'&ids='+$('#ids').val(),'portfolio','');
	}
    
	$('#portNext4').click(portNext4);
    
	function portNext4() {
		$('.nextPreloadedImage').html('<img src="../admin/images/indicator.gif" width="16" height="16" border="0" />');
		sendToServerByAJAX('ajax_portfolio.html','page=' + $('#pageNextValue').val() + '&ids=' + $('#ids').val(), 'portfolio','');
	}
	
	function sendToServerByAJAX(url,data,divId,mode) {
		$.ajax({
			type:'POST',
			url:url,
			data:data,
			error:function (XMLHttpRequest, textStatus, errorThrown) {
            },
			success:function(response) {
				$('#'+divId).html(response);
				$('#portPrevious1').click(portPrevious1);
				$('#portPrevious2').click(portPrevious2);
				$('#portNext1').click(portNext1);
				$('#portNext2').click(portNext2);
				$('#checkboxIds').val('');
                initJQuery();
			}
		});
	}
}