var fontmaxsize = 20;
var fontminsize = 10;


function toggletools(showorhide)
{
	if (showorhide == "show")
	{
		var toolboxcontainer = document.getElementById("toolboxcontainer");
		_setStyle(toolboxcontainer, "float:right; margin-right:126px;");
		var tools = document.getElementById("tools");
		_setStyle(tools, "display:inline;");
		var hiddentools = document.getElementById("hiddentools");
		_setStyle(hiddentools, "display:none;");
		var emailtool = document.getElementById("emailtool");
		_setStyle(emailtool, "display:none");
		var emailconfirm = document.getElementById("emailconfirm");
		_setStyle(emailconfirm, "display:none");	
	}
	else if (showorhide == "hide")
	{
		var toolboxcontainer = document.getElementById("toolboxcontainer");
		_setStyle(toolboxcontainer, "float:right; margin-right:69px;");
		var hiddentools = document.getElementById("hiddentools");
		_setStyle(hiddentools, "display:inline;");
		var tools = document.getElementById("tools");
		_setStyle(tools, "display:none;");
		var emailtool = document.getElementById("emailtool");
		_setStyle(emailtool, "display:none");
	}
	else if (showorhide == "email")
	{
		var toolboxcontainer = document.getElementById("toolboxcontainer");
		_setStyle(toolboxcontainer, "float:right; margin-right:253px;");
		var hiddentools = document.getElementById("hiddentools");
		_setStyle(hiddentools, "display:none;");
		var tools = document.getElementById("tools");
		_setStyle(tools, "display:none;");
		var emailtool = document.getElementById("emailtool");
		_setStyle(emailtool, "display:inline");
	}
}

function tool(toolnum,emailpage)
{
			
	switch (toolnum){
		case "shrink":
		// DECREASE FONT SIZE STOP AT 10
			if (fontsize != fontminsize)
			{
				fontsize--;
				setStyle();
			}
		break;
		
		case "grow":
		// INCREASE FONT SIZE STOP AT 16
			if (fontsize != fontmaxsize)
			{
				fontsize++;
				setStyle();
			}
		break;
		
		case "hideimages":
		// HIDE ALL IMAGES WITH NAME "HIDEABLE"
		
			var header = document.getElementById("header");
			_setStyle(header, "display:none;");
		
			var hide = new Array();
			hide = getElementsByClass("imagebox");
			for (i=0; i<hide.length; i++)
			{ 
					hide[i].style.display = 'none';
			}

			showimages = "none";
			
			
			//var headerimage = document.getElementById("header");
			//_setStyle(headerimage, "display:none; margin-bottom:5px");
		break;
			
		case "showimages":
		// SHOW ALL IMAGES WITH NAME "HIDEABLE"
			var header = document.getElementById("header");
			_setStyle(header, "display:block");
		
			var show = new Array();
			show = getElementsByClass("imagebox");
			for (i=0; i<show.length; i++)
			{
					show[i].style.display = 'block';
			}

			showimages = "block";
			//var headerimage = document.getElementById("header");
			//_setStyle(headerimage, "display:inline");
		break;
		
		case "justify":
		// SET TEXT IN MIDDLE DIV TO JUSTIFIED
			textalign = "justify";
			setStyle();
		break;
		
		case "leftalign":
		// SET TEXT IN MIDDLE DIV TO LEFT ALIGNED
			textalign = "left";
			setStyle();
		break;
		
		case "print":
			window.location = "?print"
		break;
			
		case "cancel":
		// CANCEL THE EMAIL DIV
			var emailinput = document.getElementById("emailinput");	
			var emailconfirm = document.getElementById("emailconfirm");	
			var toolspane = document.getElementById("toolspane");
			var toolsmenu = document.getElementById("toolsmenu");
			var emailtool = document.getElementById("emailtool");
			_setStyle(toolspane, "display:inline");
			_setStyle(toolsmenu, "display:inline");
			_setStyle(emailtool, "display:none");
			_setStyle(emailinput, "display:inline");
			_setStyle(emailconfirm, "display:none");
		break;
		
		case "send":
		// SEND THE EMAIL
			var emailtool = document.getElementById("emailtool");	
			var emailconfirm = document.getElementById("emailconfirm");	
			var youremailaddress = document.getElementById("youremailaddress").value;
			var friendsemailaddress = document.getElementById("friendsemailaddress").value;
			var yourname = document.getElementById("yourname").value;
			var friendsname = document.getElementById("friendsname").value;
			
			var mydata = 'youremailaddress=' +  youremailaddress + '&friendsemailaddress=' +  friendsemailaddress + '&yourname=' +  yourname + '&friendsname=' +  friendsname + '&page=' + emailpage;
			ajax = new sack('http://www.concept2.co.uk/scripts/php/toolsboxemail.php');
			ajax.runAJAX(mydata);
			
			_setStyle(emailtool, "display:none");
			_setStyle(emailconfirm, "display:inline");
			var toolboxcontainer = document.getElementById("toolboxcontainer");
			_setStyle(toolboxcontainer, "float:right; margin-right:108px;");
		break;
		
		case "reset":
		// DROP IN THE EMAIL DIV
			fontsize = 12;
			textalign = "left";
			var show = new Array();
			show = getElementsByClass("hideable");
			for (i=0; i<show.length; i++)
			{
				show[i].style.display = 'inline';
			}
			showimages = "inline";
			setStyle();

            var header = document.getElementById("header");
			_setStyle(header, "display:block;");
		
			var show = new Array();
			show = getElementsByClass("imagebox");
			for (i=0; i<show.length; i++)
			{
					show[i].style.display = 'block';
			}
		break;
			

		default:
		alert ("no tool was requested");	
	}
	saveprefs();
}

