jQuery(document).ready(function(){
	var menuElement = jQuery('#menu15');
	var pictureElement = jQuery('#center');

	pictureElement.children('div.mediaElement:not(:first)').hide();
	
	var i=0;
	
	var colors = function(i){
		switch(i){
			case 1:
				return '/images/buttonRed.png';
			case 2:
				return '/images/buttonOrange.png';
			case 3:
				return '/images/buttonBlue.png';
			case 4:
				return '/images/buttonGreen.png';
		}
	};
	
	menuElement.children('li').each(function(){
		i++;
		
		jQuery(this).children('a').css('backgroundImage','url('+colors(i%5)+')');
		
		jQuery(this).children('a').mouseover(function(){
				var number = jQuery(this).parent().prevAll().length+2;
				pictureElement.children('div.mediaElement:first').hide();
				pictureElement.children('div.mediaElement:nth-child('+number+')').show();
				
		});

		jQuery(this).children('a').mouseout(function(){
				var number = jQuery(this).parent().prevAll().length+2;
				pictureElement.children('div.mediaElement:nth-child('+number+')').hide();
				pictureElement.children('div.mediaElement:first').show();
		});
	});
});