var TOP_FORM = "<table width=\"100%\" height=\"100%\" cellpadding=0 cellspacing=0><tr height=\"17\"><td height=\"17\" width=\"17\"><img src=\"http://www.viewacity.com/images/hoverform/topleft.jpg\"></td><td width=\"100%\" background=\"http://www.viewacity.com/images/hoverform/top.gif\"></td><td><img src=\"http://www.viewacity.com/images/hoverform/topright.jpg\" onclick=\"hideLayers();\"></td></tr><tr><td width=\"17\" height=\"100%\" background=\"http://www.viewacity.com/images/hoverform/left.gif\"></td><td valign=top bgcolor=\"#000000\" style=\"color:#ffffff\">";
var BOTTOM_FORM = "</td><td height=\"100%\" background=\"http://www.viewacity.com/images/hoverform/right.gif\"></td></tr><tr width=\"17\" height=\"17\"><td width=\"17\"><img src=\"http://www.viewacity.com/images/hoverform/bottomleft.jpg\"></td><td width=\"100%\" background=\"http://www.viewacity.com/images/hoverform/bottom.gif\"></td><td><img src=\"http://www.viewacity.com/images/hoverform/bottomright.jpg\"></td></tr></table>";

var MAILING_LIST_FORM = "<table width=100% height=100%><tr><td valign=\"top\" style=\"font-family:Arial;color:#71974A\"><h3>Join Mailing List</h3><form onSubmit=\"return false;\"><table cellpadding=\"5\" style=\"font:10pt Arial;font-weight:bold;color:#ffffff\"><tr><td colspan=2 style=\"color:#bb0000;font-size:8pt\" id=mailingListError></td></tr><tr><td align=\"right\">First Name</td><td><input name=\"firstname\" type=\"text\" maxlength=\"100\" size=\"15\" /></td></tr><tr><td align=\"right\">Last Name</td><td><input name=\"lastname\" type=\"text\" maxlength=\"100\" size=\"15\" /></td></tr><tr><td align=\"right\">E-Mail Address</td><td><input name=\"newemail\" type=\"text\" maxlength=\"100\" size=\"15\" /></td></tr><tr><td width=\"200\" align=\"left\" colspan=\"2\"></td></tr><tr><td align=\"right\" colspan=\"2\"><input type=\"submit\" name=\"submitok\" value=\"   OK   \" onclick=\"submitMailingListForm(this.form);\"/></td></tr></table></form></td></tr></table>";

function gotoUrl(url){
	document.location=url;
}

function wiki(){
	document.write("hello");
}

function replace(value, text, newValue){
	var pos = text.indexOf(value); 
	while(pos > -1){
		text = text.substring(0, pos) + newValue + text.substring(pos + value.length);
		pos = text.indexOf(value); 
	}
	return text;
}

function getY(id){
	if(navigator.appName.toLowerCase().indexOf("explorer") > -1){
		var value = 0;
		while(id){
			if(isNaN(id.offsetTop) == false){
				value = value + id.offsetTop;
			}
			id = id.offsetParent;
		}
		return value;
	}else{
		return id.y;
	}
}

function getX(id){
	if(navigator.appName.toLowerCase().indexOf("explorer") > -1){
		var value = 0;
		while(id){
			if(isNaN(id.offsetLeft) == false){
				value = value + id.offsetLeft;
			}
			id = id.offsetParent;
		}
		return value;
	}else{
		return id.x;
	}
}

function addtofav(){
    if (navigator.appName.toLowerCase().indexOf("explorer")){
        window.external.AddFavorite(document.location, document.title);
    }else{
        alert("Sorry. This function only works with IE4 or higher. Netscape/Firefox users can bookmark this page manually by hitting <Ctrl-D>, Opera users please use <CTRL-ALT-B>.");
    }
}

function copyright(){
	document.write("<table width=\"100%\" style=\"margin-top:10px;margin-bottom:10px\"><tr><td align=center style=\"font:8pt Arial;font-weight:bold\">Copyright &copy; 2005 Virtual NYC Tour. All rights reserved</td></tr></table>");
}

var mailingListForm = false;
function showMailingListForm(){
	var transparentLayer = document.getElementById("transparentLayer");
	var height = document.body.clientHeight;
	transparentLayer.innerHTML = "<table width=\"100%\" height=\"" + height + "\" bgcolor=\"#000000\" style=\"filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;\"><tr><td></td></tr></table>";
	transparentLayer.style.display="";

	var formLayer = document.getElementById("formLayer");
	formLayer.style.width="320px";
	formLayer.style.height = "200px";
	formLayer.style.top = (document.documentElement.clientHeight/2 - 100) + "px";
	formLayer.style.left = (document.documentElement.clientWidth/2 - 160) + "px";
	formLayer.innerHTML = TOP_FORM + MAILING_LIST_FORM + BOTTOM_FORM;
	formLayer.style.display="";
}

function submitMailingListForm(frm){
	var url = "/mailingListLayer.php?firstname=" + escape(frm.firstname.value) + "&lastname="+ escape(frm.lastname.value) + "&newemail="+ escape(frm.newemail.value);
	var response = httpRequest(url, false);
	response = trim(response);
	var errorRow = document.getElementById("mailingListError");
	if(response == 1){
		errorRow.innerHTML = 'One or more required fields were left blank. Please fill them in and try again.';
		return;
	}
	if(response == 2){
		errorRow.innerHTML = "Please insert a valid email address";
		return;
	}
	if(response == 3){
		errorRow.innerHTML = "A database error occurred in processing your submission. If this error persists, please contact support@virtualnyctour.com";
		return;
	}
	hideLayers();
}
	
	

function hideLayers(){
	document.getElementById("transparentLayer").style.display = "none";
	document.getElementById("formLayer").style.display = "none";
}

function httpRequest(url, async, func, request){
	if(async){
		request.onreadystatechange = func;
		request.open('POST', url, true);
		request.send("");
		return;
	}
	var syncRequest = createXmlHttpRequest();
	syncRequest.open('POST', url, false);
	syncRequest.send("");
	return syncRequest.responseText;
}

function createXmlHttpRequest(){
	req = false;
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest) {
    	try {
			req = new XMLHttpRequest();
        } catch(e) {
			req = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
       	try {
        	req = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		req = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		req = false;
        	}
		}
    }
	return req;
}

function trim(str){
   return str.replace(/^\s*|\s*$/g,"");
}

function addToCart(itemNum){
	httpRequest("http://www.virtualnyctour.com/posters/addtocart.php?item="+itemNum, false);
	alert("Item was added to cart");
}
