function showHideAjaz(elementsToShow, elementsToHide, delay)
{
        var leng=elementsToHide.length-1;

        for (var i=0; i<=leng; i++){
                var el = elementsToHide[i];
                var showID   = document.getElementById(el);
                Effect.toggle(el, 'slide');
        }
        
        var leng=elementsToShow.length-1;
        
        for (var i=0; i<=leng; i++){
                 var el = elementsToShow[i];
                var showID   = document.getElementById(el);
                
                if(showID.style.display == 'none'){
                        if(i==elementsToShow.length-1){
                                setTimeout(function(){Effect.toggle(el, 'slide')}, delay);
                        }
                        else{
                                Effect.toggle(el, 'slide');
                        }
                }
        }
}

function showSearching()
{
        var addressID = document.getElementById('postcodeAddress')
        
        if(addressID.style.display == 'hidden'){
                new Effect.Appear('postcodeSearching');
        }
}

function diffAddress(type, id)
{
        var billingID = document.getElementById(id)
        
        if(type == 'same'){
                if(billingID.style.display != 'none'){
                        Effect.toggle(id, 'slide');
                }
        }
        if(type == 'different'){
                if(billingID.style.display == 'none'){
                        Effect.toggle(id, 'slide');
                }
        }
}

function diffAddressExisting(id, thisID, otherID, type)
{
        // thisRadio        - The current radio button
        // otherRadio         - The other radio button
        // existingID         - The block to show/hide
        // existingOn        - Use Same address
        // existingOff        - Use different Address (off - faded)
        
        var thisRadio   = document.getElementById(thisID);
        var otherRadio  = document.getElementById(otherID);
        var existingID  = document.getElementById(id);
        var existingOn  = document.getElementById('existingOn');
        var existingOff  = document.getElementById('existingOff');
        
        // If they are keeping the same address, check the existingBlock is open
        if(type == 'same' && existingID.style.display != 'none')
        {
                if(thisID == 'existingOn'){
                        // Turn off/on radio buttons
                        existingOn.className = 'existingOn';
                        existingOff.className = 'existingOff';
                }
                Effect.toggle(id, 'slide');
        }
        // If they are using different addresses
        if(type == 'different' && existingID.style.display == 'none')
        {
                if(otherID == 'existingOn'){        
                        // Turn off/on radio buttons
                        existingOn.className = 'existingOff';
                        existingOff.className = 'existingOn';
                }
                Effect.toggle(id, 'slide');
        }
}
function diffBillingAddressExisting(id, oneID)
{

        var thisID       = document.getElementById(oneID);
        var voneID       = document.getElementById('existingOne');
        var vtwoID            = document.getElementById('existingTwo');
        var vthreeID            = document.getElementById('existingThree');
        var existingID         = document.getElementById(id);
        
        // First Option, hide second and third
        if(oneID == 'existingOne')
        {
                if(existingID.style.display != 'none')
                {
                        Effect.toggle(id, 'slide');
                }
                
                voneID.className   = 'existingOn';
                vtwoID.className    = 'existingOff';
                vthreeID.className  = 'existingOff';
        }
        
        // Second Option, hide first and third
        if(oneID == 'existingTwo')
        {
                if(existingID.style.display != 'none')
                {
                        Effect.toggle(id, 'slide');
                }
                
                voneID.className   = 'existingOff';
                vtwoID.className   = 'existingOn';
                vthreeID.className  = 'existingOff';
        }
        
        // Third option, hide first and second
        if(oneID == 'existingThree')
        {
                if(existingID.style.display == 'none')
                {
                        Effect.toggle(id, 'slide');
                }
                
                voneID.className    = 'existingOff';
                vtwoID.className    = 'existingOff';
                vthreeID.className   = 'existingOn';
        }
}

