$(document).ready(function() {
	randomizeLayout();
	if (!navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
		followMouse();
	}
	
	$('#header').animate({ height: '151px' }, 'slow', function() {
		$('#content, #home').slideDown(function() {
			vlinders();
		});
	});

	$('a[rel^=lightbox]').slimbox({
		loop: true,	
		overlayOpacity: 0.4,
		counterText: "Afbeelding {x} van {y}"
	});
	
	Cufon.replace('#cat ul li a, #home, #footer, .cufon');
});

function randomizeLayout() {
	$('body').append($('<div>').attr('id', 'hoeklb'));
	$('body').append($('<div>').attr('id', 'hoekrb'));
	$('body').append($('<div>').attr('id', 'hoeklo'));
	$('body').append($('<div>').attr('id', 'hoekro'));

	if($('body').hasClass('home')==false) {
		$('body').addClass('bg'+ getRandomInteger(15));

		if(getRandomInteger(2)==2) {
			$('#footer_wrap').addClass('sleepingcat').prepend($('<div>').attr('id', 'sleepingcat'));
		} else {
			$('#footer_wrap').addClass('lookingdog').prepend($('<div>').attr('id', 'lookingdog'));
		}
	}
	$('#header_wrap').addClass('header'+ getRandomInteger(6));
	$('#cat').addClass('cat'+ getRandomInteger(4));
	
	$('ul.fotos li').each(function() {
		$(this).addClass('foto'+ getRandomInteger(8));
	});
}

function followMouse() {
	$(document).mousemove(function(e) {
		if($.support.opacity) {
			cursor = $('<div>').addClass('cursor cursor' + getRandomInteger(9));
		} else {
			cursor = $('<div>').addClass('cursor cursor' + getRandomInteger(9) + 'ie');
		}
		$('body').append(cursor);
		
		cursor.css({
			'position':'absolute',
			top: e.pageY + 10 + getRandomInteger(30),
			left: e.pageX + 10 + getRandomInteger(30)
		});
		
		if($.support.opacity) {
			cursor.show().animate({ top: '+=' + getRandomInteger(80) + 'px', left: '+=' + getRandomInteger(80) + 'px' }, 'slow').fadeOut(3500, function() { cursor.remove(); });
		} else {
			cursor.fadeIn().fadeOut('slow');
		}
	});
}

function vlinders() {
	$('body').append($('<div>').attr('id', 'vlinder1'));
	$('body').append($('<div>').attr('id', 'vlinder2'));
	$('body').append($('<div>').attr('id', 'vlinder3'));
	$('body').append($('<div>').attr('id', 'vlinder4'));
	$('body').append($('<div>').attr('id', 'vlinder5'));
	$('body').append($('<div>').attr('id', 'vlinder6'));
	$('body').append($('<div>').attr('id', 'vlinder7'));
	$('body').append($('<div>').attr('id', 'vlinder8'));
	$('body').append($('<div>').attr('id', 'vlinder9'));
	$('body').append($('<div>').attr('id', 'lieveheersbeestje1'));
	$('body').append($('<div>').attr('id', 'vogel1'));
	
	$('#vlinder2').css('top', ($('#footer').position().top + 200) + 'px');
	$('#vlinder2').css('left', $('#hoekrb').position().left + 'px');

	if (!navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
		$('#cat').mouseover(function() {
			$('#vlinder2').show().animate({ top: '-200px', left: getRandomInteger(800) + 'px' }, 12000, function() {
				$('#vlinder2').hide();
			});
		});
	}
	
	$('#vlinder1').mouseover(function() {
		$('#vlinder1').animate({ top: '-100px', right: '0px' }, 3000);
	});	

	$('#vlinder5').show().animate({ top: '-15px', left: '85px' }, 8000);
	
	if (!navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
		$('#vogel1').show().animate({ left: ($(window).width() + 110) + 'px' }, 9000, function() {
			$('#vogel1').hide();
		});
	}
}

function getRandomInteger(max) {
	return Math.floor(Math.random()*(max)) + 1;
}