//Viewing dilogg
var edit_hover = 0;
var print_hover = 0;
function post_highlight(post_id){
	var tri = document.getElementById("tri_" + post_id);
	tri.src = tri.src.replace("g.jpg", "o.jpg");
	if(document.getElementById("new_p_" + post_id)){
		document.getElementById("new_p_" + post_id).style.display = "none";
	}
	if(document.getElementById("edit_post_" + post_id)){
		if(edit_hover == 0){
			document.getElementById("edit_post_" + post_id).style.opacity = 0.5;
			document.getElementById("edit_post_" + post_id).style.MozOpacity = 0.5;
			document.getElementById("edit_post_" + post_id).style.filter = "alpha(opacity=50)";
		}
		document.getElementById("edit_post_" + post_id).style.display = "inline";
	}
	if(document.getElementById("print_post_" + post_id)){
		if(print_hover == 0){
			document.getElementById("print_post_" + post_id).style.opacity = 0.5;
			document.getElementById("print_post_" + post_id).style.MozOpacity = 0.5;
			document.getElementById("print_post_" + post_id).style.filter = "alpha(opacity=50)";
		}
		document.getElementById("print_post_" + post_id).style.display = "inline";
	}
}

function post_unhighlight(post_id){
	var tri = document.getElementById("tri_" + post_id);
	tri.src = tri.src.replace("o.jpg", "g.jpg");
	if(document.getElementById("edit_post_" + post_id)){
		document.getElementById("edit_post_" + post_id).style.display = "none";
	}
	if(document.getElementById("print_post_" + post_id)){
		document.getElementById("print_post_" + post_id).style.display = "none";
	}
	if(document.getElementById("new_p_" + post_id)){
		document.getElementById("new_p_" + post_id).style.display = "block";
	}
}

function edit_highlight(post_id){
	edit_hover = 1;
	if(document.getElementById("edit_post_" + post_id)){
		document.getElementById("edit_post_" + post_id).style.opacity = 1.0;
		document.getElementById("edit_post_" + post_id).style.MozOpacity = 1.0;
		document.getElementById("edit_post_" + post_id).style.filter = "alpha(opacity=100)";
	}
}

function edit_unhighlight(post_id){
	edit_hover = 0;
	if(document.getElementById("edit_post_" + post_id)){
		document.getElementById("edit_post_" + post_id).style.opacity = 0.5;
		document.getElementById("edit_post_" + post_id).style.MozOpacity = 0.5;
		document.getElementById("edit_post_" + post_id).style.filter = "alpha(opacity=50)";
	}
}

function print_highlight(post_id){
	print_hover = 1;
	if(document.getElementById("print_post_" + post_id)){
		document.getElementById("print_post_" + post_id).style.opacity = 1.0;
		document.getElementById("print_post_" + post_id).style.MozOpacity = 1.0;
		document.getElementById("print_post_" + post_id).style.filter = "alpha(opacity=100)";
	}
}

function print_unhighlight(post_id){
	print_hover = 0;
	if(document.getElementById("print_post_" + post_id)){
		document.getElementById("print_post_" + post_id).style.opacity = 0.5;
		document.getElementById("print_post_" + post_id).style.MozOpacity = 0.5;
		document.getElementById("print_post_" + post_id).style.filter = "alpha(opacity=50)";
	}
}

function show_edit(comment_id){
	if(document.getElementById("edit_comment_" + comment_id)){
		if(document.getElementById("new_c_" + comment_id)){
			document.getElementById("new_c_" + comment_id).style.display = "none";
		}
		if(edit_hover == 0){
			document.getElementById("edit_comment_" + comment_id).style.opacity = 0.5;
			document.getElementById("edit_comment_" + comment_id).style.MozOpacity = 0.5;
			document.getElementById("edit_comment_" + comment_id).style.filter = "alpha(opacity=50)";
		}
		document.getElementById("edit_comment_" + comment_id).style.display = "block";
	}
}

function hide_edit(comment_id){
	if(document.getElementById("edit_comment_" + comment_id)){	
		document.getElementById("edit_comment_" + comment_id).style.display = "none";
		if(document.getElementById("new_c_" + comment_id)){
			document.getElementById("new_c_" + comment_id).style.display = "block";
		}
	}
}

