// JavaScript Document

document.observe("dom:loaded", function (e) {
	$('toggle01-inner').hide();
	
});
document.observe("dom:loaded", function (e) {
	$('toggle02-inner').hide();
	
});
document.observe("dom:loaded", function (e) {
	$('toggle03-inner').hide();
	
});




// toggle box #1
function toggle_overlay_section01(){
	if(!box_is_open()){
		open_box();
	}
	else if(box_is_open()){
		close_box();
	}
	function open_box() {
			new Effect.BlindDown ('toggle01-inner', {duration: 1});
	}
	
	function close_box() {
			new Effect.BlindUp('toggle01-inner', {duration: 1});
	}
	
	function box_is_open() {
			return $('toggle01-inner').visible();
	}
	
	

	function open_box() {
			$('toggle01').innerHTML='<div class="toggle-OPEN">&nbsp;</div>';
			new Effect.BlindDown ('toggle01-inner', {duration: 1});
	}
	function close_box() {
			$('toggle01').innerHTML='<div class="toggle-CLOSED">&nbsp;</div>';
			new Effect.BlindUp('toggle01-inner', {duration: 1});
	}
	

}


// toggle box #2
function toggle_overlay_section02(){
	if(!box_is_open()){
		open_box();
	}
	else if(box_is_open()){
		close_box();
	}
	function open_box() {
			new Effect.BlindDown ('toggle02-inner', {duration: 1});
	}
	
	function close_box() {
			new Effect.BlindUp('toggle02-inner', {duration: 1});
	}
	
	function box_is_open() {
			return $('toggle02-inner').visible();
	}
		

	function open_box() {
			$('toggle02').innerHTML='<div class="toggle-OPEN">&nbsp;</div>';
			new Effect.BlindDown ('toggle02-inner', {duration: 1});
	}
	function close_box() {
			$('toggle02').innerHTML='<div class="toggle-CLOSED">&nbsp;</div>';
			new Effect.BlindUp('toggle02-inner', {duration: 1});
	}
	

}


// toggle box #3
function toggle_overlay_section03(){
	if(!box_is_open()){
		open_box();
	}
	else if(box_is_open()){
		close_box();
	}
	function open_box() {
			new Effect.BlindDown ('toggle03-inner', {duration: 1});
	}
	
	function close_box() {
			new Effect.BlindUp('toggle03-inner', {duration: 1});
	}
	
	function box_is_open() {
			return $('toggle03-inner').visible();
	}
			

	function open_box() {
			$('toggle03').innerHTML='<div class="toggle-OPEN">&nbsp;</div>';
			new Effect.BlindDown ('toggle03-inner', {duration: 1});
	}
	function close_box() {
			$('toggle03').innerHTML='<div class="toggle-CLOSED">&nbsp;</div>';
			new Effect.BlindUp('toggle03-inner', {duration: 1});
	}
	

}