function showTnav(divid)
{
    document.getElementById(divid).style.display = 'block';
    
}
function hideTnav(divid)
{
    document.getElementById(divid).style.display = 'none';
   
}
function startGallery() 
{
    var myGallery = new gallery($('myGallery'), {
        timed: true,
        showArrows: false,
        showCarousel: false
    });
}

function removeItem(id)
{
    url = "/newsite/components/remove_item.asp?id=" + id;
    req = newXHR();
    req.open("GET", url, true);
    req.onreadystatechange = function(){refreshBasket(id)};
    req.send(null);
}

function updateItem(id,div)
{
    var qty = document.getElementById(div).value;
    
    url = "/newsite/components/update_item.asp?id=" + id + "&qty=" + qty;
    req = newXHR();
    req.open("GET", url, true);
    req.onreadystatechange = updateBasketWindow;
    req.send(null);
}

function updateQTY(id,div)
{
    var qty = document.getElementById(div).value;
    url = "/newsite/components/update_quantity.asp?id=" + id + "&qty=" + qty;
    req = newXHR();
    req.open("GET", url, true);
    req.onreadystatechange = function(){doUpdate(id,div)};
    req.send(null);
}

function updateRemoveQTY(id)
{
    url = "/newsite/components/update_quantity.asp?id=" + id + "&qty=0";
    req = newXHR();
    req.open("GET", url, true);
    req.onreadystatechange = doRemoveUpdate;
    req.send(null);
}

function refreshBasket(id) {
    var errMsg = "";
    if (req.readyState == 4) { // Complete
          if (req.status == 200) { // OK response
            if (document.getElementById('div_basketcontainer'))
            {
                document.getElementById("div_basketcontainer").innerHTML = req.responseText;
            }
            updateRemoveQTY(id);
          }
          else
          {
            errMsg += '<br /><br /><br /><img style="cursor: pointer;" onclick="document.location.href=\'/newsite/\';" onmouseover="this.src=\'/newsite/images/buttons/btn_ok_on.gif\';" onmouseout="this.src=\'/newsite/images/buttons/btn_ok_off.gif\';" src="/newsite/images/buttons/btn_ok_off.gif" alt="close window" />';
            document.getElementById('sessiontab').style.display = 'block';
            document.getElementById('sessiontab').innerHTML = "<strong>We're sorry, but your session has expired.</strong><br /><br />" + errMsg;
            return false;
          }
          
      //also need to update basket widget
      
    }
}

function doUpdate(id,div) 
{
    var errMsg = "";
    if (req.readyState == 4) { // Complete
        if (req.status == 200) { // OK response
            if (document.getElementById('basketcontent'))
            {
                document.getElementById("basketcontent").innerHTML = req.responseText;
            }
            else if (document.getElementById('basketcontenthilight'))
            {
                document.getElementById("basketcontenthilight").innerHTML = req.responseText;
            }
            else
            {

            }
        updateItem(id,div);
        }
        
        else
        {
            errMsg += '<br /><br /><br /><img style="cursor: pointer;" onclick="document.location.href=\'/newsite/\';" onmouseover="this.src=\'/newsite/images/buttons/btn_ok_on.gif\';" onmouseout="this.src=\'/newsite/images/buttons/btn_ok_off.gif\';" src="/newsite/images/buttons/btn_ok_off.gif" alt="close window" />';
            document.getElementById('sessiontab').style.display = 'block';
            document.getElementById('sessiontab').innerHTML = "<strong>We're sorry, but your session has expired.</strong><br /><br />" + errMsg;
            return false;
        }
    }
}

