function loadZoomImage(iProductId, strFile)
{
    var myImage = document.getElementById('zoomImage');
    if (myImage) {
        myImage.src = 'images/products/' + iProductId + '/large/' + strFile;
        myImage.image = strFile;
        myImage.product = iProductId;
    }
}

function loginOrder()
{
    var myForm = document.forms['frmTrolley'];
    myForm.action = 'login.php';
    myForm.submit();
}

function swapZoomImage(strLink)
{
    var myLargeImageLink = document.getElementById('largeImageLink');
    if (myLargeImageLink) {
        myLargeImageLink.href = strLink;
    }
}

function zoomIn(iProductId, strImage)
{
    if (typeof(strImage) == 'undefined') {
        strImage = 'overview.jpg';
    }
    window.open('zoomImage.php?strImage=' + escape(strImage) + '&iProductId=' + iProductId, '_details', 'location=0, menubar=0, toolbar=0, titlebar=0, status=0');
}

function setActive(myElement)
{
//this.style='text-decoration: none; padding: 5px; background-color: #111111; font-weight: bold; color: #eeeeee;'
//    myElement.style.padding = '50px';
}

function updateInnerHTML(strDiv, strContent)
{
    var myDiv = document.getElementById(strDiv);
    if (myDiv) {
        myDiv.innerHTML = strContent;
    }
}

function confirmPayment()
{
    var myForm = document.forms['frmTrolley'];
    if (!myForm) {
        var myForm = document.forms['frmLogin'];
    }
    myForm.action = 'https://www.paypal.com/cgi-bin/webscr';
    myForm.submit();
}

function confirmPaymentCheque()
{
    var myForm = document.forms['frmTrolley'];
    if (!myForm) {
        var myForm = document.forms['frmLogin'];
    }
    myForm.action = 'paymentCheque.php';
    myForm.submit();
}

function confirmPaymentTransfer()
{
    var myForm = document.forms['frmTrolley'];
    if (!myForm) {
        var myForm = document.forms['frmLogin'];
    }
    myForm.action = 'paymentTransfer.php';
    myForm.submit();
}

function confirmAddress()
{
    var myForm = document.forms['frmTrolley'];
    myForm.action = 'confirmAddress.php';
    myForm.submit();
}

function confirmOrder()
{
    var myForm = document.forms['frmTrolley'];
    myForm.action = 'confirmOrder.php';
    myForm.submit();
}

function runlastQuery()
{
    //$('content').innerHTML = '<div id=\"searching\">searching...</div>';
    var strURL = 'details.php?iProductId=';
    window.location = strURL;
}

function updateTrolley(iProductId)
{
    var myForm = document.forms['frmTrolley'];
    var strUrl = 'viewTrolley.php?iId=' + iProductId + '&iQuantity=' + myForm.elements['iQuantity_' + iProductId].value;
    window.location = strUrl;
    var myContent = document.getElementById('content');
    if (myContent) {
        myContent.innerHTML = 'please wait, while we\'re updating your shopping bag...<br />&nbsp;';
    }
    ////xmlhttp.open('GET', strUrl, true);
    //xmlhttp.onreadystatechange = updateTrolleyView;
    //xmlhttp.send(null);

    //alert(strParameters);
}

function remainingChars(strField, iMaxLength)
{
    var myForm = document.forms['frmAddStock'];
    if (!myForm) {
        var myForm = document.forms['frmUpdateStock'];
    }
    if (myForm) {
        var myField = myForm.elements[strField];
        if (myField) {
            var iLength = myField.value.length;
            var myDiv = document.getElementById('divRemainingChars' + strField);
            if (myDiv) {
                myDiv.innerHTML =  (iMaxLength - iLength) + ' remaining characters';
            }            
        }
    }
}

function addEntry(strName, iMaxLength)
{
    var myButton = document.getElementById('addButton');
    if (myButton) {
        myButton.innerHTML = "";
    }
    var mySelect = document.getElementById('addSelect');
    if (mySelect) {
        mySelect.innerHTML = "<input onkeyup=\'remainingChars(\"" + strName + "\", " + iMaxLength + ");\' class=\'dynamic\' name=\'" + strName + "\' value=\'\' /><div id=\'divRemainingChars" + strName + "\'>" + iMaxLength + " remaining characters</div>";
        if (strName == 'strDesigner') {
            mySelect.innerHTML = mySelect.innerHTML + "<input type=\'file\' name=\'myLogo\' value=\'\' />";
        }
        mySelect.focus();
    }
}

