$(document).ready(function(){
	$('.menuItems a').click(function(){
		//$('.menuItems a').removeClass('active');
		//$(this).addClass('active');
		//$('#activeItem').html($(this).html());		
		//$("#pageOverview ul").remove();
		//$("<ul></ul>").appendTo("#pageOverview");
		//$("#pageOverview ul").load("pages.php?method=getOverview&id_cat=" + $(this).attr('href'));
		
		$('#pageNav a').removeClass('disabled');
		$('#pageNav a.prev').addClass('disabled');
		
		//$("#content").load("pages.php?id_cat=" + $(this).attr('href'));
		
		//return false;
	});		
});	

function ClassProjects()
{
	this.steps = 10;
	this.timeout = false;

	this.ClickThumb = function(n)
	{		
		var descId = ArrayPhotos[n].split("#");
		var foto = ArrayPhotos[n];
				
		$('#pageOverview a').removeClass('active');
		$('#Thumb' + this.CurrentImage).addClass('thumb');
		$('#Thumb' + n).addClass('on');
		$('#Thumb' + n).parent().addClass('active');
		
		this.CurrentImage = n;
		$("#large").attr("src",ArrayPhotos[n].replace('/thumbs/', '/files/'));
		
		this.From = document.getElementById('pageOverview').scrollTop;
		this.To = n*36 - 72;
		this.DoStep(0);
		$("#pageDescription").load("pages.php?method=getDescription&id=" + descId[1]);
	}

	this.DoStep = function(step)
	{
		step ++;
		document.getElementById('pageOverview').scrollTop = this.Factor(step / this.steps) * (this.To - this.From) + this.From;
		if (this.timeout) clearTimeout(this.timeout);
		if (step < this.steps) this.timeout = setTimeout('Projects.DoStep(' + step + ')', 10);
	}

	this.Up = function()
	{
		var Next = this.CurrentImage - 1;
		if (Next < 0) Next = 0;
		this.ClickThumb(Next);
	}

	this.Down = function()
	{
		Next = this.CurrentImage + 1;
		if (Next > ArrayPhotos.length - 1) Next = ArrayPhotos.length - 1;
		this.ClickThumb(Next);
	}

	this.Factor = function(f)
	{
		return .5 - Math.cos(f * Math.PI) * .5;
	}

	this.Initialize = function()
	{
		
		if (document.getElementById('pageOverview')) {
			this.CurrentImage = 0;
			if (self.location.href.indexOf('imgnr=') > -1) {
				var url = self.location.href;
				var start = url.indexOf('imgnr=');
				var end = url.indexOf('&', start);
				if (end == -1) end = url.length;
				this.CurrentImage = parseInt(url.substring(start+6, end));
			}
			this.To = this.CurrentImage*36 - 72;
			
			var sHtml = '<ul>';
			for(var i=0; i<ArrayPhotos.length; i++) {
				var foto = ArrayPhotos[i];
				var omschrijving = 'Foto';
				if (foto.indexOf('#') > -1) {
					omschrijving = foto.substring(foto.indexOf('#')+1);
					while(omschrijving.indexOf("'") > -1) omschrijving = omschrijving.replace("'", "&#8217;");
					foto = foto.substring(0, foto.indexOf('#'));
				}
				
				if (i == this.CurrentImage) {
					document.getElementById('large').src = foto.replace('/thumbs/', '/files/');
				}

				sHtml += '<li><a href="javascript:Projects.ClickThumb(' + i + ')"'
				if (i == this.CurrentImage)
				{
					sHtml += ' class="active"';
				}
				else
				{
					sHtml += ' class=""';
				}
				sHtml += '><img'
				sHtml += ' id="Thumb' + i + '" width="194" height="34" src="' + foto + '" alt="" /></a></li>';
			}
			sHtml += '</ul>';
			document.getElementById('pageOverview').innerHTML = sHtml;
			setTimeout("document.getElementById('pageOverview').scrollTop = " + this.To, 1);
		}
		else
		{
			setTimeout('Projects.Initialize()', 250);
		}
	}
}