$(document).ready(function() {
$('#englishBar').css("top","60px"); 
$('#svenskaBar').css("top","60px");
$('#japaneseBar').css("top","60px");
$('#suomi').css("font-weight","bold");
$(document).pngFix(); 
});
var avoinna = '#suomiBar';

function kieli(who){
	$('#suomi').css("font-weight","normal");
	$('#english').css("font-weight","normal");
	$('#svenska').css("font-weight","normal");
	$('#japanese').css("font-weight","normal");
	switch(who){
		case 1:
	$('#suomi').css("font-weight","bold");
		if(avoinna != '#suomiBar'){
	
	$(avoinna).animate({ 
        top: "-60px"
      }, 600 );
	
	$('#suomiBar').css("top","60px");
	$('#suomiBar').animate({ 
        top: "5px"
      }, 600 );
	avoinna = '#suomiBar';
		}
	break;
	case 2:
	$('#english').css("font-weight","bold");
	if(avoinna != '#englishBar'){
	
	$(avoinna).animate({ 
        top: "-60px"
      }, 600 );
	
	
	$('#englishBar').css("top","60px");
	$('#englishBar').animate({ 
        top: "5px"
      }, 600 );
	avoinna = '#englishBar';
		}
	break;
	case 3:
	$('#svenska').css("font-weight","bold");
	if(avoinna != '#svenskaBar'){
	
	$(avoinna).animate({ 
        top: "-60px"
      }, 600 );
	
	
	$('#svenskaBar').css("top","60px");
	$('#svenskaBar').animate({ 
        top: "5px"
      }, 600 );
	avoinna = '#svenskaBar';
		}
	break;
	case 4:
	$('#japanese').css("font-weight","bold");
	if(avoinna != '#japaneseBar'){
	
	$(avoinna).animate({ 
        top: "-60px"
      }, 600 );
	
	
	$('#japaneseBar').css("top","60px");
	$('#japaneseBar').animate({ 
        top: "5px"
      }, 600 );
	avoinna = '#japaneseBar';
		}
	break;
	}
}