var type = 'video';
var startIndex = 0;
var numberOfItems = 4;
var pageNumber = 1;
var categoryIds = '';
var numberOfPages = 1;

$.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    $("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("/img/navigatie/nav_home_o.png", "/img/navigatie/nav_overisa_o.png", "/img/navigatie/nav_muziek_o.png", "/img/navigatie/nav_video_o.png", "/img/navigatie/nav_presentatie_o.png", "/img/navigatie/nav_contact_o.png");

$.fn.indexOf = function(e){
	for( var i=0; i<this.length; i++ ){
		if( this[i] == e ) return i;
	}
	return -1;
};

$(document).ready(function() 
{
	if($.browser.msie)
		$.browser.version = (navigator.userAgent.toLowerCase().match( /ie ([\d.]+)/ig ) || []) .sort().pop().replace( /[^\d.]/g, '' );
	
	ltie7 = $.browser.msie && $.browser.version < 7;
	
	// apply the png fix for IE6
	if(ltie7)
		$('div#menuContainer img, div.header, div.footer, h2.content-header img, span.readmore, span.info, img').ifixpng();

	$(function() {
        $('span.menuItem a img').hover(
            function() {
                this.src = this.src.replace(/\_n.png$/,'_o.png');
            },
            function() {
                this.src = this.src.replace(/_o\.png$/,'_n.png');
            }
        );
    });
    
    if($('#about'))
    {
		$('#about').accordion({ autoHeight: false });	    

		$('#about').bind('accordionchange', function(event, ui) {
			ui.oldHeader.children('span').removeClass('opened').text('klik om te openen').addClass('open');
			ui.newHeader.children('span').removeClass('open').html('&nbsp;').addClass('opened');
		});
		
		$(function() {
	        $('#about a').hover(
	            function() {
	                $(this).css('background-color', '#a44e02').css('cursor', 'pointer');
	            },
	            function() {
	                $(this).css('background-color', '#d36503').css('cursor', 'none');
	            }
	        );
	    });
    }
});

function pause(millis) 
{
        var date = new Date();
        var curDate = null;

        do { curDate = new Date(); } 
        while(curDate-date < millis)
} 

function getItems(ftype, fstartIndex, fnumberOfItems, fpageNumber, fcategoryIds, fnumberOfPages)
{
	//alert(type + ' : ' + startIndex + ' : ' + numberOfItems + ' : ' + pageNumber + ' : ' + categoryIds + ' : ' + numberOfPages);

	document.getElementById('itemcontainer').innerHTML='<div id="loading" style="height: 200px; width: 754px; text-align: center; padding-top: 50px;"><img src="img/loader.gif" /></div>';
	
	var xmlhttp;

	//alert('productId: ' + productId);
	
	if (window.XMLHttpRequest)
	{
		// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
		// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	else
	{
		alert("Your browser does not support XMLHTTP!");
	}
	xmlhttp.onreadystatechange=function()
	{
		if(xmlhttp.readyState==4)
		{
			//pause(3000);
			
			document.getElementById('itemcontainer').innerHTML=xmlhttp.responseText;
			setPageNumber(ftype, fstartIndex, fnumberOfItems, fpageNumber, fcategoryIds, fnumberOfPages);
		}
	}
	xmlhttp.open("GET","/pages/getItems.php?type="+ftype+"&startIndex="+fstartIndex+"&numberOfItems="+fnumberOfItems+"&pageNumber="+fpageNumber+"&categoryIds="+fcategoryIds,true);
	xmlhttp.send(null);	
}

function setPageNumber(ftype, fstartIndex, fnumberOfItems, fpageNumber, fcategoryIds, fnumberOfPages)
{
	pageNumber = fpageNumber;
	startIndex = fpageNumber*fnumberOfItems;
	var myelement = "a#page" + fpageNumber;
	
	$(myelement).parent().children('a').removeClass('active'); 
	$(myelement).addClass('active');
	
	if(pageNumber == 1)
		$("a[href='#previous']").css('visibility', 'hidden');
	else
		$("a[href='#previous']").css('visibility', 'visible');
		
	if(pageNumber == numberOfPages)
		$("#next").css('visibility', 'hidden');
	else
		$("a[href='#next']").css('visibility', 'visible');
		
}

$("a[href='#previous']").live("click", function(){
	pageNumber = parseInt($("a.active").attr("id").replace("page",""))-1;
	startIndex = (pageNumber-1) * numberOfItems;
	getItems(type, startIndex, numberOfItems, pageNumber, categoryIds, numberOfPages);
});

$("a[href='#next']").live("click", function(){
	pageNumber = parseInt($("a.active").attr("id").replace("page",""))+1;
	startIndex = (pageNumber-1) * numberOfItems;
	getItems(type, startIndex, numberOfItems, pageNumber, categoryIds, numberOfPages);
});