current_topic = 'main';

var myrules = {
	'#button_main' : function(element){
		element.onclick = principal;
	},
	'#button_rules' : function(element){
		element.onclick = regulamento;
	},
	'#link_rules' : function(element){
		element.onclick = regulamento;
	},
	'#link_faq' : function(element){
		element.onclick = duvidas;
	},
	'#button_faq' : function(element){
		element.onclick = duvidas;
	},
	'#link_schedule' : function(element){
		element.onclick = prazos;
	},
	'#button_schedule' : function(element){
		element.onclick = prazos;
	}
};

Behaviour.register(myrules);
	
function init(){

	//remove ancoras
	var main_anchor = document.getElementById('principal')
	var rules_anchor = document.getElementById('regulamento')
	var faq_anchor = document.getElementById('duvidas')
	var schedule_anchor = document.getElementById('datas')
	var header_element = document.getElementById('header')
	header_element.parentNode.insertBefore(main_anchor, header_element);
	header_element.parentNode.insertBefore(rules_anchor, header_element);
	header_element.parentNode.insertBefore(schedule_anchor, header_element);
	header_element.parentNode.insertBefore(faq_anchor, header_element);
	
	//muda footer de lugar
	var footer_div = document.getElementById('footer')
	var topic_div = document.getElementById(current_topic)
	topic_div.appendChild(footer_div)
	footer_div.style.display = "block";

	/*
	main_anchor.parentNode.removeChild(main_anchor)
	rules_anchor.parentNode.removeChild(rules_anchor)
	faq_anchor.parentNode.removeChild(faq_anchor)
	schedule_anchor.parentNode.removeChild(schedule_anchor)
	*/

		current_selected = document.getElementById('button_main')
    	Behaviour.apply();
			new Effect.Parallel(
				[ //new Effect.MoveBy('main_title', 2, 15,
					//{ sync: true }), 
				new Effect.Opacity('main_title', 
					{ sync: true, to: 1.0, from: 0.0 } ),
				new Effect.MoveBy('main_subtitle', 0, 15,
					{ sync: true }), 
				new Effect.Opacity('main_subtitle', 
					{ sync: true, to: 1.0, from: 0.0 } )			        
				]
			);
			Effect.Appear('tim_festival', { duration: 4.0 })
	//verifica o location
	if(location.hash=='#regulamento'){
		regulamento()
	}else	if(location.hash=='#duvidas'){
		duvidas()
	}else	if(location.hash=='#datas'){
		prazos()
	}

}

function swapOpacity(p_elmt1, p_elmt2){
	var footer_div = document.getElementById('footer')
			document.getElementById(p_elmt1).style.display = "block";
			document.getElementById(p_elmt2).style.display = "block";
			new Effect.Parallel(
				[new Effect.Opacity(p_elmt1, 
					{ sync: true, to: 0.0, from: 1.0 } ),
				new Effect.Opacity(p_elmt2, 
					{ sync: true, to: 1.0, from: 0.0 } )			        
				],{ 
					duration: 2, 
					afterFinish: function(effect)
        	{ 
						document.getElementById(p_elmt1).style.display = "none";
						document.getElementById(p_elmt2).appendChild(footer_div)

        	} 
    		}
			);
}

function principal(){
	var session_link = document.getElementById('button_main')
	current_selected.className = "link"
	session_link.className="selected";
	current_selected = session_link;
	if(current_topic!='main'){
		swapOpacity(current_topic, 'main')
		current_topic = 'main';
	}
	//return false;
}	

function regulamento(){
	var session_link = document.getElementById('button_rules')
	current_selected.className = "link"
	session_link.className="selected";
	current_selected = session_link;
	if(current_topic!='regras'){
		swapOpacity(current_topic, 'regras')
		current_topic = 'regras';
	}
	//return false;
}

function duvidas(){
	var session_link = document.getElementById('button_faq')
	current_selected.className = "link"
	session_link.className="selected";
	current_selected = session_link;
	if(current_topic!='faq'){
		swapOpacity(current_topic, 'faq')
		current_topic = 'faq';
	}
	//return false;
}

function prazos(){
	var session_link = document.getElementById('button_schedule')
	current_selected.className = "link"
	session_link.className="selected";
	current_selected = session_link;
	if(current_topic!='schedule'){
		swapOpacity(current_topic, 'schedule')
		current_topic = 'schedule';
	}
	//return false;
}

function onLoadFinish(){
	Effect.Appear('photos_esq');
	Effect.Appear('photos_dir');
}