function doRemoveUpdate() 
{
    var errMsg = "";
    if (req.readyState == 4) { // Complete
        if (req.status == 200) { // OK response
            if (document.getElementById('basketcontent'))
            {
                document.getElementById("basketcontent").innerHTML = req.responseText;
            }
            else if (document.getElementById('basketcontenthilight'))
            {
                document.getElementById("basketcontenthilight").innerHTML = req.responseText;
            }
            else
            {

            }
        }
        
        else
        {
            errMsg += '<br /><br /><br /><img style="cursor: pointer;" onclick="document.location.href=\'/newsite/\';" onmouseover="this.src=\'/newsite/images/buttons/btn_ok_on.gif\';" onmouseout="this.src=\'/newsite/images/buttons/btn_ok_off.gif\';" src="/newsite/images/buttons/btn_ok_off.gif" alt="close window" />';
            document.getElementById('sessiontab').style.display = 'block';
            document.getElementById('sessiontab').innerHTML = "<strong>We're sorry, but your session has expired.</strong><br /><br />" + errMsg;
            return false;
        }
    }
}
function updateBasketWindow() 
{
    var errMsg = "";
    if (req.readyState == 4) { // Complete
        if (req.status == 200) { // OK response
            if (document.getElementById('div_basketcontainer'))
            {
                document.getElementById("div_basketcontainer").innerHTML = req.responseText;
            }
            
        }
        
        else
        {
            errMsg += '<br /><br /><br /><img style="cursor: pointer;" onclick="document.location.href=\'/newsite/\';" onmouseover="this.src=\'/newsite/images/buttons/btn_ok_on.gif\';" onmouseout="this.src=\'/newsite/images/buttons/btn_ok_off.gif\';" src="/newsite/images/buttons/btn_ok_off.gif" alt="close window" />';
            document.getElementById('sessiontab').style.display = 'block';
            document.getElementById('sessiontab').innerHTML = "<strong>We're sorry, but your session has expired.</strong><br /><br />" + errMsg;
            return false;
        }
    }
}


function productAjax(productID)
{
    url = "/newsite/components/process_ajax.asp?id=" + productID;
    document.getElementById('div_alpha').style.display='block';
    
    req = newXHR();
    req.open("GET", url, true);
    req.onreadystatechange = targetDiv;
    req.send('stuff');
}

function targetDiv() {
    var errMsg = "";
    if (req.readyState == 4) { // Complete
      if (req.status == 200) { // OK response
          document.getElementById("div_productfloat").innerHTML = req.responseText;
            var targetObj = 'div_productfloat';
            document.getElementById(targetObj).display = 'none';
            fade(targetObj,true);
      } 
      else 
      {
            errMsg += '<br /><br /><br /><img style="cursor: pointer;" onclick="document.location.href=\'/newsite/\';" onmouseover="this.src=\'/newsite/images/buttons/btn_ok_on.gif\';" onmouseout="this.src=\'/newsite/images/buttons/btn_ok_off.gif\';" src="/newsite/images/buttons/btn_ok_off.gif" alt="close window" />';
            document.getElementById('sessiontab').style.display = 'block';
            document.getElementById('sessiontab').innerHTML = "<strong>We're sorry, but your session has expired.</strong><br /><br />" + errMsg;
            return false;
      }
    }
}

function adjustQTY(dir)
{
    var qtyField = document.getElementById('qty');
    
    if (dir == 'inc')
    {
        qtyField.value = parseInt(qtyField.value) + 1;
    }
    else if (dir == 'dec')
    {
        if (parseInt(qtyField.value) > 0)
        {
            qtyField.value = parseInt(qtyField.value) - 1;    
        }
    }
}

function adjustBasketQTY(div, dir)
{
    var qtyField = document.getElementById(div);
    
    if (dir == 'inc')
    {
        qtyField.value = parseInt(qtyField.value) + 1;
    }
    else if (dir == 'dec')
    {
        if (parseInt(qtyField.value) > 1)
        {
            qtyField.value = parseInt(qtyField.value) - 1;    
        }
    }
}


function displayImage(imagename,colID)
{
    var imageID = document.getElementById('mainproductimage');
    imageID.src = '/newsite/images/products/' + imagename;
    fnSetDDL(colID);
    
}

