function showmenu(menuname) {
	document.getElementById("menubartop[" + menuname + "]").style.display = "block";
}
function hidemenu(menuname) {
	if (scrolling == true) {
		// don't hide
	}
	else {
		document.getElementById("menubartop[" + menuname + "]").style.display = "none";
	}
}

function Browser() {
	var ua, s, i;
	
	this.isIE    = false;
	this.isNS    = false;
	this.version = null;
	
	ua = navigator.userAgent;
	
	s = "MSIE";
	if ((i = ua.indexOf(s)) >= 0) {
		this.isIE = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}
	
	s = "Netscape6/";
	if ((i = ua.indexOf(s)) >= 0) {
		this.isNS = true;
		this.version = parseFloat(ua.substr(i + s.length));
		return;
	}
	
	// Treat any other "Gecko" browser as NS 6.1.
	s = "Gecko";
	if ((i = ua.indexOf(s)) >= 0) {
		this.isNS = true;
		this.version = 6.1;
		return;
	}
}

var browser = new Browser();

var activemenubarname = "";

// Global object to hold drag information.

var dragObj = new Object();
dragObj.zIndex = 0;

function dragStart(event, id) {		
	scrolling = true;
	
	var el;
	var x, y;
	
	// If an element id was given, find it. Otherwise use the element being
	// clicked on.
	
	if (id) {
		dragObj.elNode = document.getElementById(id);
	
		// pick up the name of the object..
		activemenubarname = id.substring(13, id.length - 1);
	}
	else {
		if (browser.isIE) {
		  dragObj.elNode = window.event.srcElement;
		}
		if (browser.isNS) {
		  dragObj.elNode = event.target;
		}	
		// If this is a text node, use its parent element.
	
		if (dragObj.elNode.nodeType == 3) {
		  dragObj.elNode = dragObj.elNode.parentNode;
		}
	}
	
	// Get cursor position with respect to the page.
	
	if (browser.isIE) {
		x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
	}
	if (browser.isNS) {
		x = event.clientX + window.scrollX;
		y = event.clientY + window.scrollY;
	}
	
	// Save starting positions of cursor and element.
	
	dragObj.cursorStartX = x;
	dragObj.cursorStartY = y;
	dragObj.elStartLeft  = parseInt(dragObj.elNode.style.left, 10);
	document.getElementById("menubarcontents[" + activemenubarname + "]").style.width = itemwidth * items[activemenubarname] + "px";
	dragObj.elStartTop   = parseInt(dragObj.elNode.style.top,  10);
	
	if (isNaN(dragObj.elStartLeft)) dragObj.elStartLeft = 0;
	if (isNaN(dragObj.elStartTop))  dragObj.elStartTop  = 0;
	
	// Update element's z-index.
	
	dragObj.elNode.style.zIndex = ++dragObj.zIndex;
	
	// Capture mousemove and mouseup events on the page.
	
	if (browser.isIE) {
		document.attachEvent("onmousemove", dragGo);
		document.attachEvent("onmouseup",   dragStop);
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	}
	if (browser.isNS) {
		document.addEventListener("mousemove", dragGo,   true);
		document.addEventListener("mouseup",   dragStop, true);
		event.preventDefault();
	}
}

function dragGo(event) {
	var x, y;
	// Get cursor position with respect to the page.
	
	if (browser.isIE) {
		x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		y = window.event.clientY + document.documentElement.scrollTop  + document.body.scrollTop;
	}
	if (browser.isNS) {
		x = event.clientX + window.scrollX;
		y = event.clientY + window.scrollY;
	}
	
	// Move drag element by the same amount the cursor has moved.
	var motionx = (dragObj.elStartLeft + x - dragObj.cursorStartX);
	if (motionx >= 0 && motionx <= 850) {
		dragObj.elNode.style.left = motionx + "px";
		document.getElementById("menubarcontents[" + activemenubarname + "]").style.left = "-" + parseInt(motionx/850*(document.getElementById("menubarcontents[" + activemenubarname + "]").offsetWidth - 950)) + "px";
	}
	//dragObj.elNode.style.top  = (dragObj.elStartTop  + y - dragObj.cursorStartY) + "px";
	
	if (browser.isIE) {
		window.event.cancelBubble = true;
		window.event.returnValue = false;
	}
	if (browser.isNS) {
		event.preventDefault();
	}
}

function dragStop(event) {
	// Stop capturing mousemove and mouseup events.
	if (browser.isIE) {
		document.detachEvent("onmousemove", dragGo);
		document.detachEvent("onmouseup",   dragStop);
	}
	if (browser.isNS) {
		document.removeEventListener("mousemove", dragGo,   true);
		document.removeEventListener("mouseup",   dragStop, true);
	}
	scrolling = false;
}

