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);
		new Effect.SlideUp(el);
	}
	
	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(){new Effect.SlideDown(el)}, delay);
			}
			else{
				new Effect.SlideDown(el);
			}
		}
	}
}
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')
		{
			new Effect.SlideUp(id);
		}
		
		voneID.className   = 'existingOn';
		vtwoID.className    = 'existingOff';
		vthreeID.className  = 'existingOff';
		clearForm();
	}
	
	// Second Option, hide first and third
	if(oneID == 'existingTwo')
	{
		if(existingID.style.display != 'none')
		{
			new Effect.SlideUp(id);
		}
		
		voneID.className   = 'existingOff';
		vtwoID.className   = 'existingOn';
		vthreeID.className  = 'existingOff';
		clearForm();
	}
	
	// Third option, hide first and second
	if(oneID == 'existingThree')
	{
		if(existingID.style.display == 'none')
		{
			new Effect.SlideDown(id);
		}
		
		try {voneID.className    = 'existingOff';} catch(e) {}
		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';
		}
		new Effect.SlideUp(id);
	}
	// 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';
		}
		new Effect.SlideDown(id);
	}
}

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('collapseDiscounts');
	
	if(discountID.style.display == 'none'){
		Effect.SlideDown('discounts');
		discountButton.className = 'discountOpen';
		discountButton.innerHTML = 'Hide Promotions';
	}
	else{
		Effect.SlideUp('discounts');
		discountButton.className = 'discountClosed';
		discountButton.innerHTML = 'Show Promotions';
	}

}

function changeCard(card) {
	
	
		cardimg='/common/styles/blank.gif';
		if(card == "400"){
			cardimg='/common/img/logoIcon/mastercard.gif';
		}
		if((card == "399") || (card == "399")){
			cardimg='/common/img/logoIcon/visa.gif';
		}
		if(card == "401"){
			cardimg='/common/img/logoIcon/maestro.gif';
		}
		if(card == "1183"){
			cardimg='/common/img/logoIcon/solo.gif';
		}
		if(card == "1182"){
			cardimg='/common/img/logoIcon/delta.gif';
		}
	
		document.getElementById("cardimg").src=cardimg;
	
}

function collapseBasket()
{
        var basketID = document.getElementById('basketArea');
        var basketButton = document.getElementById('collapseBasket');
      		
        if(basketID.style.display == 'none'){
                Effect.SlideDown('basketArea');
               	basketButton.className = 'basketOpen';
                basketButton.innerHTML = 'Hide Basket';
        }
        else{
                Effect.SlideUp('basketArea');
                basketButton.className = 'basketClosed';
                basketButton.innerHTML = 'Show Basket';
        }

}

function showHeaderBasket(){ var basketID = document.getElementById('headerBasket'); var basketButton1 = document.getElementById('expandHeaderBasket'); var basketButton2 = document.getElementById('collapseHeaderBasket'); if (basketID.style.display == 'none'){ Effect.toggle('headerBasket', 'blind'); basketButton1.title = 'Close basket';} else{ Effect.toggle('headerBasket', 'blind'); basketButton1.title = 'Open basket';} }

function showLoyaltyPoints(){ var pointsID = document.getElementById('loyaltyPointsContainer'); var pointsButton = document.getElementById('expandPoints'); if (pointsID.style.display == 'none'){ Effect.toggle('loyaltyPointsContainer', 'slide'); pointsButton.className = 'blueButtonOnPNG blueButtonTextHover'; pointsButton.title = 'Hide Loyalty Points';} else{ Effect.toggle('loyaltyPointsContainer', 'slide'); pointsButton.className = 'blueButtonPNG blueButtonText'; pointsButton.title = 'Show Loyalty Points';} }

function showHideDiscounts(){ var discountID = document.getElementById('discounts'); var discountButton = document.getElementById('expandDiscounts'); if (discountID.style.display == 'none'){ Effect.toggle('discounts', 'slide'); discountButton.className = 'blueButtonOnPNG blueButtonTextHover'; discountButton.title = 'Hide Promotional Code(s)'; discountButton.innerHTML = '<strong>Close Promotional Code(s)</strong><span class="ieRight"><!-- --></span>';} else{ Effect.toggle('discounts', 'slide'); discountButton.className = 'blueButtonPNG blueButtonText'; discountButton.title = 'Show Promotional Code(s)'; discountButton.innerHTML = '<strong>Enter Promotional Code(s)</strong><span class="ieRight"><!-- --></span>';} }