var preLoadedThumbs = new Array();

var xPos=0,yPos=0;
var IE = (document.all) ? true : false;
if (!IE) document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = getMousePosition;

function getMousePosition(e)
{
	if(IE)
	{
		xPos = event.clientX + document.body.scrollLeft;
		yPos = event.clientY + document.body.scrollTop;
	}
	else
	{
		xPos = e.pageX;
		yPos = e.pageY;
	}
	if(xPos<0) xPos=0;
	if(yPos<0) yPos=0;
}

function convertSizetoInt(dimension)
{
	dimString = new String(dimension);
	dimString.replace("px", "");
	dimInt = parseInt(dimString);
	return dimInt;
}

function preloadImages()
{
	var i=0;
//		var labels = new Array("first", "previous", "next", "last");
	for(i=0;i<preloadImages.arguments.length;i++)
	{
		preLoadedThumbs[i] = new Image();
		preLoadedThumbs[i].src = preloadImages.arguments[i];
	}
}

function showThumb(source, title, date, image)
{
	var left = getLeftOffset(source.id);
	var top = getTopOffset(source.id);
	
	var thumbframe = document.createElement('div');
	var thumbimage = document.createElement('img');
	var thumbtitle = document.createElement('p');
	
	thumbframe.id = "thumbframe";
	thumbframe.style.backgroundColor = "#AAAAAA";
	thumbframe.style.opacity = ".75";
	thumbframe.style.filter = "alpha(opacity=75)";
	thumbframe.style.mozopacity =  "0.75";
	thumbframe.style.position = "absolute";
	thumbframe.style.left = left + "px";
	thumbframe.style.top = (top + 36) + "px";
	thumbframe.style.leftMargin = "20px;"
	
	thumbimage.id = "thumbimage";
	thumbimage.src = preLoadedThumbs[image].src;
	
	thumbtitle.style.fontFamily = "Arial";
	thumbtitle.style.fontSize = "8pt";
	thumbtitle.style.fontWeight = "bolder";
	thumbtitle.innerHTML = title + "<br />" + date;
	thumbtitle.textAlign = "justify";
	thumbtitle.style.opacity = "1.0";
	thumbtitle.style.filter = "alpha(opacity=100)";
	thumbtitle.style.mozopacity =  "1.0";
	
	document.body.appendChild(thumbframe);
	thumbframe.appendChild(thumbimage);
	thumbframe.appendChild(thumbtitle);
}

function hideThumb(source)
{
	document.body.removeChild(document.getElementById("thumbframe"));
}

function showAddComment(source, stripid)
{
	if(document.getElementById("addCommentDiv")) return 0;
	
	var addFormFrame = document.createElement("div");

	var left = getLeftOffset(source.id);
	var top = getTopOffset(source.id);
	
	
	addFormFrame.id = "addCommentDiv";
	addFormFrame.style.backgroundColor = "#FFFF88";
	addFormFrame.style.border = "solid 5px #000000";
	addFormFrame.style.position = "absolute";
	addFormFrame.style.padding = "10px";
	addFormFrame.style.fontFamily = "Arial";
	addFormFrame.style.fontSize = "10pt";
	addFormFrame.style.fontWeight = "bolder";
	addFormFrame.style.top = top + "px";
	addFormFrame.style.left = (left + 100) + "px";
	addFormFrame.style.width = "400px";
	
	var innerHTML = "<form action=\"include/addComment.php?stripid=" + stripid + "\" method=\"POST\"><div style=\"width: 100%; height 20px; text-align: center; font-size: 13pt; background-image: url('/menus/hazardbg.gif'); background-repeat: repeat-x; color: #FFFFFF;\" />MAKE A COMMENT ON THIS STRIP</div><br/>";
	innerHTML += "Heading: <input id=\"commenttitle\" style=\"width: 100%;\" type=\"text\" name=\"title\" /><br />";
	innerHTML += "Name: <input id=\"commentname\" style=\"width: 100%;\" type=\"text\" name=\"name\" /><br />";
	innerHTML += "<textarea id=\"commenttext\" name=\"comment\" rows=\"4\" cols=\"42\" style=\"width: 100%;\">Add your comment here</textarea><br />";
	innerHTML += "<div style=\"width: 100%; text-align: center;\"><input type=\"button\" style=\"width: 155px; background-color: #fdff25; background-image: url('/images/button/postcomment.png');\" name=\"submit\" onclick=\"submitAddCommentForm(" + stripid + ")\" /><input type=\"button\" onclick=\"closeAddForm()\" style=\"width: 107px; background-color: #fdff25; background-image: url('/images/button/cancel.png');\" /></div>";
	
	addFormFrame.innerHTML = innerHTML;
	document.body.appendChild(addFormFrame);
	window.scroll(0,top - 100);
	
}