function fnSetDDL(colID)
{
    
    for(var i=0;i<=document.getElementById("productcolour").length-1;i=i+1)
    {
        var ddVal= 'C' + document.getElementById("productcolour").options[i].value;
        
        
        if(colID==ddVal)
        {
            document.getElementById("productcolour").selectedIndex=i;
        break;
        }
    }
}

function fnSetDDG(genderID)
{
    
    for(var i=0;i<=document.getElementById("productgender").length-1;i=i+1)
    {
        var ddVal= document.getElementById("productgender").options[i].value;
        
        
        if(genderID==ddVal)
        {
            document.getElementById("productgender").selectedIndex=i;
        break;
        }
    }
}

function checkPurchase()
{
    //check form variables
    
    var formColour = document.getElementById('productcolour').value;
    var formSize = document.getElementById('productsize').value;
    var formGender = document.getElementById('productgender').value;
    var formQty = document.getElementById('qty').value;
    var errMsg = '';
    
    if (formColour == '')
    {
        errMsg += 'What colour you want<br />';
    }
    if (formSize == '')
    {
        errMsg += 'What size you are<br />';
    }
    if (formGender == '')
    {
        errMsg += 'Your gender<br />';
    }
    if (formQty == '')
    {
        errMsg += 'How many you want<br />';
    }
    
    if (errMsg.length > 0)
    {
        errMsg += '<br /><br /><br /><img style="cursor: pointer;" onclick="document.getElementById(\'errortab\').style.display = \'none\';" onmouseover="this.src=\'/newsite/images/buttons/btn_ok_on.gif\';" onmouseout="this.src=\'/newsite/images/buttons/btn_ok_off.gif\';" src="/newsite/images/buttons/btn_ok_off.gif" alt="close window" />';
        document.getElementById('errortab').style.display = 'block';
        document.getElementById('errortab').innerHTML = "<strong>You need to tell us a few things first:</strong><br /><br />" + errMsg;
        return false;
    }
    else
    {
        document.getElementById('basketsubmit').innerHTML = "<img src='/newsite/images/buttons/btn_wait.gif' alt='Please Wait' name='waitbutton' />";
        return true;
    }
}

function showSwatch(genderID,swatchStr,defaultImage)
    {
        var swatchDiv = document.getElementById('swatchpanel');
        var imageDiv = document.getElementById('mainproductimage');
                
        swatchDiv.innerHTML = swatchStr;
        imageDiv.src = '/newsite/images/products/' + defaultImage;
       
        fnSetDDG(genderID);
        
        var sel = document.getElementById("productgender");

        //get the selected option
        var selectedText = sel.options[sel.selectedIndex].text;
        document.getElementById('gDispText').innerHTML = selectedText;
        document.getElementById('gDispText').style.display = 'block';
        
    }
function popDD(defStr)
{
    
    var colourDD = document.getElementById('productcolour');
    colourDD.options.length=0
    colourDD.options[0]=new Option("select colour", "")
    
    array1 = defStr.split("||");
    
    for (i=0; i<array1.length; i++)
    {
        array2 = array1[i].split("**");
        colourDD.options[colourDD.options.length]=new Option(array2[1], array2[0])
    }
    
    
    
    
}

function popSizeDD(defSStr)
{
    
    var sizeDD = document.getElementById('productsize');
    sizeDD.options.length=0
    sizeDD.options[0]=new Option("select size", "")
    
    array1 = defSStr.split("||");
    
    for (i=0; i<array1.length; i++)
    {
        array2 = array1[i].split("**");
        sizeDD.options[sizeDD.options.length]=new Option(array2[1], array2[0])
    }
}

    var fadeOpacity  = new Array();
    var fadeTimer    = new Array();
    var fadeInterval = 20;  // milliseconds
    
  function fade(o,d) {
    
  // o - Object to fade in or out.
  // d - Display, true =  fade in, false = fade out

  var obj = document.getElementById(o);
 
  var alphalayer = document.getElementById('div_alpha');

  if((fadeTimer[o])||(d&&obj.style.display!='block')||(!d&&obj.style.display=='block')) {
    
    if(fadeTimer[o])
      clearInterval(fadeTimer[o]);
    else
      if(d) fadeOpacity[o] = 0;
      else  fadeOpacity[o] = 9;
  
    obj.style.opacity = "."+fadeOpacity[o].toString();
    obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";
    
    if(d) {
      alphalayer.style.display = 'block';  
      obj.style.display = 'block';
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",1);',fadeInterval);
    } 
    else
    {
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",-1);',fadeInterval);
      alphalayer.style.display = 'none';  
    }
  }
  
}

