// JavaScript Document

function hde(btt){
	nme='#but'+btt; nmef='images/title_but'+btt+'s.jpg'; pic='#p'+btt;
	
	el=($('.selected').get(0));
	$(el).removeClass('selected');
	$(el).addClass('hidden');
	$(nme).attr('src', nmef);

    $("#title").addClass('hidden');

    $(pic).removeClass('hidden');
	$(pic).addClass('selected');
	
}
function shw(btt){
	nme='#but'+btt; nmef='images/title_but'+btt+'.jpg'; pic='#p'+btt;
	$(nme).attr('src', nmef);
	$(pic).removeClass('selected');	
	$(pic).addClass('hidden');
	$("#title").removeClass('hidden');	
}

$(document).ready(function() {
//$("#title").attr('src', 'images/title.jpg');

$('#but1').mouseover(function(){ hde(1); });
$('#but1').mouseout(function(){ shw(1) });
$('#but2').mouseover(function(){ hde(2); });
$('#but2').mouseout(function(){ shw(2) });
$('#but3').mouseover(function(){ hde(3); });
$('#but3').mouseout(function(){ shw(3) });
$('#but4').mouseover(function(){ hde(4); });
$('#but4').mouseout(function(){ shw(4) });
$('#but5').mouseover(function(){ hde(5); });
$('#but5').mouseout(function(){ shw(5) });
$('#but6').mouseover(function(){ hde(6); });
$('#but6').mouseout(function(){ shw(6) });
$('#but7').mouseover(function(){ hde(7); });
$('#but7').mouseout(function(){ shw(7) });

});