var divCount = 0;
var mainDivName = 'orderitems';
var custfieldname;

function clearMarkerChoices()
{
	document.getElementById('ballmarker1').style.display = 'none';
	document.getElementById('ballmarker2').style.display = 'none';
	document.getElementById('ballmarker3').style.display = 'none';
}

function showMarkerChoice(thediv)
{
	document.getElementById(thediv).style.display = 'block';
}

function updateThis(thediv)
{
	
	var name = thediv.id;
	var soldout = new Array('a_red', 'a_blue', 'a_black');
	var border = "1px solid #ffea00";
	
	for(var i=0; i<soldout.length; i++)
	{
		key = soldout[i];
		if(name.search(key) != -1)
		{
			alert('This product is sold out at the moment. Please visit our contact page to place a request for this item. We apologize for any inconvenience caused and hopefully you will like one of our other colors currently available.');
			return false;
		}
	}
	
	var clearborder = "1px solid #FFFFFF";
	document.getElementById('a_black').style.border = clearborder;
	document.getElementById('a_silver').style.border = clearborder;
	document.getElementById('a_blue').style.border = clearborder;
	document.getElementById('a_red').style.border = clearborder;
	document.getElementById('p_black').style.border = clearborder;
	document.getElementById('p_silver').style.border = clearborder;
	document.getElementById('p_copper').style.border = clearborder;
	document.getElementById('p_gold').style.border = clearborder;
	
	document.getElementById('style').value = thediv.id;
	thediv.style.border = border;
	document.getElementById('gvimage').src= "/images/gvtool/gv_" + thediv.id + ".gif";
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

function addItem()
{
	count = divCount;
	++divCount;
	var Custom = 'No';
	var customlogo;
	
	var Style = document.getElementById("style").value;
	var Customize = document.getElementById("customize").value;	
	var Amount = document.getElementById("count").value;
	document.getElementById('count').value= "10";
	
	if(Style.search(/a_/i) != -1)
	{
		price = 24.99;
	}
	else
	{
		price = 19.99;
	}
	
	if(Amount >= 10)
	{	
		var customprice;
		if(Customize > 0)
		{
	
			if(Amount >= 10 && Amount <= 49)
				customprice = 3.50;
			else if(Amount >= 50 && Amount <= 99)
				customprice = 3.02;
			else if(Amount >= 100 && Amount <= 149)
				customprice = 2.54;
			else if(Amount >= 150 && Amount <= 199)
				customprice = 2.07;
			else if(Amount >= 200)
				customprice = 1.59;
			
			Custom = 'Yes';
			if(Customize == 1) {
				Custom += ' (Logo $' + customprice + ') <input type="hidden" name="customimage_' + count + '" value="' + document.getElementById('customimage').value + '" /><input name="customamount_' + count + '" type="hidden" value="' + customprice + '" />';
			} else if(Customize == 2)
				Custom += ' (Engraving)';
			else if(Customize == 3)
				Custom += ' (Laser Engraving)';
		}


		var cost = (price * Amount).toFixed(2);
		var styleimage = Style.replace("gv_", "");
		styleimage = styleimage.replace("_", "-");
		
		var divTag = document.createElement("div");	
		divTag.className = "orderitem";
		divTag.innerHTML = '<div id="item' + count + '"><div style="height:40px;"><div id="deleteitem" style="float:left; width:15px;"><a href="#" mce_href="#" onclick="removeItem(\'item' + count + '\');">X</a></div><input name="qty_' + count + '" type="hidden" value="' + Amount + '" /><input name="amounts_' + count + '" type="hidden" value="' + cost + '" /><div class="tablerow">' + price + '</div><div class="tablerow"><input type="hidden" name="style_' + count + '" value="' + styleimage + '" /><img src="/images/gvcolors/' + styleimage + '.jpg" class="itemcolor" border="0" /></div><div class="tablerow">' + Custom + '</div><div class="tablerow">' + Amount + '</div><div class="tablerow">' + cost + '</div></div></div>';
		
		document.getElementById(mainDivName).appendChild(divTag);
		window.location = "#orderform";
		document.getElementById('toolbot').style.display = 'none';
	  	document.getElementById('customimage').value = '';
		document.getElementById('customize').selectedIndex = 0;
  		document.getElementById('gvimage').style.backgroundImage = "url(/images/gvtool/default_ball_marker.gif)";
  		document.getElementById('gvimage').style.backgroundPosition = "78px 54px";
		changeTotal();
		clearMarkerChoices();
	}
	else
		alert('Enter number of tools greater than 10');
	
}

function removeItem(divNum) {
  var olddiv = document.getElementById(divNum);
  olddiv.innerHTML = '';
  changeTotal();
}


var vertical = 54;
var horizontal = 78;

function changeImage(image) {
  var style = "url(/images/orders/" + image + ")";
  document.getElementById('gvimage').style.backgroundImage = style;
  document.getElementById('toolbot').style.display = 'block';
  document.getElementById('customimage').value = image;
  
}

function moveImage(direction) {
  if(direction == 'left')
	horizontal -= 1;
  else if(direction == 'right')
	horizontal += 1;
 else if(direction == 'down')
	vertical += 1;
  else
	vertical -= 1;
  	
  document.getElementById('gvimage').style.backgroundPosition = horizontal + "px " + vertical + "px";
}

function changeTotal(){
	var totalDiv = document.getElementById('ordertotal');
	
	var fieldname = '';
	var quantity = 0;
	var amount = 0, customtotal = 0;
	var theValue = 0, cardnum, errors, thisnum = 0;
	var total = 0;
	
	var theForm = document.getElementById('orderform');

   	for(i=0; i<theForm.elements.length; i++){
		var alertText = ""
		fieldname = theForm.elements[i].name;
		
		if(fieldname){
			if(fieldname.search(/qty_/i) != -1)
			{
				qty = theForm.elements[i].value;
				thisnum = thisnum + qty * 1;
			}
			else if(fieldname.search(/amounts_/i) != -1)
			{
				amount = theForm.elements[i].value;
				total = total + amount * 1;
				quantity = quantity + thisnum * 1;
				thisnum = 0;
			}
			else if(fieldname.search(/customamount_/i) != -1)
			{
				customcost = theForm.elements[i].value * qty;
				customtotal = customcost.toFixed(2) + customtotal;
			}
		}
   	}
	
	var discount_percent;
	var subtotal = total;

	if(quantity < 10)
		discount_percent = 0;
	else if(quantity >= 10 && quantity <= 49)
		discount_percent = 50;
	else if(quantity >= 50 && quantity <= 99)
		discount_percent = 52.6;
	else if(quantity >= 100 && quantity <= 149)
		discount_percent = 55.2;
	else if(quantity >= 150 && quantity <= 199)
		discount_percent = 57.8;
	else if(quantity >= 200)
		discount_percent = 60.4;
	
	var discount = (total * (discount_percent/100));
	var total = (total - discount) + customtotal * 1;
	
	totalDiv.innerHTML = total.toFixed(2);
	
	document.getElementById('amount').value = total.toFixed(2);
	document.getElementById('discount_percent').innerHTML = discount_percent.toFixed(2);
	document.getElementById('salediscount').value = discount_percent.toFixed(2);
	document.getElementById('subtotal').innerHTML = subtotal.toFixed(2);
	document.getElementById('discount_total').innerHTML = discount.toFixed(2);
	
	if(total > 0)
		document.getElementById('checkout').style.display = 'block';
}

function createRequestObject() {
        var req;
        if(window.XMLHttpRequest){
          req = new XMLHttpRequest();
        } else if(window.ActiveXObject) {
          req = new ActiveXObject("Microsoft.XMLHTTP");
        } else {
          alert('Your browser does not support AJAX.');
        }
        return req;
}//end createRequestObject

// =============================================================================================================

function doTransaction(formname) {
	httpPost=createRequestObject();
	if (httpPost==null) {
			alert ("Your browser does not support AJAX!");
			return;
	}
	var thefile = "/order/submitorder/";
	var parameters = "";
	
	if(formname != 'NA'){
			for (var i=0; i < document.forms[formname].elements.length; i++) {
			if(document.forms[formname].elements[i].type == "checkbox"){
				if(document.forms[formname].elements[i].checked){
					parameters = parameters + '&'+document.forms[formname].elements[i].name +'=Y';
				}
				else{parameters = parameters + '&'+document.forms[formname].elements[i].name +'=N';}
			}else if(document.forms[formname].elements[i].type == "radio"){
				if(document.forms[formname].elements[i].checked){
					parameters = parameters + '&'+document.forms[formname].elements[i].name +'=' +document.forms[formname].elements[i].value;
				}
			}else{
				if(document.forms[formname].elements[i].name != ''){
					var thisvalue = escape(document.forms[formname].elements[i].value);
					parameters = parameters + '&'+document.forms[formname].elements[i].name +'=' +thisvalue;
				}// end else
			}
			}
	}
	
	//alert(parameters);
	httpPost.open("POST",thefile,true);
	httpPost.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	httpPost.setRequestHeader("Content-length", parameters.length);
	httpPost.setRequestHeader("Connection", "close");
	httpPost.onreadystatechange=handleResults;
	httpPost.send(parameters);
	return true;
}//end doTransaction

// ===============================================================================================================

function handleResults(){
	if(httpPost.readyState == 4){
	   if(httpPost.status == 200){
			var response = httpPost.responseText;
			if(response){
			//alert(response);
			var mainarr = response.split("^");
			var mainlength = mainarr.length;
			for(i=0;i<mainlength;i++){
				var temparr = mainarr[i].split("|");
				var safecontent = unescape(temparr[1]);
				if(temparr[0] == 'errors'){
					document.getElementById('errors').style.display = 'block';
					document.getElementById(temparr[0]).innerHTML = safecontent;
					document.getElementById('submitbutton').innerHTML = '<input type="image" value="submit" id="submit" src="/images/gift/checkout-btn.jpg" style="margin:15px 0 0 0;"><br /><b style="color:#FF0000; font-size:14px;">Please see the error(s) above.</b>';
					window.location = '#errors';
				}
				else if(temparr[0] == 'SUCCESS'){window.location = '/thankyou.html';}
				else if(document.getElementById(temparr[0])){document.getElementById(temparr[0]).innerHTML = safecontent;}
				//alert(temparr[0]);
			}
			}else{
				//alert('There was no response while processing your request.  Please try again.');
			}
	   }else{
		   alert('Error Received: '+httpPost.status+'\nThere was a problem processing your request.  Please try again.');
	   }
	}

}//end handleResults

// -->