function fadenoalpha(o,d) {
    
  // o - Object to fade in or out.
  // d - Display, true =  fade in, false = fade out

  var obj = document.getElementById(o);

  if((fadeTimer[o])||(d&&obj.style.display!='block')||(!d&&obj.style.display=='block')) {
    
    if(fadeTimer[o])
      clearInterval(fadeTimer[o]);
    else
      if(d) fadeOpacity[o] = 0;
      else  fadeOpacity[o] = 9;
  
    obj.style.opacity = "."+fadeOpacity[o].toString();
    obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";
    
    if(d) {
      obj.style.display = 'block';
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",1);',fadeInterval);
    } 
    else
    {
      fadeTimer[o] = setInterval('fadeAnimation("'+o+'",-1);',fadeInterval);  
    }
  }
  
}

function fadeAnimation(o,i) {
  // o - o - Object to fade in or out.
  // i - increment, 1 = Fade In

  var obj = document.getElementById(o);
  fadeOpacity[o] += i;
  obj.style.opacity = "."+fadeOpacity[o].toString();
  obj.style.filter  = "alpha(opacity="+fadeOpacity[o].toString()+"0)";

  if((fadeOpacity[o]=='9')|(fadeOpacity[o]=='0')) {
    if(fadeOpacity[o]=='0')
      obj.style.display = 'none';
    else {
      obj.style.opacity = "1";
      obj.style.filter  = "alpha(opacity=100)";
    }

    clearInterval(fadeTimer[o]);
    delete(fadeTimer[o]);
    delete(fadeTimer[o]);
    delete(fadeOpacity[o]);
  }  
}
    
function init()
{
    if (document.getElementById('div_loader'))
    {
        document.getElementById('div_loader').style.display='block';
        fade('div_loader',false);
    }
    startGallery();
    startCarousel();
    doBox();
    document.getElementById('basketcontainer').style.visibility = 'visible';
}
    
waitbutton = new Image(100,53);
waitbutton.src = "/newsite/images/buttons/btn_wait.gif";

C1 = new Image(15,15);
C1.src = "/newsite/images/swatches/swatch_asphalt.gif";
C2 = new Image(15,15);
C2.src = "/newsite/images/swatches/swatch_black.gif";
C3 = new Image(15,15);
C3.src = "/newsite/images/swatches/swatch_brown.gif";
C4 = new Image(15,15);
C4.src = "/newsite/images/swatches/swatch_creme.gif";
C5 = new Image(15,15);
C5.src = "/newsite/images/swatches/swatch_kellygreen.gif";
C6 = new Image(15,15);
C6.src = "/newsite/images/swatches/swatch_lavender.gif";
C7 = new Image(15,15);
C7.src = "/newsite/images/swatches/swatch_navy.gif";
C8 = new Image(15,15);
C8.src = "/newsite/images/swatches/swatch_orange.gif";
C9 = new Image(15,15);
C9.src = "/newsite/images/swatches/swatch_purple.gif";
C10 = new Image(15,15);
C10.src = "/newsite/images/swatches/swatch_skyblue.gif";
C11 = new Image(15,15);
C11.src = "/newsite/images/swatches/swatch_white.gif";
C12 = new Image(15,15);
C12.src = "/newsite/images/swatches/swatch_aqua.gif";
C13 = new Image(15,15);
C13.src = "/newsite/images/swatches/swatch_brightgreen.gif";
C14 = new Image(15,15);
C14.src = "/newsite/images/swatches/swatch_eggplant.gif";
C15 = new Image(15,15);
C15.src = "/newsite/images/swatches/swatch_gold.gif";
C16 = new Image(15,15);
C16.src = "/newsite/images/swatches/swatch_lime.gif";
C17 = new Image(15,15);
C17.src = "/newsite/images/swatches/swatch_royalblue.gif";
C18 = new Image(15,15);
C18.src = "/newsite/images/swatches/swatch_slate.gif";
C19 = new Image(15,15);
C19.src = "/newsite/images/swatches/swatch_turquoise.gif";
C20 = new Image(15,15);
C20.src = "/newsite/images/swatches/swatch_red.gif";
C21 = new Image(15,15);
C21.src = "/newsite/images/swatches/swatch_chocolate.gif";
C22 = new Image(15,15);
C22.src = "/newsite/images/swatches/swatch_lemon.gif";
C23 = new Image(15,15);
C23.src = "/newsite/images/swatches/swatch_raspberry.gif";
C24 = new Image(15,15);
C24.src = "/newsite/images/swatches/swatch_olive.gif";
C25 = new Image(15,15);
C25.src = "/newsite/images/swatches/swatch_lightblue.gif";