function updateAddress()
{
    ////xmlhttp.abort();
    var myForm = document.forms['frmUpdateAddress'];
    var strParameters = "";
    for (i = 0; i < myForm.elements.length; ++i) {
        //alert(myForm.elements[i].name + ': ' +  myForm.elements[i].value);
        if (myForm.elements[i].type == 'checkbox' && myForm.elements[i].checked) {
            myForm.elements[i].value = 1;
        }
        else if (myForm.elements[i].type == 'checkbox' && !myForm.elements[i].checked) {
            myForm.elements[i].value = 0;
        }
        strParameters = strParameters + myForm.elements[i].name + '=' + encodeURI(myForm.elements[i].value) + '&';
    }           
    ////xmlhttp.open('POST', strUrl, true);
    ////xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-strUrlencoded');
    ////xmlhttp.setRequestHeader('Content-length', strParameters.length);
    ////xmlhttp.setRequestHeader('Connection', 'close');
    ////xmlhttp.send(strParameters);
    var strUrl = 'servlets/signUp.php?' + strParameters;
    //xmlhttp.open('GET', strUrl, true);
    //xmlhttp.onreadystatechange = updateSignUp;
    //xmlhttp.send(null);

    //alert(strParameters);
    var myContent = document.getElementById('content');
    if (myContent) {
        myContent.innerHTML = 'please wait, while we\'re updating your personal account...<br />&nbsp;';
    }
}

function signUp()
{
    //xmlhttp.abort();
    var myForm = document.forms['frmLogin'];
    var strParameters = "";
    for (i = 0; i < myForm.elements.length; ++i) {
        //alert(myForm.elements[i].name + ': ' +  myForm.elements[i].value);
        if (myForm.elements[i].type == 'checkbox' && myForm.elements[i].checked) {
            myForm.elements[i].value = 1;
        }
        else if (myForm.elements[i].type == 'checkbox' && !myForm.elements[i].checked) {
            myForm.elements[i].value = 0;
        }
        strParameters = strParameters + myForm.elements[i].name + '=' + encodeURI(myForm.elements[i].value) + '&';
    }           
    var strUrl = 'servlets/signUp.php?' + strParameters;
    //xmlhttp.open('POST', strUrl, true);
    //xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-strUrlencoded');
    //xmlhttp.setRequestHeader('Content-length', strParameters.length);
    //xmlhttp.setRequestHeader('Connection', 'close');
    //xmlhttp.send(strParameters);
    var myContent = document.getElementById('content');
    if (myContent) {
        myContent.innerHTML = 'please wait, while we\'re creating your personal account...<br />&nbsp;';
    }
}

function insertNavigationBar()
{
    var strUrl = 'servlets/insertNavigation.php';
}

function login()
{
    //xmlhttp.abort();
    var myForm = document.forms['frmLogin'];
    if (!myForm) {
        var myForm = document.forms['frmTrolley'];
    }
    var strParameters = "";
    for (i = 0; i < myForm.elements.length; ++i) {
        strParameters = strParameters + myForm.elements[i].name + '=' + encodeURI(myForm.elements[i].value) + '&';
    }           
    var strUrl = 'servlets/login.php?' + strParameters;
    //xmlhttp.open('GET', strUrl, true);
    //xmlhttp.onreadystatechange = updateLogin;
    //xmlhttp.send(null);
    var myContent = document.getElementById('content');
    if (myContent) {
        myContent.innerHTML = 'please wait, while we\'re creating your personal account...<br />&nbsp;';
    }
}

function showImageDetail(iProductId, strFile, myImage)
{
    //Elastic.easeOut with default values:
    //new Fx.Style(myImage, {transition:Fx.Transitions.Elastic.easeOut});
    //Elastic.easeOut with user-defined value for elasticity.
    //var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 300);
    //new Fx.Style(myImage, {transition: myTransition.easeOut});

    var myImage = document.getElementById('imageDetail');
    if (myImage) {
        myImage.src = 'images/products/' + iProductId + '/' + strFile;
alert(myImage.src);
        myImage.image = strFile;
        //myImage.product = iProductId;
    }
    else {
    alert('wdwd');
    }
    var myImageLarge = document.getElementById('imageDetailLarge');
    if (myImageLarge) {
        myImageLarge.href = 'images/products/' + iProductId + '/large/' + strFile;
        //myImage.image = strFile;
        //myImage.product = iProductId;
    }
}

function resizeWindow()
{
    var iHeight = document.documentElement.clientHeight;
    var myDiv = document.getElementById("content");
    if (myDiv != null) {
        myDiv.style.height = iHeight - 135 + "px";
    }
}

function getDetails(iId)
{
    ////xmlhttp.abort();
    var myDetails = document.getElementById('content');
    if (myDetails) {
        myDetails.innerHTML = "getting details...";
    }
    var strUrl = 'servlets/getdetails.php?iId=' + iId;
    //xmlhttp.open('GET', strUrl, true);
    //xmlhttp.onreadystatechange = updateGetDetails;
    //xmlhttp.send(null);
}