function diffBillingCard(id, thisID, otherID, type)
{
        // thisRadio        - The current radio button
        // otherRadio         - The other radio button
        // existingID         - The block to show/hide
        // existingOn        - Use Same address
        // existingOff        - Use different Address (off - faded)
        
        var thisRadio   = document.getElementById(thisID);
        var otherRadio  = document.getElementById(otherID);
        var existingID  = document.getElementById(id);
        var existingOn  = document.getElementById('existingCardOn');
        var existingOff  = document.getElementById('existingCardOff');
        
        // If they are keeping the same address, check the existingBlock is open
        if(type == 'same' && existingID.style.display != 'none')
        {
                if(thisID == 'existingCardOn'){
                        // Turn off/on radio buttons
                        existingOn.className = 'existingOn';
                        existingOff.className = 'existingOff';
                }
                Effect.toggle(id, 'slide');
        }
        // If they are using different addresses
        if(type == 'different' && existingID.style.display == 'none')
        {
                if(otherID == 'existingCardOn'){        
                        // Turn off/on radio buttons
                        existingOn.className = 'existingOff';
                        existingOff.className = 'existingOn';
                }
                Effect.toggle(id, 'slide');
        }
}

function addressSelected(selectedAddress)
{
        var selectedAddress = document.getElementById(selectedAddress);
        
        if(selectedAddress.style.display == 'none'){
                new Effect.SlideDown('selectedAddress');
        }
}

function showHideDiscounts()
{
        var discountID = document.getElementById('discounts');
        var discountButton = document.getElementById('discountButton');
        
        if(discountID.style.display == 'none'){
                Effect.toggle('discounts', 'slide');
				
               // discountButton.innerHTML = 'Enter Discount';
        }
        else{
                Effect.toggle('discounts', 'slide');
                
              //  discountButton.innerHTML = 'Enter Discount';
        }
}

function showSecurityHelp()
{
        var securityID = document.getElementById('securityHelp');
        var securityLink = document.getElementById('securityLink');

        if(securityID.style.display == 'none'){
                Effect.toggle('securityHelp', 'slide');
                securityLink.innerHTML = 'Hide help';
        }
        else{
                Effect.toggle('securityHelp', 'slide');
                securityLink.innerHTML = 'Click for help';
                
        }
}

function collapseBasket()
{
        var basketID = document.getElementById('basketArea');
        var basketButton = document.getElementById('collapseBasket');
        
        if(basketID.style.display == 'none'){
				//basketID.style.display = 'table';
               	Effect.toggle('basketArea', 'slide');
                basketButton.className = 'collapseBasket collapse';
                basketButton.innerHTML = 'Collapse Basket';
        }
        else{
                Effect.toggle('basketArea', 'slide');
                basketButton.className = 'collapseBasket expand';
                basketButton.innerHTML = 'Expand Basket';
        }

}

// This function displays and hides recently viewed items by the customer 
function showHideRecentlyViewed()
{
        var recentlyViewedID = document.getElementById('recentlyViewedItems');
        var recentlyViewedButton = document.getElementById('displayItemsButton');
        
        if(recentlyViewedID.style.display == 'none'){
                Effect.toggle('recentlyViewedItems', 'slide');
                recentlyViewedButton.className = 'recentlyViewedButton recentlyViewedButtonOn';
        }
        else{
                Effect.toggle('recentlyViewedItems', 'slide');
                recentlyViewedButton.className = 'recentlyViewedButton';
        }
}

function changeCard(card) {
	
		var cardimg = '/common/styles/blank.gif';
		if(card == "Mastercard"){
			cardimg='/common/img/logos/mastercard.gif';
		}
		if((card == "Visa/Delta") || (card == "Visa")){
			cardimg='/common/img/logos/visa.gif';
		}
		if(card == "Maestro"){
			cardimg='/common/img/logos/maestro.gif';
		}
		if(card == "Solo"){
			cardimg='/common/img/logos/solo.gif';
		}
		if(card == "Switch"){
			cardimg='/common/img/logos/switch.gif';
		}
		if(card == "Delta"){
			cardimg='/common/img/logos/delta.gif';
		}
		
		document.getElementById("cardimg").src=cardimg;
}