var mainRotationInterval = 0;
var currentmain = 1;

var promomain = Array();
promomain[1] = "/images/v3/promomain01.png";
promomain[2] = "/images/v3/promomain02.jpg";
promomain[3] = "/images/v3/promomain03.jpg";
promomain[4] = "/images/v3/promomain04.jpg";

var promomaintext = Array();
promomaintext[1] = "<a class=\"promotitle\" href=\"/about\"><span class=\"promotitlegreen\">SPECIALIZING IN A WEB PRESENCE THAT</span> WORKS FOR YOU</a><br>ts&sup2; will create a site that works for your company asthetically and functionally to wow your potential customer with your products and services and to facilitate tasks around your office.";
promomaintext[2] = "<a class=\"promotitle\" href=\"/voip\"><span class=\"promotitlegreen\">YOU NEED THE PERFECT</span> PHONE SOLUTION</a><br>Our VoIP service allows your callers to contact you the way you want to be reached.  We handle everything from a single software phone to multiple locations with a customized phone system.";
promomaintext[3] = "<a class=\"promotitle\" href=\"/collaboration\"><span class=\"promotitlegreen\">PREMIUM EMAIL AND COLLABORATION SERVICES</span> WITHOUT HEADACHES</a><br>Our hosted platform takes your business to the next level with sychronized email, contacts, calendars and documents that work the way you wan them to.";
promomaintext[4] = "<a class=\"promotitle\" href=\"/backup\"><span class=\"promotitlegreen\">DON'T LET HARD DISK FAILURE</span> RUIN YOUR GAME</a><br>Data Matters Backup automatically backs up your business' critical data so you don't have to worry about expensive recovery time.";

function pageLoad() {
	mainRotationInterval = setInterval("rotateMain()", 8000);
}
function rotateMain() {
	var lastmain = currentmain;
	// Take the ad and swap it with the next one

	if (currentmain >= 4) {
		currentmain = 1;
	}
	else {
		currentmain++;
	}
	if (lastmain != currentmain) {
		document.getElementById("promomainfade").innerHTML = "<img src=\"" + promomain[currentmain] + "\">";
		document.getElementById("promomaintextfade").innerHTML = promomaintext[currentmain];
		document.getElementById("promonumberfade").innerHTML = "0" + currentmain;
		
		setOpacity(document.getElementById("promomainfade"), 0);
		setOpacity(document.getElementById("promomaintextfade"), 0);
		setOpacity(document.getElementById("promonumberfade"), 0);
		
		document.getElementById("promomainfade").style.display="block";
		document.getElementById("promomaintextfade").style.display="block";
		document.getElementById("promonumberfade").style.display="block";
	
		document.getElementById("promomainfade").style.zIndex = 3;
		document.getElementById("promomaintextfade").style.zIndex = 6;
		document.getElementById("promonumberfade").style.zIndex = 6;
		
		document.getElementById("promomaincurrent").style.zIndex = 2;
		document.getElementById("promomaintextcurrent").style.zIndex = 5;
		document.getElementById("promonumbercurrent").style.zIndex = 5;
		
		fadeIn(0);
	}
}

function fadeIn(opacity) {
	if (opacity <= 100) {
		setOpacity(document.getElementById("promomainfade"), opacity);
		setOpacity(document.getElementById("promomaintextfade"), opacity);
		setOpacity(document.getElementById("promomaintextcurrent"), 100-opacity);
		setOpacity(document.getElementById("promonumberfade"), opacity);
		setOpacity(document.getElementById("promonumbercurrent"), 100-opacity);
		opacity += 10;
		window.setTimeout("fadeIn(" + opacity + ")", 100);
	}
	else {
		// now that it's all faded in, push their html to the forefront.
		document.getElementById("promomaincurrent").innerHTML = document.getElementById("promomainfade").innerHTML;
		document.getElementById("promomaintextcurrent").innerHTML = document.getElementById("promomaintextfade").innerHTML;
		document.getElementById("promonumbercurrent").innerHTML = document.getElementById("promonumberfade").innerHTML;
		setOpacity(document.getElementById("promomaintextcurrent"), 100);
		setOpacity(document.getElementById("promonumbercurrent"), 100);
		document.getElementById("promomainfade").style.display="none";
		document.getElementById("promomaintextfade").style.display="none";
		document.getElementById("promonumberfade").style.display="none";
		document.getElementById("promomainfade").style.zIndex = 2;
		document.getElementById("promomaintextfade").style.zIndex = 5;
		document.getElementById("promonumberfade").style.zIndex = 5;
		document.getElementById("promomaincurrent").style.zIndex = 3;
		document.getElementById("promomaintextcurrent").style.zIndex = 6;
		document.getElementById("promonumbercurrent").style.zIndex = 6;
	}
}
	