function newXHR()
{
    try
     {
      var xmlhttp = new XMLHttpRequest();
      //alert('Using XMLHttpRequest Object');
     }
     catch(err1)
     {
      var ieXmlHttpVersions = new Array();
      ieXmlHttpVersions[ieXmlHttpVersions.length] = "MSXML2.XMLHttp.7.0";
      ieXmlHttpVersions[ieXmlHttpVersions.length] = "MSXML2.XMLHttp.6.0";
      ieXmlHttpVersions[ieXmlHttpVersions.length] = "MSXML2.XMLHttp.5.0";
      ieXmlHttpVersions[ieXmlHttpVersions.length] = "MSXML2.XMLHttp.4.0";
      ieXmlHttpVersions[ieXmlHttpVersions.length] = "MSXML2.XMLHttp.3.0";
      ieXmlHttpVersions[ieXmlHttpVersions.length] = "MSXML2.XMLHttp";
      ieXmlHttpVersions[ieXmlHttpVersions.length] = "Microsoft.XMLHttp";

      var i;
      for (i=0; i < ieXmlHttpVersions.length; i++)
      {
       try
       {
        var xmlhttp = new ActiveXObject(ieXmlHttpVersions[i]);
        //alert('Using ' + ieXmlHttpVersions[i]);
        break;
       }
       catch (err2)
       {
        //alert(ieXmlHttpVersions[i] + ' not supported.');
       }
      }
     }
 return xmlhttp;
}

var box = {};
var box2 = {};


function doBox()
{
    box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
    box2 = new MultiBox('mb2', {descClassName: 'multiBoxDesc', useOverlay: true});
    box3 = new MultiBox('mb3', {descClassName: 'multiBoxDesc', useOverlay: true});
    makeScrollbar( $('newscontainer'), $('scrollbar1'), $('handle1') );
}

function startCarousel()
{
    new iCarousel("example_3_content", {
		idPrevious: "example_3_previous",
		idNext: "example_3_next",
		idToggle: "undefined",
		item: {
			klass: "example_3_item",
			size: 119
		},
		animation: {
			duration: 500,
			amount: 6
		}
	});
}


//window.addEvent('domready', function(){
//    box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
//    box2 = new MultiBox('mb2', {descClassName: 'multiBoxDesc', useOverlay: true});
//    makeScrollbar( $('newscontainer'), $('scrollbar1'), $('handle1') );
//});

//window.addEvent("domready",startGallery);

//window.addEvent("domready", function() {
//	new iCarousel("example_3_content", {
//		idPrevious: "example_3_previous",
//		idNext: "example_3_next",
//		idToggle: "undefined",
//		item: {
//			klass: "example_3_item",
//			size: 119
//		},
//		animation: {
//			duration: 500,
//			amount: 6
//		}
//	});
//});