// JavaScript Document
function init() {
	Event.observe(showInfo, 'click', showInfo);
	Event.observe(showContainer, 'click', showContainer);
}

function showInfo(id) {
	if ($(id).getStyle('display') == "none") { 	new Effect.Appear(id, {duration:1.0}); }
	else { 	new Effect.SlideUp(id, {duration:0.5});}
}


function showContainer(id) {
	new Effect.Opacity(id, {duration:0.1, from:0.1, to:0.0, afterFinish:setnewZIndex(id)});
}

function setnewZIndex(id) {
	$(id).setStyle({width:'100%',zIndex:'1001'});
	new Effect.Opacity(id, {duration:0.4, from:0.0, to:0.9});
}

function hide_darken(id) {
	new Effect.Opacity(id, {from:0.9, to:0.0, duration:0.3,  afterFinish:setZIndex(id)});
}

function setZIndex(id) {
	$(id).setStyle({zIndex:'-1001',width:'0px'});
}