// ------
// Order Review Update:
// --------------------------------------------------------------------------------------------------

	var numberOfPagesSelect = document.getElementById("numberOfPages");
	var orderReviewDiv = document.getElementById("order-review");
	var orderReviewTotal = orderReviewDiv.getElementsByTagName("h3")[0];
	var orderReviewTurnaround = orderReviewDiv.getElementsByTagName("p")[0];

	function updateOrderReview()
	{
	if (numberOfPagesSelect.value == 1)
	{
	orderReviewTotal.innerHTML = "Total: $75" 
	orderReviewTurnaround.innerHTML = "Turnaround time: 24 hours.";
	}
	else if (numberOfPagesSelect.value == 2)
	{
	orderReviewTotal.innerHTML = "Total: $150";
	orderReviewTurnaround.innerHTML = "Turnaround time: 48 hours.";
	}
	else {
	var numberOfPages = numberOfPagesSelect.value;
	var orderReviewTotalUpdate = (((numberOfPages - 2) * 45) + 150)
	orderReviewTotal.innerHTML = "Total: $" + orderReviewTotalUpdate;
	orderReviewTurnaround.innerHTML = "Turnaround time: " + numberOfPages + " days.";
	}
	}

	numberOfPagesSelect.onchange = updateOrderReview;

// ------
// Existing markup swap:
// --------------------------------------------------------------------------------------------------

var uploadDesignP = document.getElementById("upload-design");
var uploadDesignA = uploadDesignP.getElementsByTagName("a")[0];
var fileUrlP = document.getElementById("file-url");
var fileUrlA = fileUrlP.getElementsByTagName("a")[0];

fileUrlP.style.display = "none";

function showFileUrl()
{
uploadDesignP.style.display = "none";
fileUrlP.style.display = "block";
return false;
}

function showDesignUpload()
{
uploadDesignP.style.display = "block";
fileUrlP.style.display = "none";
return false;
}

uploadDesignA.onclick = showFileUrl;
fileUrlA.onclick = showDesignUpload;

// ------
// Upload progress bar:
// ---------------------------------------------------------------------------------------------------

var orderForm = document.getElementById("order-form");
var keyOfCache = document.getElementById("progress_key").value;
var fileFormField = document.getElementById("file");
var existingElement = "no";

function showUploadProgress()
{
if ((fileFormField.value != "") && (existingElement == "no"))
{
containingDiv = document.createElement("div");

containingDivSpan = document.createElement("span");
containingDivSpan.innerHTML = "Uploading... 1%";
containingDivSpan.style.cssText = "display:block;padding:11px 0 0 12px;";

containingDivOuterProgress = document.createElement("div");
containingDivOuterProgress.style.cssText = "width:258px;background:#1e1e1e;height:10px;margin:10px auto 0 auto;line-height:0;";

containingDivInnerProgress = document.createElement("div");
containingDivInnerProgress.style.cssText = "width:1%;background:#832828;height:10px;";
containingDivOuterProgress.appendChild(containingDivInnerProgress);

containingDiv.appendChild(containingDivSpan);
containingDiv.appendChild(containingDivOuterProgress);
containingDiv.style.cssText = "z-index:100;background:#000;height:54px;width:280px;border:3px solid #424242;font:normal 11px verdana;position:fixed;_position:absolute;left:50%;top:50%;_top:auto;_bottom:250px;margin-top:-37px;margin-left:-140px;";

orderForm.appendChild(containingDiv);

function repeatReq()
{
var uploadProgressXmlHttp;
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  uploadProgressXmlHttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  // code for IE6, IE5
  uploadProgressXmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
else
  {
  alert("Your browser does not support XMLHTTP!");
  }
uploadProgressXmlHttp.onreadystatechange=function()
{
if(uploadProgressXmlHttp.readyState==4)
  {
var percent = uploadProgressXmlHttp.responseText;
containingDivSpan.innerHTML =  "Uploading... " + percent + "%";
containingDivInnerProgress.style.width = percent + "%";
  }
}
uploadProgressXmlHttp.open("GET","functions/uploadprogress.php?keyofcache=" + keyOfCache,true);
uploadProgressXmlHttp.send(null);
}

setInterval(repeatReq,"2000");
existingElement = "yes";
}
return true;
}

orderForm.onsubmit = showUploadProgress;