$(function() {
	// Load Menu
	loadMenu();	
	
	$('#gallery1').jcarousel({
        size: mycarousel_itemList1.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback1}
    });
	
	$('#gallery2').jcarousel({
        size: mycarousel_itemList2.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback2}
    });
	
	$('#gallery3').jcarousel({
        size: mycarousel_itemList3.length,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback3}
    });	

	SelectActiveItem();
});

function SelectActiveItem()
{	
	var activeItem = $("#" + GetCurrentPage(currentpage));
	if(activeItem)
	{
		activeItem.unbind("mouseenter");
		activeItem.unbind("mouseleave");

		
		if (activeItem.is('.submenu'))
		activeItem.addClass('selectedsubmenu');
		else
		activeItem.addClass('selectedsubmenu2');
	}
		
}

function loadMenu()
{	
	$('#menu').mouseenter(function() {
  		$('#menu').css('cursor', 'pointer');
	});	
	
	$('#menu .content ul li:first').css('border-top', 'solid #6f88a8 1px');
	$('#menu .content ul li:last').css('border-bottom', 'none');
	
	$('#menu .content ul li:not(.submenu):not(.selected)').bind({
		mouseenter: function(){
			$(this).addClass('selected');
		}
		,mouseleave: function(){
			$(this).removeClass('selected');
		}
	});
	
	$('#menu .content ul li.submenu').bind({
		mouseenter: function(){
			$(this).addClass('selectedsubmenu');
		}
		,mouseleave: function(){
			$(this).removeClass('selectedsubmenu');
		}
	});
	
	$('#menu .content ul li.submenu2').bind({
		mouseenter: function(){
			$(this).addClass('selectedsubmenu2');
		}
		,mouseleave: function(){
			$(this).removeClass('selectedsubmenu2');
		}
	});
}

function GetCurrentPage(currentpage)
{
	if(currentpage=='fotoreportage')
		return 'fotoreportages';
		
	if(currentpage=='bericht')
		return 'berichten';
		
	if(currentpage=='media')
		return 'media_archief';
		
	return 'm-' + currentpage;
}

function mycarousel_itemLoadCallback1(carousel, state)
{
	var photoitems = [];
	
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList1.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList1[i-1]));
    }
	
	 $("#gallery1 a").fancybox({
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		},
		'itemArray' : mycarousel_itemList1
	});
};

function mycarousel_itemLoadCallback2(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList2.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList2[i-1]));
    }
    
    $("#gallery2 a").fancybox({
		
		itemArray : mycarousel_itemList2,
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, mycarousel_itemList2, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + mycarousel_itemList2.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
		
	});
};

function mycarousel_itemLoadCallback3(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList3.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList3[i-1]));
    }
    
    $("#gallery3 a").fancybox({
		
		itemArray : mycarousel_itemList3,
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, mycarousel_itemList3, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + mycarousel_itemList3.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
		
	});
};

function mycarousel_getItemHTML(item)
{
    return '<li><a rel="gallery' + item.gallery + '" href="' + item.href + '"><img src="' + item.thumburl + '"/></a></li>';
};