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 diffAddressJS(type, id)
{
	var billingID = document.getElementById(id)
	
	if(type == 'same'){
		if(billingID.style.display != 'none'){
			new Effect.SlideUp(id);
		}
	}
	if(type == 'different'){
		if(billingID.style.display == 'none'){
			new Effect.SlideDown(id);
		}
	}
}

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';
		}
		new Effect.SlideUp(id);
	}
	// 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';
		}
		new Effect.SlideDown(id);
	}
}

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 diffPaymentOptions(openMe, closeMe, closeMe2)
{    
		var thisRadio   = document.getElementById(openMe);
		var otherRadio   = document.getElementById(closeMe);
		var otherRadio2   = document.getElementById(closeMe2);
        var voneID       = document.getElementById('optionOne');
        var vtwoID       = document.getElementById('optionTwo');
        var vthreeID     = document.getElementById('optionThree');
        
	    if(thisRadio.style.display == 'none')
	    {
			Effect.SlideDown(thisRadio);
			new Effect.Appear(thisRadio)
		}
	
		if(otherRadio.style.display != 'none')	
		{
			Effect.SlideUp(otherRadio);
	    }
	
	    if(otherRadio2.style.display != 'none')	
		{
			Effect.SlideUp(otherRadio2);
	    }
	
	//  voneID.className   = 'existingOn';
	//  vtwoID.className    = 'existingOff';
	// vthreeID.className  = 'existingOff';
    
}

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

function showHideDiscounts()
{
        var discountID = document.getElementById('discountsContainer');
        var discountButton = document.getElementById('promoButton');
        
        if(discountID.style.display == 'none'){
                Effect.toggle('discountsContainer', 'slide');
                discountButton.className = 'buttonPromoCodes buttonPromoCodesOn';
				discountButton.innerHTML = 'Close Promotional/Campaign Code(s)';
        }
        else{
                Effect.toggle('discountsContainer', 'slide');
                discountButton.className = 'buttonPromoCodes';
				discountButton.innerHTML = 'Enter Promotional/Campaign Code(s)';
        }
}

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 changeCard(card) 
{
		cardimg='/common/styles/blank.gif';
		if(card == "Mastercard"){
			cardimg='/common/img/logoIcon/mastercard.gif';
		}
		if(card == "Delta"){
			cardimg='/common/img/logoIcon/delta.gif';
		}
		if(card == "Visa"){
			cardimg='/common/img/logoIcon/visa.gif';
		}
		if(card == "Maestro"){
			cardimg='/common/img/logoIcon/maestro.gif';
		}
		if(card == "Solo"){
			cardimg='/common/img/logoIcon/solo.gif';
		}
		if(card == "Switch"){
			cardimg='/common/img/logoIcon/switch.gif';
		}
		if(card == "Electron"){
			cardimg='/common/img/logoIcon/electron.gif';
		}
		
		document.getElementById("cardimg").src=cardimg;
}

function collapseBasket()
{
	var basketID = document.getElementById('basketArea');
	var basketButton = document.getElementById('collapseBasket');
	
	if(basketID.style.display == 'none'){
			Effect.toggle('basketArea', 'slide');
			basketButton.className = 'basketOpen';
			createCookie('basketdisplay','basketOpen',1)
			//basketButton.innerHTML = 'Collapse Basket';
	}
	else{
			Effect.toggle('basketArea', 'slide');
			basketButton.className = 'basketClosed';
			createCookie('basketdisplay','basketClosed',1)
			//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 AfterPostcodeLookup(poFinderName)
{
    if (poFinderName == undefined)
    {
        poFinderName = ''
    }

    var topBlock = document.getElementById('existingBlock'+poFinderName);
	var postcodeFinder = document.getElementById('postcodeFinder'+poFinderName);
	var isUKAddress = document.getElementById('isUKAddress'+poFinderName);
	var viewUKAdd = document.getElementById('viewUKAdd'+poFinderName);
	
	topBlock.style.display = "block";
	postcodeFinder.style.display = "block";
	isUKAddress.style.display = "none";
	viewUKAdd.style.display = "block";
}

function AfterPostcodeSelected(poFinderName)
{
    if (poFinderName == undefined)
    {
        poFinderName = ''
    }
    
    var topBlock = document.getElementById('existingBlock'+poFinderName);
	var postcodeFinder = document.getElementById('postcodeFinder'+poFinderName);
	var isUKAddress = document.getElementById('isUKAddress'+poFinderName);
	var viewUKAdd = document.getElementById('viewUKAdd'+poFinderName);
	var selectedAddress = document.getElementById('selectedAddress'+poFinderName);
	
	topBlock.style.display = "block";
	postcodeFinder.style.display = "block";
	isUKAddress.style.display = "none";
	viewUKAdd.style.display = "block";
	
	if (selectedAddress.style.display == 'none')
	{
	    Effect.SlideDown('selectedAddress'+poFinderName);
    }
   
}

function AfterPromotionalCodeEntered()
{
        document.getElementById('inputTop').style.display = 'block';
        document.getElementById('selectedAddress').style.display = 'block';
        document.getElementById('viewUKAdd').style.display = 'none';
        document.getElementById('viewFinder').style.display = 'none';
        document.getElementById('isUKAddress').style.display = 'none';
        document.getElementById('postcodeFinder').style.display = 'none';
}