function setStyle()
{
	// REAPPLY STYLE
	textstyle = "text-align:" + escape(textalign) + ";";
	sizestyle = "font-size:" + escape(fontsize) + "px;";
	var contents = document.getElementById("content");
	 _setStyle(contents, sizestyle + " " + textstyle);
	 
	var toleft = new Array();
	sizestyle = "font-size:" + escape(fontsize-1) + "px;";
	var left = document.getElementById("left");
	for (i=0; i<left.length; i++)
	{
		left[i].style= sizestyle;
	}
	

_setStyle(left, sizestyle);

}

function bookmark(url,title){
  if ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4)) {
  window.external.AddFavorite(url,title);
  } else if (navigator.appName == "Netscape") {
    window.sidebar.addPanel(title,url,"");
  } else {
    alert("Press CTRL-D (Netscape) or CTRL-T (Opera) to bookmark");
  }
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function saveprefs()
{
	var mydata = 'textalign=' +  textalign + '&fontsize=' + fontsize + '&showimages=' + showimages;
	ajax = new sack('../scripts/php/saveprefs.php');
	//ajax.element = 'sackreply';
	ajax.runAJAX(mydata);
	//alert (mydata);
	
}

function rzCC(s){
   // thanks http://www.ruzee.com/blog/2006/07/\
   // retrieving-css-styles-via-javascript/
   for(var exp=/-([a-z])/; 
       exp.test(s); 
       s=s.replace(exp,RegExp.$1.toUpperCase()));
   return s;
 }

 function _setStyle(element, declaration) {
   if (declaration.charAt(declaration.length-1)==';')
     declaration = declaration.slice(0, -1);
   var k, v;
   var splitted = declaration.split(';');
   for (var i=0, len=splitted.length; i<len; i++) {
      k = rzCC(splitted[i].split(':')[0]);
      v = splitted[i].split(':')[1];
      eval("element.style."+k+"='"+v+"'");

   }
 }
 
function tooltip(tip)
{
	document.getElementById("toolinfo").innerHTML = tip;	
	document.getElementById("emailinfo").innerHTML = tip;	
}


////////////////////////////////////////////////////////////////////////////////////   SACK FOLLOWS


