// JavaScript Document

function hideInfobox(id){
	var infobox = 'infobox-'+id;
	var btnBack = 'btn-back-'+id;
	
	if($('visual').getStyle('height') == '451px'){
		$(infobox).setStyle({display: 'none'});
		$(infobox).setStyle({position: 'absolute'});
		$(infobox).setStyle({top: '290px'});
		$('content-section').setStyle({display: 'block'});
		$('visual').setStyle({height: '260px'});
		$('info-linkbox').show();
		$(btnBack).setStyle({display: 'none'});
	}
	
}

function showInfobox(id){
	var infobox = 'infobox-'+id;
	var btnBack = 'btn-back-'+id;
	$(infobox).setStyle({display: 'block'});
	$(infobox).setStyle({position: 'absolute'});
	$(infobox).setStyle({top: '0px'});
	$('content-section').setStyle({display: 'none'});
	//$('visual').morph('height:451px;');
	new Effect.Morph($('visual'), {
		style: {
			height: '451px'
		},
		afterFinish: function(){ $(btnBack).show(); }
	})
	$('info-linkbox').setStyle({display: 'none'});
}

function InfoboxOver(id){
	var infolink = 'Infolink-'+id;
	$(infolink).setStyle({backgroundPosition:"0px -38px"});
}
function InfoboxOut(id){
	var infolink = 'Infolink-'+id;
	$(infolink).setStyle({backgroundPosition:"0px 0px"});
}