var hover_logo = [];

function createImage(src)
{
	var elem	 				= document.createElement('div');
	elem.style.width 			= '88px';
	elem.style.height 			= '97px';
	elem.style.backgroundImage	= 'url('+src+')';
	elem.className				= 'hover_logo';
	return elem;
}

function changeImage(j)
{
	for(var i=0; i<hover_logo.length; i++)
	{
		if(i == j)
		{
			$(hover_logo[i]).show();
		}
		else
		{
			$(hover_logo[i]).hide();
		}
	}
}

$(document).ready(function()
{
	hover_logo.push(createImage('images/hover_logo1.jpg'));
	hover_logo.push(createImage('images/hover_logo2.jpg'));
	hover_logo.push(createImage('images/hover_logo3.jpg'));
	hover_logo.push(createImage('images/hover_logo4.jpg'));
	hover_logo.push(createImage('images/hover_logo5.jpg'));
	
	for(var i = 0; i < hover_logo.length; i++)
	{
		$('h1#top').append(hover_logo[i]);
		$(hover_logo[i]).hide();
	}
	
	$('#but_1').mouseover(function() {changeImage(0);});
	$('#but_1').mouseout(function() {changeImage(0);});
	$('#but_2').mouseover(function() {changeImage(1);});
	$('#but_2').mouseout(function() {changeImage(0);});
	$('#but_3').mouseover(function() {changeImage(2);});
	$('#but_3').mouseout(function() {changeImage(0);});
	$('#but_4').mouseover(function() {changeImage(3);});
	$('#but_4').mouseout(function() {changeImage(0);});
	$('#but_5').mouseover(function() {changeImage(4);});
	$('#but_5').mouseout(function() {changeImage(0);});
});