// JavaScript Document
var conn = new XHConn();

function soldOut() {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open('/soldout.html', '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=180,left=260,top=220');");
}

function preOrder() {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open('/preorder.html', '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=180,left=260,top=220');");
}

function intOrder() {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open('/international.html', '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=180,left=260,top=220');");
}

// Add to cart function
function addToCart(){
	var id, qty, vars;
	document.getElementById('incomplete').style.display = "block";
	document.getElementById('complete').style.display = "none";
	displayMask();
	id = document.getElementById("id").value
	vars = "act=add&id="+id;
	conn.connect("/ajax/xmlhttp.php", "POST", vars, showCart);
	return false;
}

// Displays msg to user that item has been sucessfully added to cart
function showCart(xmlhttp) {
	var qty = xmlhttp.responseText;
	document.getElementById("cart_count").innerHTML = qty;
	document.getElementById('incomplete').style.display = "none";
	document.getElementById('complete').style.display = "block";
}

function hideCart(){
	hideMask();
}

function togglePullDowns(state){
	for (f = 0; f < document.forms.length; f++){
				var elements = document.forms[f].elements;
				for (e = 0; e < elements.length; e++){
						if (elements[e].type == "select-one"){
								elements[e].style.display = state;
						}
				}
		}	
}

function displayMask(){
	var floatLeft = 220 + "px";
	var floatTop = 100 + "px";
	var maskWidth = document.getElementById('wrapper').offsetWidth + "px";
	var maskHeight = document.getElementById('wrapper').offsetHeight + "px";
	changeObjectProperty('floatMask', 'top', 10);
	changeObjectProperty('floatMask', 'width', maskWidth);
	changeObjectProperty('floatMask', 'height', maskWidth);
	changeObjectProperty('floatWindow', 'top', floatTop);
	changeObjectProperty('floatWindow', 'left', floatLeft);
	changeOpacity('floatMask');
	changeOpacity('floatWindow');
}

function hideMask(){
	changeOpacity('floatMask');
	changeOpacity('floatWindow');
}

function changeObjectProperty(objectId, cssProperty, newValue) {
	var styleObject = document.getElementById(objectId).style;
	if(styleObject) {
		eval("styleObject."+cssProperty+" = newValue");
		return true;
	} else {
		return false;
	}
}

function changeObjectOpacity(objectId, newValue) {
	var object = document.getElementById(objectId).style; 
	object.opacity = (newValue / 100);
	object.MozOpacity = (newValue / 100);
	object.KhtmlOpacity = (newValue / 100);
	object.filter = "alpha(opacity=" + newValue + ")";
}

function changeOpacity(objectId) {
	var timer = 0;
	var opac = 100;
	if(objectId == 'floatMask') opac = 85;
	if(document.getElementById(objectId).style.display == 'none') {
		changeObjectOpacity(objectId, 0);
		document.getElementById(objectId).style.display = 'block';
		for(i = 0; i <= opac; i+=10) {
			setTimeout("changeObjectOpacity('" + objectId + "'," + i + ")",(timer * 40));
			timer++;
		}
	} else {
		for(i = opac; i >= 0; i-=10) {
			setTimeout("changeObjectOpacity('" + objectId + "'," + i + ")",(timer * 40));
			timer++;
		}
		setTimeout('document.getElementById(\''+objectId+'\').style.display = "none";', timer * 40);
	}
}