var myTimeout;
var myTimeoutDisclaimer;
var myTimeoutWelcome;
var votePanelWidth;

function resetExternal(){
	votePanelWidth = 110;
	
	var vote = getQuerystring("zvtz");
	if(vote == 1){
		document.getElementById("voted").style.display = "block";
		document.getElementById("not_voted").style.display = "none";
	}else if(vote == 0){
		document.getElementById("voted").style.display = "none";
		document.getElementById("not_voted").style.display = "block";
	}
	
	var panel = document.getElementById("vote_panel");
	panel.style.display = "block";
	panel.style.left = "-100px";
	t = new Tween(panel.style,'left',Tween.backEaseOut,-(votePanelWidth-10),-20,.2,'px');
	t.start();
	
	var close_panel = document.getElementById("close_panel");
	close_panel.style.display = "block";
	close_panel.style.left = "-100px";
	t_close = new Tween(close_panel.style,'left',Tween.backEaseOut,-(votePanelWidth-10),-20,.2,'px');
	t_close.start();
	
	var disclaimer_panel = document.getElementById("disclaimer_panel");
	disclaimer_panel.style.display = "block";
	disclaimer_panel.style.left = "-130px";
	
	var message_panel = document.getElementById("message_panel");
	message_panel.style.display = "block";
	message_panel.style.left = "-195px";
	
	var message_close_panel = document.getElementById("message_close_panel");
	message_close_panel.style.display = "block";
	message_close_panel.style.left = "-100px";
}

function close_panel(panel_name){
	var panel = document.getElementById(panel_name);
	var pos = panel.style.left.substring(0, panel.style.left.length - 2);
	var left_pos;
	switch(panel_name){
		case "close_panel":
			left_pos = -45;
			break;
		case "vote_panel":
			left_pos = -(votePanelWidth+15);
			break;
		case "message_panel":
			left_pos = -210;
			break;
		case "message_close_panel":
			left_pos = -45;
			break;
	}
	transition(parseInt(pos), panel_name, "left", left_pos);
}

/*  other panels */

function depand_panel(panel_name){
	switch(panel_name){
		case "disclaimer_panel":
			myTimeoutDisclaimer = window.setTimeout("start_depand_panel('"+panel_name+"')", 200);
			break;
		case "vote_panel":
			myTimeout = window.setTimeout("start_depand_panel('"+panel_name+"')", 200);
			break;
	}
}

function start_depand_panel(panel_name){
	var panel = document.getElementById(panel_name);
	var pos = panel.style.left.substring(0, panel.style.left.length - 2);
	var distance;
	var dir = "left";
	switch(panel_name){
		case "disclaimer_panel":
			distance = -130;
			break;
		case "vote_panel":
			distance = -(votePanelWidth-10);
			break;
	}
	transition(parseInt(pos), panel_name, dir, distance);
}

function expand_panel(panel_name){
	var panel = document.getElementById(panel_name);
	var dir = "left";
	switch(panel_name){
		case "disclaimer_panel":
			clearTimeout(myTimeoutDisclaimer);
			break;
		case "vote_panel":
			clearTimeout(myTimeout);
			break;
	}
	if(panel.style.left != "-20px"){
		var pos = panel.style.left.substring(0, panel.style.left.length - 2);
		transition(parseInt(pos), panel_name, dir, -20);
	}
}

function clear_delay(){
	clearTimeout(myTimeout);
}

function clear_delay_disclaimer(){
	clearTimeout(myTimeoutDisclaimer);
}

function transition(pos, element, style, end){
	var panel = document.getElementById(element);
	t = new Tween(panel.style,style,Tween.backEaseOut,pos,end,.2,'px');
	t.start();
}


/* feedback */

function resetFeedback(){
	var panel = document.getElementById("feedback_panel");
	panel.style.display = "block";
	panel.style.top = "-154px";
	
	t = new Tween(panel.style,'top',Tween.backEaseOut,-154,-130,.2,'px');
	t.start();
}

function depand_feedback_panel(){
	myTimeout = window.setTimeout(start_depand_feedback_panel, 200);
}

function expand_feedback_panel(){
	var panel = document.getElementById("feedback_panel");
	clearTimeout(myTimeout);
	if(panel.style.top != "-20px"){
		var pos = panel.style.top.substring(0, panel.style.top.length - 2);
		transition(parseInt(pos), "feedback_panel", "top", -20);
	}
}

function start_depand_feedback_panel(){
	var panel = document.getElementById("feedback_panel");
	var pos = panel.style.top.substring(0, panel.style.top.length - 2);
	transition(parseInt(pos), "feedback_panel", "top", -130);
}

/* welcome */

function welcome_fade_in(){
	myTimeoutWelcome = window.setTimeout("start_welcome_fade_in()", 1000);
}

function start_welcome_fade_in(){
	clearTimeout(myTimeoutWelcome);
	var panel = document.getElementById("welcome");
	panel.style.opacity = 0;
	panel.style.display = "block";
	t = new OpacityTween(panel, Tween.easeOut, panel.style.opacity,100,1);
	t.start();
}

function welcome_close(){
	document.getElementById("welcome").style.display = "none";
}