﻿

function changeBgPos(elementId,height){
    document.getElementById(elementId).style.backgroundPosition="0 "+height+"px";
}
function swapElement(hide,show){
    document.getElementById(hide).style.display="none";
    document.getElementById(show).style.display="block";
}

function productTabs(clicked)
{
	var currentSection = clicked+'Content';
	var currentTab = clicked+'Tab';
	
	
	// Hide all content divs and reset Tab styling
	var elems = getElementsByClassName(document, 'contentOpen')
     for(var i = 0; i < elems.length; i++)
     {
        elems[i].className = 'contentClose'
     }
	var elems2 = getElementsByClassName(document, 'tabCurrent')
     for(var i = 0; i < elems2.length; i++)
     {
        elems2[i].className = 'tab'
     }
	
	// Change current Tab and Show current Tab content
	document.getElementById(currentSection).className = 'contentOpen';
	document.getElementById(currentTab).className = 'tabCurrent';
}



function getElementsByClassName(node, classname)
{
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}

/*The function shows or hide a given page element - fired by mouseover and mouseout events*/

function showHide(elementId, e){
    var elementId;
    var e;
    var currentElement;

    currentElement = 'prodctFlyout_'+elementId;

    if (elementId == '') {
    return false;
    }
    
    if (e.type == "mouseout"){
    document.getElementById(currentElement).style.display='none';
    }
    if (e.type == "mouseover"){  
    document.getElementById(currentElement).style.display='block';
    }
}

function resetDelAddress() {
    $('#cDelContactName').attr('value', '');
    $('#cDelContactName').attr('readonly', '');
    $('#cDelContactName').removeClass('greyed');
    $('#cDelContactCompany').attr('value', '');
    $('#cDelContactCompany').attr('readonly', '');
    $('#cDelContactCompany').removeClass('greyed');
    $('#cDelContactAddress').attr('value', '');
    $('#cDelContactAddress').attr('readonly', '');
    $('#cDelContactAddress').removeClass('greyed');
    $('#cDelContactCity').attr('value', '');
    $('#cDelContactCity').attr('readonly', '');
    $('#cDelContactCity').removeClass('greyed');
    $('#cDelContactState').attr('value', '');
    $('#cDelContactState').attr('readonly', '');
    $('#cDelContactState').removeClass('greyed');
    $('#cDelContactZip').attr('value', '');
    $('#cDelContactZip').attr('readonly', '');
    $('#cDelContactZip').removeClass('greyed');
    $('#cDelContactCountry').attr('value', '');
    $('#cDelContactCountry').attr('readonly', '');
    $('#cDelContactCountry').removeClass('greyed');
    $('#cDelContactTel').attr('value', '');
    $('#cDelContactTel').attr('readonly', '');
    $('#cDelContactTel').removeClass('greyed');
    $('#cDelContactMobile').attr('value', '');
    $('#cDelContactMobile').attr('readonly', '');
    $('#cDelContactMobile').removeClass('greyed');
}

function addDeliveryAddress() {
        var a = '';
            a = $('#cContactName').val();
            $('#cDelContactName').attr('value', a);
            $('#cDelContactName').attr('readonly', 'readonly');
            $('#cDelContactName').addClass('greyed');
            a = $('#cContactCompany').val();
            $('#cDelContactCompany').attr('value', a);
            $('#cDelContactCompany').attr('readonly', 'readonly');
            $('#cDelContactCompany').addClass('greyed');
            a = $('#cContactAddress').val();
            $('#cDelContactAddress').attr('value', a);
            $('#cDelContactAddress').attr('readonly', 'readonly');
            $('#cDelContactAddress').addClass('greyed');
            a = $('#cContactCity').val();
            $('#cDelContactCity').attr('value', a);
            $('#cDelContactCity').attr('readonly', 'readonly');
            $('#cDelContactCity').addClass('greyed');
            a = $('#cContactState').val();
            $('#cDelContactState').attr('value', a);
            $('#cDelContactState').attr('readonly', 'readonly');
            $('#cDelContactState').addClass('greyed');
            a = $('#cContactZip').val();
            $('#cDelContactZip').attr('value', a);
            $('#cDelContactZip').attr('readonly', 'readonly');
            $('#cDelContactZip').addClass('greyed');
            a = $('#cContactCountry').val();
            $('#cDelContactCountry').attr('value', a);
            $('#cDelContactCountry').attr('readonly', 'readonly');
            $('#cDelContactCountry').addClass('greyed');
            a = $('#cContactTel').val();
            $('#cDelContactTel').attr('value', a);
            $('#cDelContactTel').attr('value', a);
            $('#cDelContactTel').addClass('greyed');
            a = $('#cContactMobile').val();
            $('#cDelContactMobile').attr('value', a);
            $('#cDelContactMobile').attr('readonly', 'readonly');
            $('#cDelContactMobile').addClass('greyed');

            var foo = [];
            $('#cDelContactCountry option:selected').each(function(i, selected) {
                foo[i] = $(selected).text();
            });
            
      //      var r = $('#cDelContactCountry option:selected').text();
            
     //       console.log ('selected text ' + r);

      //      if (r == 'Please enter country') {
      //          alert('Selasdfected Delivery Country is not available');
      //          resetDelAddress();
      //      }
}

$(document).ready(function() {

    // behaviour for Address for

    //when the page loads   
    if ($('#cDelContactAddress').val() == $('#cContactAddress').val()) {
        if ($('#cContactAddress').val() == '') {
            //empty so hide delivery
            addDeliveryAddress();
        }
        else {
            //same so hide delivery
            addDeliveryAddress();
        }
    }
    else {
        //tick deliver top this address
        $('input[name="cIsDelivery"]').attr('checked', 'checked')
    }

    //when is delivery clicked
    $('input[name="cIsDelivery"]').click(function() {

        if (this.checked) {
            resetDelAddress();
        }
        else {
            addDeliveryAddress();
        }
    });

    //when form submitted
    $('input[name="cartBillAddress"]').click(function() {
        if ($('#cIsDelivery_1:checked').val() == null) {
          //  alert('do nowt');
            addDeliveryAddress();
        }
    });

    // bring in Ajax menu. - This is an seo fix so that page does not have to many links caused by top menu.

    randomVar = Math.floor(Math.random() * 150);
    var currentLocation = window.location.href;
    /*console.log(currentLocation);*/
    $('#mainMenu').load('/?flyoutmenu' + '=&forceNewRequest=' + randomVar);

    // initialize scrollable
    $("div.scrollable3Col").scrollable({
        size: 3,
        move: 3,
        items: '#thumbs',
        hoverClass: 'hover'
    });

    $("div.scrollable2Col").scrollable({
        size: 2,
        move: 2,
        items: '#thumbs',
        hoverClass: 'hover'
    });

});