function searchFT()
{
    var mySearch = document.getElementById('content');
    if (mySearch) {
        mySearch.innerHTML = '<div id=\"searching\">searching...</div>';
    }
    var myForm = document.forms['frmFTSearch'];
    if (myForm) {
        strParameters = 'strFtQuery=' + encodeURI(myForm.elements['strFtQuery'].value);
        var strUrl = 'servlets/search.php?' + strParameters;
    }
}

function search(strParameters)
{
    $('content').innerHTML = '<div id=\"searching\">searching...</div>';
    var strURL = 'index.php?strAction=search&' + strParameters;
    window.location = strURL;
}

function contactMe()
{
    if (document.getElementById('contactMe') != null) {
        document.getElementById('contactMe').innerHTML = '<form name="frmContactMe"><table><tr><td>Your email address</td><td><input name="strEmailAddress" value="" /></td></tr>' +
                                                         '<tr><td>Subject</td><td><input name="strSubject" value="" /></td></tr>' +
                                                         '<tr><td>Your message</td><td><textarea name="strMessage"></textarea></td></tr>' + 
                                                         '<tr><td colspan="2" align="center"><button onclick="submitContactMe();">send message</button></td></tr></table></form>';
        var myForm = document.forms['frmContactMe'];
        var myField = myForm.elements['strEmailAddress'];
        if (myField != null) {
            myField.focus();    
        }
    }
}

function submitContactMe()
{
    var myForm = document.forms['frmContactMe'];
    var strEmailAddress = myForm.elements['strEmailAddress'].value;
    var strSubject = myForm.elements['strSubject'].value;
    var strMessage = myForm.elements['strMessage'].value;
    document.getElementById('contactMe').innerHTML = 'Your message is being sent, please wait...';
    var strUrl = 'servlets/contactMe.php?strEmailAddress=' + escape(strEmailAddress) + '&strSubject=' + escape(strSubject) + '&strMessage=' + escape(strMessage);
    //xmlhttp.open('GET', strUrl, true);
    //xmlhttp.onreadystatechange = updateContactMe;
    //xmlhttp.send(null);
}

function subscribeNewsletter()
{
    if (document.getElementById('subscribeNewsletter') != null) {
        document.getElementById('subscribeNewsletter').innerHTML = '<form name="frmSubscribeNewsletter"><table><tr><td>Your email address</td><td><input name="strEmailAddress" value="" /></td></tr>' +
                                                                    '<tr><td colspan="2" align="center"><button onclick="submitSubscribeNewsletter();">subscribe</button></td></tr></table></form>';
        var myForm = document.forms['frmSubscribeNewsletter'];
        var myField = myForm.elements['strEmailAddress'];
        if (myField != null) {
            myField.focus();    
        }
    }
}

function submitSubscribeNewsletter()
{
    //xmlhttp = initialiseCommunication();
    var myForm = document.forms['frmSubscribeNewsletter'];
    //var strEmailAddress = myForm.elements['strEmailAddress'].value;
    //document.getElementById('subscribeNewsletter').innerHTML = 'Your are being added to the newsletter list, please wait...';
    //var strUrl = 'servlets/subscribeNewsletter.php?strEmailAddress=' + escape(strEmailAddress);
    //xmlhttp.open('GET', strUrl, true);
    //xmlhttp.onreadystatechange = updateSubscribeNewsletter;
    //xmlhttp.send(null);
    myForm.submit();
    alert('dd');
}

function insertEmailAddress(strAddress, strDisplay, strClass)
{
    if (strClass != '')
    {
        strClass = ' class=\"' + strClass + '\"';
    }
    var strDomain  = 'belleetik.com';
    var strAtSign  = '&#64;';
    var strAddress = strAddress + strAtSign + strDomain;
    if (strClass == '')
    {
        strDisplay = strAddress;
    }
    document.write('<' + 'a' + ' ' + 'href=\"' + 'mail' + 'to:' + strAddress + '\"' + strClass + '>' + strDisplay + '</a>');
}

function insertFlexiEmailAddress(strAddress, strDisplay, strClass, strDomain)
{
    if (strClass != '')
    {
        strClass = ' class=\"' + strClass + '\"';
    }
    var strAtSign  = '&#64;';
    var strAddress = strAddress + strAtSign + strDomain;
    if (strClass == '')
    {
        strDisplay = strAddress;
    }
    document.write('<' + 'a' + ' ' + 'href=\"' + 'mail' + 'to:' + strAddress + '\"' + strClass + '>' + strDisplay + '</a>');
}

function initialiseCommunication()
{
    var xmlHttp = false;
    /*@cc_on @*/
    /*@if (@_jscript_version >= 5)
        try {
            var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e2) {
                var xmlHttp = false;
            }
        }
    @end @*/
    if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
        var xmlHttp = new XMLHttpRequest();
    }
    return xmlHttp;
}