function showNextLayer(currentLayer,nextLayer)
{
document.getElementById("Layer" + currentLayer).style.visibility = "hidden";
document.getElementById("Layer" + nextLayer).style.visibility= "visible";
self.scrollTo(0, 0)
}
function showPrevLayer(currentLayer)
{
document.getElementById("Layer" + currentLayer).style.visibility = "hidden";
document.getElementById("Layer" + (--currentLayer)).style.visibility= "visible";
self.scrollTo(0, 0)
}

function setOrder() {

    var which = document.forms['SubmitOrder'];

    var detailsCookie = "";

    detailsCookie += which.OrderTitle.value + ";"
    detailsCookie += which.Quantity.value + ";"
    detailsCookie += which.OrderPrice.value + ";"
    detailsCookie += which.CustomField_1.value + ";"
    detailsCookie += which.Firstname.value + ";"
    detailsCookie += which.Lastname.value + ";"
    detailsCookie += which.EmailAddress.value + ";"
    detailsCookie += which.Organisation.value + ";"
    detailsCookie += which.PostalAddress.value + ";"
    detailsCookie += which.PostalCity.value + ";"
    detailsCookie += which.PostalState.value + ";"
    detailsCookie += which.PostalCode.value + ";"
    detailsCookie += which.PhoneNumber.value + ";"
    detailsCookie += which.Comments.value + ";"

    var cookieExpires = new Date();
    cookieExpires.setTime(cookieExpires.getTime() + (1 * 60 * 60 * 1000 ));
    setCookie('LJFOrder', detailsCookie, cookieExpires, '/');

}

function createOrderInfo() {

getCookie('LJFOrder') ? thisCookie = getCookie('LJFOrder') : thisCookie = "";
var thisOrder =  thisCookie.split(";");

var orderTable = '<table width="100%" cellspacing="0" cellpadding="0" class="order_confirm"><tr><td colspan="4" style="font-size: 14px; padding-top:5px"><strong>Order Details</strong></td></tr>';

orderTable += '<tr><td width="15%"><b>Product Title:</b></td><td colspan="3">' + thisOrder[0] + '</td></tr>';

orderTable += '<tr><td width="15%"><b>Purchase Qty:</b></td><td width="35%">' + thisOrder[1] + '</td><td width="15%"><b>Unit Cost: </b> $' + thisOrder[2] + '</td><td width="35%"><div id="strtotalprice"><b>Total Order Cost (AUD): </b>$ ' + thisOrder[3] + '</div></td></tr>';

orderTable += '<tr><td colspan="4" style="font-size: 14px; padding-top:5px"><strong><br>Contact Details</strong></td></tr>';

orderTable += '<tr><td width="15%">First Name:*</td><td width="35%">' + thisOrder[4] + '</td><td width="15%">Last Name:</td><td width="35%">' + thisOrder[5] + '</td></tr>';

orderTable += '<tr><td width="15%">Email:</td><td colspan="3">' + thisOrder[6] + '</td></tr>';

orderTable += '<tr><td width="15%">Organisation:</td><td colspan="3">' + thisOrder[7] + '</td></tr>';

orderTable += '<tr><td width="15%">Postal Address:</td><td colspan="3">' + thisOrder[8] + '</td></tr>';

orderTable += '<tr><td width="15%">Suburb / City</td><td width="35%">' + thisOrder[9] + '</td><td width="15%">State: ' + thisOrder[10] + '</td><td width="35%">Post Code: ' + thisOrder[11] + '</td></tr>';

orderTable += '<tr><td width="15%">Phone contact:</td><td colspan="3">' + thisOrder[12] + '</td></tr>';

orderTable += '<tr><td width="15%">Comments:</td><td colspan="3">' + thisOrder[13] + '</td></tr></table>';

document.getElementById('order_info').innerHTML = orderTable;

}