function sack(file) {
	this.xmlhttp = null;

	this.resetData = function() {
		this.method = "POST";
  		this.queryStringSeparator = "?";
		this.argumentSeparator = "&";
		this.URLString = "";
		this.encodeURIString = true;
  		this.execute = false;
  		this.element = null;
		this.elementObj = null;
		this.requestFile = file;
		this.vars = new Object();
		this.responseStatus = new Array(2);
  	};

	this.resetFunctions = function() {
  		this.onLoading = function() { };
  		this.onLoaded = function() { };
  		this.onInteractive = function() { };
  		this.onCompletion = function() { };
  		this.onError = function() { };
		this.onFail = function() { };
	};

	this.reset = function() {
		this.resetFunctions();
		this.resetData();
	};

	this.createAJAX = function() {
		try {
			this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e1) {
			try {
				this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {
				this.xmlhttp = null;
			}
		}

		if (! this.xmlhttp) {
			if (typeof XMLHttpRequest != "undefined") {
				this.xmlhttp = new XMLHttpRequest();
			} else {
				this.failed = true;
			}
		}
	};

	this.setVar = function(name, value){
		this.vars[name] = Array(value, false);
	};

	this.encVar = function(name, value, returnvars) {
		if (true == returnvars) {
			return Array(encodeURIComponent(name), encodeURIComponent(value));
		} else {
			this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
		}
	}

	this.processURLString = function(string, encode) {
		encoded = encodeURIComponent(this.argumentSeparator);
		regexp = new RegExp(this.argumentSeparator + "|" + encoded);
		varArray = string.split(regexp);
		for (i = 0; i < varArray.length; i++){
			urlVars = varArray[i].split("=");
			if (true == encode){
				this.encVar(urlVars[0], urlVars[1]);
			} else {
				this.setVar(urlVars[0], urlVars[1]);
			}
		}
	}

	this.createURLString = function(urlstring) {
		if (this.encodeURIString && this.URLString.length) {
			this.processURLString(this.URLString, true);
		}

		if (urlstring) {
			if (this.URLString.length) {
				this.URLString += this.argumentSeparator + urlstring;
			} else {
				this.URLString = urlstring;
			}
		}

		// prevents caching of URLString
		this.setVar("rndval", new Date().getTime());

		urlstringtemp = new Array();
		for (key in this.vars) {
			if (false == this.vars[key][1] && true == this.encodeURIString) {
				encoded = this.encVar(key, this.vars[key][0], true);
				delete this.vars[key];
				this.vars[encoded[0]] = Array(encoded[1], true);
				key = encoded[0];
			}

			urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
		}
		if (urlstring){
			this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
		} else {
			this.URLString += urlstringtemp.join(this.argumentSeparator);
		}
	}

	this.runResponse = function() {
		eval(this.response);
	}

	this.runAJAX = function(urlstring) {
		if (this.failed) {
			this.onFail();
		} else {
			this.createURLString(urlstring);
			if (this.element) {
				this.elementObj = document.getElementById(this.element);
			}
			if (this.xmlhttp) {
				var self = this;
				if (this.method == "GET") {
					totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
					this.xmlhttp.open(this.method, totalurlstring, true);
				} else {
					this.xmlhttp.open(this.method, this.requestFile, true);
					try {
						this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
					} catch (e) { }
				}

				this.xmlhttp.onreadystatechange = function() {
					switch (self.xmlhttp.readyState) {
						case 1:
							self.onLoading();
							break;
						case 2:
							self.onLoaded();
							break;
						case 3:
							self.onInteractive();
							break;
						case 4:
							self.response = self.xmlhttp.responseText;
							self.responseXML = self.xmlhttp.responseXML;
							self.responseStatus[0] = self.xmlhttp.status;
							self.responseStatus[1] = self.xmlhttp.statusText;

							if (self.execute) {
								self.runResponse();
							}

							if (self.elementObj) {
								elemNodeName = self.elementObj.nodeName;
								elemNodeName.toLowerCase();
								if (elemNodeName == "input"
								|| elemNodeName == "select"
								|| elemNodeName == "option"
								|| elemNodeName == "textarea") {
									self.elementObj.value = self.response;
								} else {
									self.elementObj.innerHTML = self.response;
								}
							}
							if (self.responseStatus[0] == "200") {
								self.onCompletion();
							} else {
								self.onError();
							}

							self.URLString = "";
							break;
					}
				};

				this.xmlhttp.send(this.URLString);
			}
		}
	};

	this.reset();
	this.createAJAX();
}