function setOpacity(fadeobj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	
	// IE/Win
//		fadeobj.style.filter = "alpha(opacity:"+opacity+")";
	
	// Safari<1.2, Konqueror
	fadeobj.style.KHTMLOpacity = opacity/100;
	
	// Older Mozilla and Firefox
	fadeobj.style.MozOpacity = opacity/100;
	
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	fadeobj.style.opacity = opacity/100;
}

function showTopItem(itemid) {
	if (itemid == "searchboxcontainer") {
		document.getElementById("logincontainer").style.display = "none";
		document.getElementById("searchboxcontainer").style.display = "block";
	}
	else {
		document.getElementById("searchboxcontainer").style.display = "none";
		document.getElementById("logincontainer").style.display = "block";
	}
}

function selectAnswer(selObject, answerID) {
	for (var i = 0; i < selObject.parentNode.childNodes.length; i++) {
		if (selObject.parentNode.childNodes[i].id.substring(0, 14) == "selectedanswer") {
			selObject.parentNode.childNodes[i].id = "";
			selObject.parentNode.childNodes[i].className = "surveyanswer";
		}
	}
	selObject.className = "surveyanswerselected";
	selObject.id = "selectedanswer[" + answerID + "]";
}

var http = new XMLHttpRequest();			

function submitAnswer() {
	var answerID = 0;
	for (var i = 0; i < document.getElementById("surveyanswers").childNodes.length; i++) {
		if (document.getElementById("surveyanswers").childNodes[i].id.substring(0, 14) == "selectedanswer") {
			answerID = document.getElementById("surveyanswers").childNodes[i].id.substr(15, document.getElementById("surveyanswers").childNodes[i].id.length - 16);
			if (http.readyState == 4 || http.readyState == 0) {
				var myurl = document.location.protocol + "//ts2.ca/surveyanswer.php";
				http.open("GET", myurl + "?answerID=" + answerID, true);
				http.onreadystatechange = function() {
					if (http.readyState == 4) {
						if (http.responseXML) {
							var Message = http.responseXML.getElementsByTagName("Message");
							for (var i = 0; i < Message.length; i++) {
								alert(Message[i].firstChild.nodeValue);
							}
						}
					}
				}
				http.send(null);
			}
		}
	}
}
function calendarNav(direction) {
	var firstdate = document.getElementById("calendardates").childNodes[0].id.substr(13, 10);
	if (http.readyState == 4 || http.readyState == 0) {
		var myurl = document.location.protocol + "//ts2.ca/calendardetails.php";
		http.open("GET", myurl + "?firstdate=" + firstdate + "&direction=" + direction, true);
		http.onreadystatechange = function() {
			if (http.readyState == 4) {
				if (http.responseXML) {
					var DateInfo = http.responseXML.getElementsByTagName("DateInfo");
					for (var i = 0; i < DateInfo.length; i++) {
						document.getElementById("calendardates").childNodes[i].id = "calendardate[" + DateInfo[i].getElementsByTagName("Date")[0].firstChild.nodeValue + "]";
						if (DateInfo[i].getElementsByTagName("Style")[0].firstChild.nodeValue == "Today") {
							document.getElementById("calendardates").childNodes[i].firstChild.className = "calendardatetoday";
						}
						if (DateInfo[i].getElementsByTagName("Style")[0].firstChild.nodeValue == "Selected") {
							document.getElementById("calendardates").childNodes[i].firstChild.className = "calendardateselected";
						}
						if (DateInfo[i].getElementsByTagName("Style")[0].firstChild.nodeValue == "Normal") {
							document.getElementById("calendardates").childNodes[i].firstChild.className = "calendardatenormal";
						}
						if (DateInfo[i].getElementsByTagName("Words")[0].firstChild.nodeValue == "True") {
							document.getElementById("calendardates").childNodes[i].firstChild.firstChild.innerHTML = DateInfo[i].getElementsByTagName("WordsLink")[0].firstChild.nodeValue;
							document.getElementById("calendardates").childNodes[i].childNodes[0].title = DateInfo[i].getElementsByTagName("Title")[0].firstChild.nodeValue;
						}
						else {
							document.getElementById("calendardates").childNodes[i].firstChild.firstChild.innerHTML = DateInfo[i].getElementsByTagName("Day")[0].firstChild.nodeValue;
							document.getElementById("calendardates").childNodes[i].childNodes[0].title = "";
						}
						document.getElementById("calendardates").childNodes[i].childNodes[0].childNodes[1].innerHTML = DateInfo[i].getElementsByTagName("Month")[0].firstChild.nodeValue;
					}
				}
			}
		}
		http.send(null);
	}
	
}