function rotate() {
	// Get the first image
	var current = ($('div#rotator ul li.show') ? $('div#rotator ul li.show')
			: $('div#rotator ul li:first'));

	// Get next image, when it reaches the end, rotate it back to the first
	// image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first')
			: current.next())
			: $('div#rotator ul li:first'));

	// Set the fade in effect for the next image, the show class has higher
	// z-index
	next.css( {
		opacity : 0.0
	}).addClass('show').animate( {
		opacity : 1.0
	}, 1000);

	// Hide the current image
	current.animate( {
		opacity : 0.0
	}, 1000).removeClass('show');
}

function theRotator() {
	// Set the opacity of all images to 0
	$('div#rotator ul li').css( {
		opacity : 0.0
	});

	// Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css( {
		opacity : 1.0
	});

	// Call the rotator function to run the slideshow, 6000 = change to next
	// image after 6 seconds
	setInterval('rotate()', 6000);
}

$(document).ready(function() {
	theRotator();
	var myFile = document.location.toString();
	if (myFile.match('#')) {
		var myAnchor = myFile.split('#')[1];
		$.ajax({
			type: "POST",
			url: HTTP_ROOT+myAnchor,
			cache: false,
			data: "ajax=1",
			success: function(msg) {
				$('#content').fadeOut('slow', function() {
					$('#content').html(msg);
					$('#content').fadeIn('slow');
				})
			}
		});
	}
});

function ajax_page() {
	$('a').click(function() {
	var page = $('#page').val();
	var href = $(this).attr('href');
	var myAnchor = href.split('/')[3];
	if (href.split('/')[4] || href[0] == '#') {
		return true
	}
	else if (page != myAnchor) {
		if (page == 'verhuur') {
			$('#logo').fadeOut('slow');
		}
		if (page == 'events') {
			$('#logo').fadeOut('slow');
		}
		if (page == 'music') {
			$('#logo').fadeOut('slow');
		}
		if (page == 'djs') {
			$('#logo').fadeOut('slow');
		}
		$.ajax({
			type: "POST",
			url: href,
			cache: false,
			data: "ajax=1",
			success: function(msg) {
				$('#page').val(myAnchor);
				$('#content').fadeOut('slow', function() {
					switchStylestyle('basic');
					$('#content').html(msg);
					$('#content').fadeIn('slow');
					$('#logo').fadeIn('slow');
					location.href = "#"+href.split('/')[3];
				})
			}
		});
	}
	return false;
	});
}

function ajax_page2(href) {
	var myAnchor = href.split('/')[3];
	$('#logo').fadeOut('slow');
	$.ajax({
		type: "POST",
		url: href,
		cache: false,
		data: "ajax=1",
		success: function(msg) {
			$('#page').val(myAnchor);
			$('#content').fadeOut('slow', function() {
				switchStylestyle(myAnchor);
				$('#content').html(msg);
				$('#content').fadeIn('slow');
				$('#logo').fadeIn('slow');
				location.href = "#"+href.split('/')[3];
			})
		}
	});
	return false;
}

function switchStylestyle(styleName) {
	$('link[rel*=style][title]').each(function(i) 
	{
		this.disabled = true;
		if (this.getAttribute('title') == styleName) this.disabled = false;
	});
}