function edit_highlight_c(comment_id){
	edit_hover = 1;
	if(document.getElementById("edit_comment_" + comment_id)){
		document.getElementById("edit_comment_" + comment_id).style.opacity = 1.0;
		document.getElementById("edit_comment_" + comment_id).style.MozOpacity = 1.0;
		document.getElementById("edit_comment_" + comment_id).style.filter = "alpha(opacity=100)";
	}
}

function edit_unhighlight_c(comment_id){
	edit_hover = 0;
	if(document.getElementById("edit_comment_" + comment_id)){
		document.getElementById("edit_comment_" + comment_id).style.opacity = 0.5;
		document.getElementById("edit_comment_" + comment_id).style.MozOpacity = 0.5;
		document.getElementById("edit_comment_" + comment_id).style.filter = "alpha(opacity=50)";
	}
}

//Find people previews
function highlight(id){
	document.getElementById(id).style.backgroundColor = "#F6F6F6";
}

function unhighlight(id){
	document.getElementById(id).style.background = "transparent";
}

//Form elements
function form_focus(element){
	if(element == "find_field"){
		document.getElementById("find_overlay").style.display = "none";
		document.getElementById("find_field").focus();
		find_people(); //show all people
	}

	if(element == "post_title"){
		if(document.getElementById(element).value == "Title"){
			document.getElementById(element).value = "";
			document.getElementById(element).style.color = "#666666";
		}
	}

	if(element == "post_body"){
		if(document.getElementById(element).value == "Body"){
			document.getElementById(element).value = "";
			document.getElementById(element).style.color = "#666666";
		}
	}

	document.getElementById(element).style.border="1px solid #2d8ec3";	
	document.getElementById(element).style.background="#FFFFFF";
	if(document.getElementById(element+"_tip")){
		document.getElementById(element+"_check").style.display = "none";
		document.getElementById(element+"_tip").style.display = "inline";
	}
}
	
function form_blur(element){
	if(element == "find_field"){
		if(document.getElementById(element).value == ""){
			document.getElementById("find_overlay").style.display = "block";
		}
	}
	if(element == "post_title"){
		if(document.getElementById(element).value == ""){
			document.getElementById(element).value = "Title";
			document.getElementById(element).style.color = "#999999";
		}
	}

	if(element == "post_body"){
		if(document.getElementById(element).value == ""){
			document.getElementById(element).value = "Body";
			document.getElementById(element).style.color = "#999999";
		}
	}

	document.getElementById(element).style.border="1px solid #666666";
	document.getElementById(element).style.background="#FAFAFA";
	if(document.getElementById(element+"_tip")){
		document.getElementById(element+"_tip").style.display = "none";
		check_field(element, "live");
	}
}

//Diagram in tour
var fading = 3; //0=invisible, 1=fading out, 2=fading in, 3=visible
var diagram_opacity = 1;
function toggle_diagram() {
	if(fading <= 1){
		fading = 2; //if invisible or fading out, fade it in
	} else {
		fading = 1; //otherwise, fade it out
	}
	fade_diagram();
}

function fade_diagram(){
	if(fading == 2){
		diagram_opacity += 0.1; //fade in
		setTimeout('fade_diagram()', 50);
	} else if(fading == 1){
		diagram_opacity -= 0.1; //fade out
		setTimeout('fade_diagram()', 50);
	}
	if(diagram_opacity >= 1.0){
		fading = 4; //visible
	}
	if(diagram_opacity <= 0.0){
		fading = 0; //invisible
	}
	document.getElementById("diagram_overlay").style.opacity = diagram_opacity;
	document.getElementById("diagram_overlay").style.MozOpacity = diagram_opacity;
	document.getElementById("diagram_overlay").style.filter = "alpha(opacity=" + diagram_opacity*100 + ")";
}

var loading_int = null;
var loading_width = 0;
function loading(){
	document.getElementById("loading").style.opacity = 0.5;
	document.getElementById("loading").style.MozOpacity = 0.5;
	document.getElementById("loading").style.filter = "alpha(opacity=50)";
	document.getElementById("loading").style.display = "block";
	loading_int = setInterval("loading_progress()", 10);
}

function loading_progress(){
	loading_width++;
	document.getElementById("loading").style.width = loading_width + "px";
}

function loaded(){
	loading_width = 0;
	document.getElementById("loading").style.width = "0px";
	document.getElementById("loading").style.display = "none";
	clearInterval(loading_int);
}