// Functions.js
// Various javascript functions uses throughout the site

// displayLogin(user) : Displays the user login form
function displayLogin() {

	if ($j("#logindiv").is(":hidden")) {
		
		$j("#logindiv").animate({width: 'show'}, function() { $j("#loginusername").focus(); });
	}
	else {
		$j("#logindiv").animate({width: 'hide'});
	}
}

// getComments(photoid) : Gets the comments associated with a particular file
function getComments(photoid) {

 	// This puts the "Comments" graphic in the div, among other things
 	$j("#comments").addClass("commentsover");
	
	// Loading message
	$j("#comments").html("Getting Comments...");

	// Get the comments
	url = '/hello/comments/' + photoid;

	$j.get(url, '', 
		function(data, textStatus) {
			$j("#comments").html(data);
		}
	);
}


// Change_over(div) : Used to change the element "div"'s style when mouse-overed
function change_over(div) {
    div.className = "over";
}

// Change_out(div) : Used to change the element "div"'s style when mouse-outed
function change_out(div) {
    div.className = "out";
}

// Deletemedia() : Used to confirm that the user would really like to delete a file
function deletemedia() {
    sure = confirm('Are you sure you want to delete this item?');

    if (sure) {
        document.getElementById("deleteitem").submit();
    }
}

function deletecomment(id) {

	sure = confirm("Are you sure you'd like to delete this comment?");

	if (sure) {
			document.getElementById("deletecomment").delcomment_id.value = id;
			document.getElementById("deletecomment").submit();
	}
}

function editcomment(id) {
	commentdiv = eval("document.getElementById('comment-" + id + "')");
	orig_comment = eval("document.getElementById('comment-" + id + "-actualcomment').innerHTML");
	orig_entirediv = commentdiv.innerHTML;

	orig_comment = orig_comment.replace(/<br>/g, "\n");
	var re = /<\S[^><]*>/g
	orig_comment = orig_comment.replace(re, "");

	formhtml = '<form id="editcomment" method="post" style="margin: 0px;">\
							<textarea id="commenteditbox" name="commenteditbox" style="height: 75px; width: 100%; border: 1px solid silver; font: normal 11px arial, sans-serif;">' + orig_comment + '</textarea>\
							<br / >\
							<input type="hidden" name="editcomment_id" value="' + id + '">\
							<input type="hidden" name="action" value="edit">\
							<input type="button" name="submitbutton" value="Submit" onClick="javascript: sendcomment(\'' + id + '\', document.getElementById(\'commenteditbox\'), orig_entirediv);">\
							<input type="button" name="cancel" value="Cancel" onClick="javascript: commentdiv.innerHTML = orig_entirediv;"></form>';

	commentdiv.innerHTML = formhtml;
}


// sendcomment(): This actually processes the edited comment
function sendcomment(editid, commentfield, orig_entirediv) {
		// Display "updating" message
		$j("#comment-" + editid).html('<img src="/img/loadingbar.gif" /> Updating...');

		$j.post("/hello/sendcomment/" + editid, { "data[comment]": commentfield.value },
			
			function(data) {
				commentdiv.innerHTML = orig_entirediv;
			
				datasplit = data.split('|');

				$j("#comment-" + editid + "-actualcomment").html(datasplit[0]);

				$j("#comment-" + editid + "-editedline").html('(<i>Edited: ' + datasplit[1] + '</i>)');
		}
	);
}


// randomPhoto(): Gets a random photo from the db
function randomPhoto() {

	// Display loading graphic 
	$j("#randomphotobox").html('<img src="/img/loading.gif">');

	// Load the box with the random photo
	$j.post('/hello/randomphoto', 
			function(data) {
				$j("#getbutton").attr("value", "Get another random photo");
				$j("#randomphotobox").css("border-width", "1px");
				$j("#randomphotobox").html(data);
			}
	);
}


// Used to display the site statistics stuff
function showstats() {
	if ($j("#morestats:hidden").length == 1) {
		$j("#morestats:hidden").show("blind");
	}
	else {
		$j("#morestats:visible").hide("blind");
	}
}

// Used to edit photo titles on the photo page
function editTitleInPlace() {

		// Show the new title textbox
		$j("#newtitleform").css("display", "block");

		// Hide the plain-text title
		$j("#actualtitle").css("display", "none");
}

// Reset the photo page title to its original state
function resetTitleInPlace(orig_html) {

	// Show the new title textbox
	$j("#newtitleform").css("display", "none");

	// Hide the plain-text title
	$j("#actualtitle").css("display", "block");
}

// Copyright 2006,2007 Bontrager Connection, LLC
// http://bontragerconnection.com/ and http://www.willmaster.com/
// // Version: July 28, 2007
var cX = 0; var cY = 0; var rX = 0; var rY = 0;
function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
else { document.onmousemove = UpdateCursorPosition; }
function AssignPosition(d) {
if(self.pageYOffset) {
rX = self.pageXOffset;
rY = self.pageYOffset;
}
else if(document.documentElement && document.documentElement.scrollTop) {
rX = document.documentElement.scrollLeft;
rY = document.documentElement.scrollTop;
}
else if(document.body) {
rX = document.body.scrollLeft;
rY = document.body.scrollTop;
}
if(document.all) {
cX += rX; 
cY += rY;
}
d.style.left = (cX+10) + "px";
d.style.top = (cY+10) + "px";
}
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
dd.style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
var dd = document.getElementById(d);
AssignPosition(dd);
if(dd.style.display == "none") { dd.style.display = "block"; }
else { dd.style.display = "none"; }
}

// Used for creating Google charts
var simpleEncoding = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';

function simpleEncode(valueArray,maxValue) {

var chartData = ['s:'];
for (var i = 0; i < valueArray.length; i++) {
 var currentValue = valueArray[i];
	 if (!isNaN(currentValue) && currentValue >= 0) {
		 chartData.push(simpleEncoding.charAt(Math.round((simpleEncoding.length-1) * currentValue / maxValue)));
	 }
	 else {
		 chartData.push('_');
	 }
 }

 return chartData.join('');
}

/**
*
*  Javascript trim, ltrim, rtrim
*  http://www.webtoolkit.info/
*
**/
 
function trim(str, chars) {
	return ltrim(rtrim(str, chars), chars);
}
 
function ltrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}
 
function rtrim(str, chars) {
	chars = chars || "\\s";
	return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}