function closeAddForm()
{
	if(document.getElementById("addCommentDiv"))
		document.body.removeChild(document.getElementById("addCommentDiv"));
}

function submitAddCommentForm(stripid)
{
	var postComment = new ajaxRequest();
	postComment.onreadystatechange = function()
	{
		if(postComment.readyState == 4)
		{
			if (postComment.status==200 || window.location.href.indexOf("http")==-1)
			{
				if(postComment.responseText != 0)
				{
					closeAddForm();
					document.getElementById("commentlinkspan").innerHTML = postComment.responseText;
				}
				else
					alert("Fill in all the fields please.  Thanks");
			}
			else
			{
				//ERROR
			}
		}
	}
	
	var title = encodeURIComponent(document.getElementById("commenttitle").value);
	var name = encodeURIComponent(document.getElementById("commentname").value);
	var comment = encodeURIComponent(document.getElementById("commenttext").value);
	var parameters = "title=" + title + "&name=" + name + "&comment=" + comment + "&stripid=" + stripid;
	postComment.open("POST", "/include/addComment.php");
	postComment.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	postComment.send(parameters);
	
}

function showReplyForm(source, subject, commentid)
{
	if(document.getElementById("addReplyDiv")) closeReplyForm();
	
	var replyFormFrame = document.createElement("div");
	
	var left = getLeftOffset(source.id);
	var top = getTopOffset(source.id);
	
	
	replyFormFrame.id = "addReplyDiv";
	replyFormFrame.style.backgroundColor = "#FFFF88";
	replyFormFrame.style.border = "solid 5px #000000";
	replyFormFrame.style.position = "absolute";
	replyFormFrame.style.padding = "10px";
	replyFormFrame.style.fontFamily = "Arial";
	replyFormFrame.style.fontSize = "10pt";
	replyFormFrame.style.fontWeight = "bolder";
	replyFormFrame.style.top = (top + 19) + "px";
	replyFormFrame.style.left = (screenwidth()/2 - 205) + "px";
	replyFormFrame.style.width = "400px";
	
	replyFormFrame.innerHTML =  "<form id=\"replyForm\" name=\"replyForm\" action=\"/include/	addreply.php?commentid=" + commentid + "\" method=\"post\"><div style=\"width: 100%; height 20px; text-align: center; font-size: 13pt; font-weight: bolder; background-image: url('/menus/hazardbg.gif'); background-repeat: repeat-x; color: #FFFFFF;\" />MAKE A COMMENT ON THIS STRIP</div><br/><span id=\"replytitle\" name=\"title\">Re: " + subject + "<input name=\"replytitle\" type=\"hidden\" value=\"Re: " + subject + "\" /></span><br />Name: <input id=\"commentname\" style=\"width: 100%;\" type=\"text\" name=\"commentname\" /><br /><textarea id=\"commenttext\" name=\"comment\" rows=\"4\" cols=\"42\" style=\"width: 100%;\">Add your reply here</textarea><br /><div style=\"width: 100%; text-align: center;\"><input type=\"submit\" name=\"submit\" onclick=\"submitReplyForm(" + commentid + ")\" value=\"\" style=\"width: 133px; background-color: #fdff25; background-image: url('/images/button/postreply.png');\" /><input type=\"button\" onclick=\"closeReplyForm()\" style=\"width: 107px; background-color: #fdff25; background-image: url('/images/button/cancel.png');\" /></div></form>";

	document.body.appendChild(replyFormFrame);
	window.scroll(0, top - 100);
	

}

function closeReplyForm()
{
	if(document.getElementById("addReplyDiv"))
		document.body.removeChild(document.getElementById("addReplyDiv"));
	
}

function screenwidth()
{
  var myWidth = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && document.documentElement.clientWidth ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && document.body.clientWidth  ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }

	return myWidth;

}

function getLeftOffset(id)
{
	var element = document.getElementById(id);
	var offset = element.offsetLeft;
	
	while(element.offsetParent != null)
	{
		var parent = element.offsetParent;
		offset += parent.offsetLeft;
		element = parent;
	}
	return offset;
}

function getTopOffset(id)
{
	var element = document.getElementById(id);
	var offset = element.offsetTop;
	
	while(element.offsetParent != null)
	{
		var parent = element.offsetParent;
		offset += parent.offsetTop;
		element = parent;
	}
	return offset;
}

function ajaxRequest()
{
	var activexmodes=["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
	if (window.ActiveXObject)
	{ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
		for (var i=0; i<activexmodes.length; i++)
		{
			try
			{
				return new ActiveXObject(activexmodes[i])
			}
			catch(e)
			{
				//suppress error
			}
		}
	}
	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
		return new XMLHttpRequest()
	else
		return false
}