var link_to = 'home';

function open_page(page){
		//hide blog scrollbar
		if(document.getElementById("post_body")){
			document.getElementById("post_body").style.overflow = "hidden";
			document.getElementById("post_body").style.marginRight = "18px";
		}
	link_to = page;
	page_dir = 0;
	page_hide();
}

function content_request(){
	var ajax = new HttpRequest();
	ajax.successCallback = retrieve_content;
	ajax.failureCallback = error_handling;
	ajax.url = link_to + ".php";
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.post();
}
	
function retrieve_content(ajax){
	var data = ajax.responseText;
	document.getElementById("content").innerHTML = data;
	if(link_to == "portfolio"){
		load_portfolio();
	} else if(link_to == "blog"){
		load_blog();
	} else {
		page_show();
	}
}

function error_handling(ajax){
	setStatusText("Lookup failed, HTTP " + ajax.status + " " + ajax.statusText + ".");
}

function load_portfolio(){
	var ajax = new HttpRequest();
	ajax.successCallback = portfolio_loaded;
	ajax.failureCallback = error_handling;
	ajax.url = "portfolio_content.php";
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.post();
}
	
function portfolio_loaded(ajax){
	var data = ajax.responseText;
	installScript(data);
}

function build_portfolio(){
	var image_list = "";
	for(i = 0; i < portfolio.length; i++){
		image_list += "<img id='" + i + "' class='thumbnail' src='portfolio/thumbs/" + portfolio[i][0] + ".jpg' onclick=\"view_image(" + i + ")\" onmouseover=\"thumb_over('" + i + "')\" onmouseout=\"thumb_out('" + i + "')\">";
	}
	document.getElementById("thumbs").innerHTML = image_list;
	page_show();
}

function installScript(data){
    if (!data){
        return;
	}
    if (window.execScript){
        window.execScript(data);
	} else {
        window.setTimeout(data, 0 );
	}
}

function load_blog(){
	var ajax = new HttpRequest();
	ajax.successCallback = blog_loaded;
	ajax.failureCallback = error_handling;
	ajax.url = "blog_content.php";
	ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	ajax.post();
}

function blog_loaded(ajax){
	var data = ajax.responseText;
	installScript(data);
}

var post_id = "";

function build_post(){
	post_id = blog[0][0];
	var title = blog[0][1];
	var post_body = blog[0][2];
	var by = blog[0][3];
	var year = blog[0][4];
	var month = blog[0][5];
	var day = blog[0][6];
	var time = blog[0][7];
	var num_comments = blog[0][8];
	
	title = "<a href='#top' class='title_link'>" + title + "</a>";
	
	var post_details = "posted by <a href='#" + by + "'>" + by + "</a> | " + time;
	if(num_comments == 1){
		num_comments = num_comments + " comment";
	} else {
		num_comments = num_comments + " comments";
	}
	var comment_details = "<a href='#comments'>" + num_comments + "</a>";
	
	post_body = "<a name='top'></a><p class='main_content'>" + post_body + "</p>";
	
	var comments = "<a name='comments'><p class='horz_break'>Comments</p></a><div id='comments'>";
	
	if(num_comments === 0){
		comments += "<p>No one has commented yet.</p>";
	} else {
		for(i = 0; i < comment.length; i++){
			comments += "<p class='comment_body'>" + comment[i][0] + "<br /><span class='comment_details'>" + comment[i][1] + " | " + comment[i][2] + "</span></p>";
		}
	}
	
	comments += "<br /></div>";

	var form = "<p class='horz_break'>Submit a Comment</p><form id='comment_form'><p class='text_field'><label for='comment_name'>name:</label><input id='comment_name_field' type='text' name='comment_name' maxlength='30' onFocus=\"form_focus('comment_name_field');\" onBlur=\"form_blur('comment_name_field');\"></p><p class='text_field'><label for='comment_email'>email:</label><input id='comment_email_field' type='text' name='comment_email' maxlength='30' onFocus=\"form_focus('comment_email_field');\" onBlur=\"form_blur('comment_email_field');\"><span style='font: normal 8pt Arial'> *not displayed</span></p><p class='text_area'><textarea id='comment_text_area' rows='10' cols='30' style='overflow: auto' onFocus=\"form_focus('comment_text_area');\" onBlur=\"form_blur('comment_text_area');\"></textarea></p><p class='input_button'><input id='post_button' class='button' type='button' value='Post' onmouseover=\"form_focus('post_button');\" onmouseout=\"form_blur('post_button');\" onFocus=\"form_focus('post_button');\" onBlur=\"form_blur('post_button');\" onclick=\"comment_submit();\"></p></form>";

	var post = post_body + comments + form;

	document.getElementById("post_title").innerHTML = title;
	document.getElementById("post_month").innerHTML = month;
	document.getElementById("post_date").innerHTML = day;
	document.getElementById("post_body").innerHTML = post;
	document.getElementById("post_details").innerHTML = post_details;
	document.getElementById("num_comments").innerHTML = comment_details;

	page_show();
}