if (typeof(VAS) == 'undefined') {
	VAS		= {};
	VAS.UI	= {};
}

VAS.UI.Home	= function()
	{
	var currStartImageNo = 0;
	var currEndImageNo = 4;
	var totImages=0;
	var xmldoc;
	var container;
	var imagescontainer;
	var imgout;
	var items = [];
	var options=[];
    var addToOrderStr = '+ Add to order +';
    var orderedStr = '+ Ordered +';
	var totTagLines=0;

	var a = [];
	var orderedProducts=[];
	var formats=[];
	var formatNamePrices=[];
	
//  get all elements given a class
	var getElementsByClass = function(theClass)
		{ 
		var elementArray = [];
		if (document.all)
			{elementArray = document.all;}
		else
			{elementArray = document.getElementsByTagName("*");}
		var matchedArray = [];
		var pattern = new RegExp("(^| )" + theClass + "( |$)");
		for (var i = 0; i < elementArray.length; i++)
			{
			if (pattern.test(elementArray[i].className))
				{matchedArray[matchedArray.length] = elementArray[i];}
			}
		return matchedArray;
		};
	


// set up random tag line
	var	setTagLine =function()
		{
//  get a random number from total
		var randomTagId=Math.floor(Math.random()*(totTagLines))
		var tagLineP = getElementsByClass("homebotp1");
//  set chosen number to visible turn off rest	
		for (var i = 0; i < tagLineP.length; i++)
			{
			var tagLinePId=tagLineP[i].id;
// strip number
			var tagLinePIdNo=tagLinePId.substring(7);
			if (tagLinePIdNo==randomTagId)
				{
				YAHOO.util.Dom.setStyle(tagLineP[i], 'z-index', '2');
				YAHOO.util.Dom.setStyle(tagLineP[i], 'visibility', 'visible');	
				}
			else
				{
				YAHOO.util.Dom.setStyle(tagLineP[i], 'z-index', '1');
				YAHOO.util.Dom.setStyle(tagLineP[i], 'visibility', 'hidden');				
				}
			
			}
		}
	
	
//   next product button
	var setNext	= function()
		{
// if at end remove next button else show
		if (currImageIdNo == currEndImageNo)
			{
			var nextBut = document.getElementById('nextlargeimage');
			YAHOO.util.Dom.setStyle(nextBut, 'visibility', 'hidden');
			}
		else
			{
			var nextBut = document.getElementById('nextlargeimage');
			YAHOO.util.Dom.setStyle(nextBut, 'visibility', 'visible');
			}
		}

		
//  previous product button
	var setPrev	= function()
		{
// if at start remove previous button else show
		if (currImageIdNo == 0)
			{
			var prevBut = document.getElementById('prevlargeimage');
			YAHOO.util.Dom.setStyle(prevBut, 'visibility', 'hidden');
			}
		else
			{
			var prevBut = document.getElementById('prevlargeimage');
			YAHOO.util.Dom.setStyle(prevBut, 'visibility', 'visible');
			}
		}	
	
//////////////////////////////////////////////  reset add to order button				
	var resetAddToOrder = function ()
		{
		var addToOrderP = document.getElementById('panelsubmit'); 
		addToOrderP.parentNode.removeChild(addToOrderP);
		var orderBasketCont =document.getElementById('orderbasket');
		
		var currProductOrdered=false;
		for (var p = 0; p < orderedProducts.length;p++)   
			{
			if (a[currId].productno==orderedProducts[p])
				{
				currProductOrdered=true;
				}
			}
		if (currProductOrdered)
			{
			var panelSubmit = document.createElement('p');	
				panelSubmit.setAttribute('id','panelsubmit');
				YAHOO.util.Dom.setStyle(panelSubmit, 'background-color', '#ffffff');
				YAHOO.util.Dom.setStyle(panelSubmit, 'color', '#671C79');
				orderBasketCont.appendChild(panelSubmit);
				YAHOO.util.Dom.setStyle(panelSubmit, 'border', '2px solid #671C79');
				YAHOO.util.Dom.setStyle(panelSubmit, 'width', '136px');

			var panelSubmitText=document.createTextNode(orderedStr);
				panelSubmit.appendChild(panelSubmitText);
			}				
		else
			{
			
// product not ordered - create blank paragraph			
			var panelSubmit = document.createElement('p');
				panelSubmit.setAttribute('id','panelsubmit');
				orderBasketCont.appendChild(panelSubmit);
			}		
		
	}
		
//  reset selectedIndex to 0
	var resetSelIndex	= function()
		{
		var selectFormatList=document.getElementById('selectformat');
		selectFormatList.selectedIndex=0;
		}

// update hidden fields		
	var updHidden	= function()
		{
		var formHidden = document.getElementById('formhidden');
		while ( formHidden.childNodes.length >= 1 )
			{
			formHidden.removeChild( formHidden.firstChild );       
			} 
	
		var newHidden = document.createElement('input');
			newHidden.setAttribute('type', 'hidden');
			newHidden.setAttribute('name', 'productnoout['+currId+']');
			newHidden.setAttribute('value', a[currId].productno);
			newHidden.setAttribute('id', 'prodnohidden');
			formHidden.appendChild(newHidden);
		var newHidden1 = document.createElement('input');
			newHidden1.setAttribute('type', 'hidden');
			newHidden1.setAttribute('name', 'titleout['+currId+']');
			newHidden1.setAttribute('value', a[currId].title);
			formHidden.appendChild(newHidden1);
		var hiddenImageName= a[currId].src.substring(a[currId].src.lastIndexOf("/")+1,a[currId].src.length);
		var newHidden2 = document.createElement('input');
			newHidden2.setAttribute('type', 'hidden');
			newHidden2.setAttribute('name', 'imageout['+currId+']');
			newHidden2.setAttribute('value', hiddenImageName);
			formHidden.appendChild(newHidden2);

// add extra for current id
		var idHidden = document.createElement('input');
			idHidden.setAttribute('type', 'hidden');
			idHidden.setAttribute('name', 'idout');
			idHidden.setAttribute('value', currId);
			idHidden.setAttribute('id', 'idhidden');
			formHidden.appendChild(idHidden);
				
// update select id - selectformat
		var newSelect = document.getElementById('selectformat');
		var formatString = 'formatout[' + currId + ']';
			newSelect.setAttribute('name', formatString);
		}


		
////////////////////////////////////////////////////////////////////////////////////////
	var init	= function(xmlpath,orderedProductList,formatList,formatNamePriceList) 
		{

		orderedProducts =orderedProductList.split(':')
		formats =formatList.split('~')
		formatNamePrices =formatNamePriceList.split('~')
			
		container	= YAHOO.util.Dom.get('outercontainer');
		imagescontainer	= YAHOO.util.Dom.get('homeprodimages');
		var oConn	= YAHOO.util.Connect.asyncRequest('GET', xmlpath, VAS.UI.Home.callback);
		
//  count number of tag lines
		var tagLineP = getElementsByClass("homebotp1");
		for (var i = 0; i < tagLineP.length; i++)
			{
			totTagLines++;
			}
//  set tag line		
		setTagLine();	

		
		}

////////////////////////////////////////////////////////////////////////////////////////
	 		
	var callback	= {
		success: function(o){ loadXML(o.responseXML); }
		}
		
	var loadXML	= function(xmldoc) 
		{	

//  load images		
		var SCAlphaList = xmldoc.getElementsByTagName('item');

		for (var j = 0; j < SCAlphaList.length;j++)   
			{
			a[j] = 
				{
				src: SCAlphaList[j].getAttribute('i'),
				title: SCAlphaList[j].getAttribute('a'),
				lorp: SCAlphaList[j].getAttribute('o'),				
				productno: SCAlphaList[j].getAttribute('p')					
				};
			}
		a.sort(function() {return 0.5 - Math.random()})
		var docitems	= xmldoc.getElementsByTagName('item');
		if (docitems.length)
			{
//  v3 only build first 10			
    		var i, l;
			for(i=0, l=10; i<l; i++)
				{
				var homeproduct = document.createElement('DIV');
					homeproduct.setAttribute('id', i);
					homeproduct.setAttribute('class', "homeproduct");
					YAHOO.util.Dom.setStyle(homeproduct, 'float', 'left');
					YAHOO.util.Dom.setStyle(homeproduct, 'display', 'block');
					YAHOO.util.Dom.setStyle(homeproduct, 'width', '185px');
					YAHOO.util.Dom.setStyle(homeproduct,'margin','0 5px 14px 0');
				if (i>4)
					{
					YAHOO.util.Dom.setStyle(homeproduct, 'display', 'none');
					}
					homeproduct = imagescontainer.appendChild(homeproduct);

				var homeprodimage = document.createElement('DIV');
					homeprodimage.setAttribute('class', "homeprodimage");
					homeprodimage = homeproduct.appendChild(homeprodimage);

				var img	= document.createElement('IMG');
					img.setAttribute('src', a[i].src);
					img.setAttribute('alt', a[i].title);
					img.setAttribute('title', a[i].title);
					img.setAttribute('id', 'img'+i);
				if (a[i].lorp == 'p')
					{YAHOO.util.Dom.setStyle(img, 'padding-left', '27px');}
				else	
					{YAHOO.util.Dom.setStyle(img, 'padding-top', '27px');}
					imgout = homeprodimage.appendChild(img);	

//  add listener					
				YAHOO.util.Event.addListener(imgout.id, 'click', showLargerImage ); 
					
				totImages++;
				}
		}	

//  add listener to left
		var leftScroll = document.getElementById('homescrolll');
//  add listener to close
		YAHOO.util.Event.addListener(leftScroll, 'click', clickLeft); 

//  add listener to right
		var rightScroll = document.getElementById('homescrollr');
//  add listener to close
		YAHOO.util.Event.addListener(rightScroll, 'click', clickRight); 
	
		}
////////////////////////////////////////////////////////////////////////////////////////
//
//    Build and show panel with -
//    large image 
//    add to order functionality
//    basket totals and checkout button
//
////////////////////////////////////////////////////////////////////////////////////////		
	var showLargerImage = function(e)
		{	
		var currId=this.id;	
		if ((currId.substring(0,3)) == 'img')
			{
			currId=currId.substring(3);
			}
//////////////////////////////////////////////  build large image container		
		var largeImageCont = document.createElement('DIV');
		largeImageCont.setAttribute('id', 'maskcontainer');
		largeImageCont = container.appendChild(largeImageCont);	

		var largeImageContIn = document.createElement('DIV');
		largeImageContIn.setAttribute('id', 'maskincontainer');
		largeImageContIn = largeImageCont.appendChild(largeImageContIn);	

////////////////////////  build previous, next and close buttons	
		var largeImageButs = document.createElement('DIV');	
		largeImageButs.setAttribute('id', 'maskbuttons');
		largeImageButs = largeImageCont.appendChild(largeImageButs);	
		var prevLargeImage = document.createElement('A');
			prevLargeImage.setAttribute('href', '#');
			prevLargeImage.id = "prevlargeimage";
			prevLargeImage.title = "Previous";
			prevLargeImage	= largeImageButs.appendChild(prevLargeImage);
		var prevLargeImageBut = document.createTextNode('<< Previous');
			prevLargeImage.appendChild(prevLargeImageBut);				
//  add eventlistener to previous
		YAHOO.util.Event.addListener(prevLargeImage, 'click', clickPrev );

		var closeLargeImage = document.createElement('A');
			closeLargeImage.setAttribute('href', '#');
			closeLargeImage.id = "closelargeimage";
			closeLargeImage.title = "Close";
			closeLargeImage	= largeImageButs.appendChild(closeLargeImage);
		var closeLargeImageBut = document.createTextNode('Close');
			closeLargeImage.appendChild(closeLargeImageBut);				
//  add eventlistener to close
		YAHOO.util.Event.addListener(closeLargeImage, 'click', closeMask );

		var nextLargeImage = document.createElement('A');
			nextLargeImage.setAttribute('href', '#');
			nextLargeImage.id = "nextlargeimage";
			nextLargeImage.title = "Next";
			nextLargeImage	= largeImageButs.appendChild(nextLargeImage);
		var nextLargeImageBut = document.createTextNode('Next >>');
			nextLargeImage.appendChild(nextLargeImageBut);				
//  add eventlistener to next
			YAHOO.util.Event.addListener(nextLargeImage, 'click', clickNext );

//  set buttons position		
		var viewport = [YAHOO.util.Dom.getViewportWidth(),YAHOO.util.Dom.getViewportHeight()];
		var reqdButtons = document.getElementById("maskbuttons");
			YAHOO.util.Dom.setStyle(reqdButtons, 'top', "30px");
		var buttonsLeft=(viewport[0]-393)/2 + "px";
			YAHOO.util.Dom.setStyle(reqdButtons, 'left', buttonsLeft);

// hide if at end or start			
		if (currId == currEndImageNo)
			{
			var nextBut = document.getElementById('nextlargeimage');
			YAHOO.util.Dom.setStyle(nextBut, 'visibility', 'hidden');
			}
	
		if ((currId == 0) || (currId == currStartImageNo))
			{
			var prevBut = document.getElementById('prevlargeimage');
			YAHOO.util.Dom.setStyle(prevBut, 'visibility', 'hidden');
			}

//////////////////////////////////////////////  large image		
// build large image from html thumb
		var clickImage = document.getElementById('img'+currId);
		var imgTagSrc= clickImage.src;
		var imgTagAlt= clickImage.alt;
		var imgTagTitle= clickImage.title;

		var imageName= imgTagSrc.substring(imgTagSrc.lastIndexOf("/")+1,imgTagSrc.length);

		var largeProductImage = document.createElement('DIV');
			largeProductImage.setAttribute('class', 'largeproductimage');
			largeProductImage = largeImageContIn.appendChild(largeProductImage);	
		var largeImage = document.createElement('IMG');

		var thumbWidth =clickImage.width;
		var thumbHeight =clickImage.height;
		var thumbLand=false;
		if (thumbWidth < thumbHeight)
			{thumbPortrait=true;}
		else
			{thumbPortrait=false;}
			largeImage.setAttribute('src', '/vaimages/' + imageName);
			largeImage.setAttribute('alt', imgTagAlt);
			largeImage.setAttribute('title', imgTagTitle);

			largeImage.id = "a" + currId;
			YAHOO.util.Dom.setStyle(largeImage, 'visibility', 'hidden');
			currImageIdNo=currId;
			largeImage	= largeProductImage.appendChild(largeImage);
// set position
		var imgLeft;
		if (thumbPortrait)
			{imgLeft="302px";
			var imgLeft=(viewport[0]-393)/2 + "px";
			}
		else	
			{imgLeft="221px";
			var imgLeft=(viewport[0]-555)/2 + "px";
			}
			YAHOO.util.Dom.setStyle(largeProductImage, 'position', 'absolute');
			YAHOO.util.Dom.setStyle(largeProductImage, 'left', imgLeft);
			YAHOO.util.Dom.setStyle(largeProductImage, 'top', "121px");			

			YAHOO.util.Dom.setStyle(largeImage, 'visibility', 'visible');

//////////////////////////////////////////////  basket header and add to order functionality 
//////////////////////// build panel basket header
			var orderBasketCont = document.createElement('div');
				orderBasketCont.setAttribute('id', 'orderbasket');
				YAHOO.util.Dom.setStyle(orderBasketCont, 'top', "59px");
				YAHOO.util.Dom.setStyle(orderBasketCont, 'left', buttonsLeft);
				orderBasketCont = largeImageCont.appendChild(orderBasketCont);

			var newBasketCont = document.createElement('div');
				newBasketCont.setAttribute('id', 'panelbasket');
				newBasketCont = orderBasketCont.appendChild(newBasketCont);
// get basket details from main page html and add to panel basket header
			var basketCont = document.getElementById('basket');

			var oldBasketP = basketCont.childNodes[0];
			var oldBasketText = oldBasketP.firstChild;
			var newBasketP = document.createElement('p');
				newBasketP.setAttribute('id', 'panelbasketp');
				YAHOO.util.Dom.setStyle(newBasketP, 'font-weight', 'bold');
				newBasketCont.appendChild(newBasketP);
			var newBasketPText=document.createTextNode(oldBasketText.nodeValue);
				newBasketP.appendChild(newBasketPText);
//	add checkout link of required
			if (oldBasketP.childNodes[1])
				{
				var oldCheckoutLink=oldBasketP.childNodes[1];
				var checkoutLink = document.createElement('a');
					checkoutLink.setAttribute('title', 'checkout');
					checkoutLink.setAttribute('href', '/updateorder.php');
					newBasketP.appendChild(checkoutLink);
				var checkoutLinkText=document.createTextNode(oldCheckoutLink.childNodes[0].nodeValue);
					checkoutLink.appendChild(checkoutLinkText);
				}
				

//////////////////////// build select drop down	and form	
// build container and form tag
			var selectSizeCont = document.createElement('div');
				selectSizeCont.setAttribute('class', 'selectsize');
				selectSizeCont = orderBasketCont.appendChild(selectSizeCont);
	
			var selectForm = document.createElement('form');
				selectForm.setAttribute('method', 'post');
				selectForm.setAttribute('id', 'selectsizeform');
				selectForm = selectSizeCont.appendChild(selectForm);
// start of select				
			var selectFormat = document.createElement('select');
			var formatString = 'formatout[' + currId + ']';
				selectFormat.setAttribute('name', formatString);
				selectFormat.setAttribute('class', 'productformat');
				selectFormat.setAttribute('id', 'selectformat');
				selectFormat = selectForm.appendChild(selectFormat);
// add list of options
				var newOptionSel = document.createElement('option');
					newOptionSel.setAttribute('value', '');
					newOptionSel.setAttribute('selected', 'selected');
					selectFormat.appendChild(newOptionSel);
					
				var optionTextSel=document.createTextNode('Choose size');
					newOptionSel.appendChild(optionTextSel);
			
			for (var j = 0; j < formats.length; j++)
				{
				var newOption = document.createElement('option');
					newOption.setAttribute('value', formats[j]);
					selectFormat.appendChild(newOption);
				var optionText=document.createTextNode(formatNamePrices[j]);
					newOption.appendChild(optionText);
				}	
				
// add listener to drop down list - panel only
			YAHOO.util.Event.addListener(selectFormat, 'change', optionSelected );		

		
//////////////////////// set up add to order/ordered area			
//  check if product ordered			
			var currProductOrdered=false;
			for (var p = 0; p < orderedProducts.length;p++)   
				{
				if (a[currId].productno==orderedProducts[p])
					{
					currProductOrdered=true;
					}
				}
			if (currProductOrdered)
				{
				var panelSubmit = document.createElement('p');	
					panelSubmit.setAttribute('id','panelsubmit');
					YAHOO.util.Dom.setStyle(panelSubmit, 'background-color', '#ffffff');
					YAHOO.util.Dom.setStyle(panelSubmit, 'color', '#671C79');
					orderBasketCont.appendChild(panelSubmit);
					YAHOO.util.Dom.setStyle(panelSubmit, 'border', '2px solid #671C79');
					YAHOO.util.Dom.setStyle(panelSubmit, 'width', '136px');

				var panelSubmitText=document.createTextNode(orderedStr);
					panelSubmit.appendChild(panelSubmitText);
				}				
			else
				{
				
// product not ordered - create blank paragraph			
				var panelSubmit = document.createElement('p');
					panelSubmit.setAttribute('id','panelsubmit');
					orderBasketCont.appendChild(panelSubmit);
				}
				
////////////////////////  add form  hidden fields
		var formHidden = document.createElement('div');
			formHidden.setAttribute('id', 'formhidden');
			selectForm.appendChild(formHidden);
			
		var newHidden = document.createElement('input');
			newHidden.setAttribute('type', 'hidden');
			newHidden.setAttribute('name', 'productnoout['+currId+']');
			newHidden.setAttribute('value', a[currId].productno);
			newHidden.setAttribute('id', 'prodnohidden');
			formHidden.appendChild(newHidden);
		var newHidden1 = document.createElement('input');
			newHidden1.setAttribute('type', 'hidden');
			newHidden1.setAttribute('name', 'titleout['+currId+']');
			newHidden1.setAttribute('value', a[currId].title);
			formHidden.appendChild(newHidden1);
		var hiddenImageName= a[currId].src.substring(a[currId].src.lastIndexOf("/")+1,a[currId].src.length);
		var newHidden2 = document.createElement('input');
			newHidden2.setAttribute('type', 'hidden');
			newHidden2.setAttribute('name', 'imageout['+currId+']');
			newHidden2.setAttribute('value', hiddenImageName);
			formHidden.appendChild(newHidden2);

// add extra for current id
		var idHidden = document.createElement('input');
			idHidden.setAttribute('type', 'hidden');
			idHidden.setAttribute('name', 'idout');
			idHidden.setAttribute('value', currId);
			idHidden.setAttribute('id', 'idhidden');
			formHidden.appendChild(idHidden);
	
//////////////////////////////////////////////  build and show panel		
    showLargerImage.maskcontainer = new YAHOO.widget.Panel("maskcontainer", 
		{ width:"101%",  height:"100%",position:"absolute", left:"0",top:"0", 
		visible:false, draggable:true, close:false, modal:false, zIndex:10 } ); 
		showLargerImage.maskcontainer.setBody(largeImageContIn); 
		showLargerImage.maskcontainer.render(container);
		showLargerImage.maskcontainer.show();

	};	
	
///////////////////////////////////////////////////////////////////////////////////////
//
//   Send selected option to server
//   Get back updated basket totals
//
////////////////////////////////////////////////////////////////////////////////////////		
//  option selected listener
//  set up add to order button with listener to sendToServer	

//
//   3 STATES-
//  blank ie not ordered 
//  ordered (class = ordered)
//  add to order ie selection just made
//
//  if not ordered create add to order and listener
//  if ordered replace add to order text with ordered and remove listener
//  if add to order 
var optionSelected = function() 
	{ 
	var addToOrderP = document.getElementById('panelsubmit'); 
	if (addToOrderP.firstChild)
		{
		if (addToOrderP.firstChild.nodeValue==orderedStr)
			{
// remove replace ordered text with add to order, add listener, style
			YAHOO.util.Dom.setStyle(addToOrderP, 'background-color', '#ffffff');
			YAHOO.util.Dom.setStyle(addToOrderP, 'color', '#FF33FF');
			YAHOO.util.Dom.setStyle(addToOrderP, 'border', '2px solid #ffffff');
			YAHOO.util.Dom.setStyle(addToOrderP, 'cursor', 'pointer');
			addToOrderP.firstChild.nodeValue=addToOrderStr;
			YAHOO.util.Event.addListener(addToOrderP, 'click', sendToServer );
			}
		else	
			{
//  already set to add to order - do nothing			
			}
		}
	else
		{
//is blank		
		YAHOO.util.Dom.setStyle(addToOrderP, 'background-color', '#ffffff');
		YAHOO.util.Dom.setStyle(addToOrderP, 'color', '#FF33FF');
		YAHOO.util.Dom.setStyle(addToOrderP, 'cursor', 'pointer');
		
		var addToOrderText=document.createTextNode(addToOrderStr);
		addToOrderP.appendChild(addToOrderText);	

		YAHOO.util.Event.addListener(addToOrderP, 'click', sendToServer );
		}

	}	


////////////////////////////////////////////// post selected product to server
var sendToServer = function() 
	{ 
	var formSet = document.getElementById('selectsizeform'); 
	YAHOO.util.Connect.setForm(formSet); 
	var postForm = YAHOO.util.Connect.asyncRequest('POST', '/asyncsubmit.php', formcallback); 		
//   set text to ordered on button
	var addToOrderP = document.getElementById('panelsubmit'); 
		YAHOO.util.Dom.setStyle(addToOrderP, 'background-color', '#ffffff');
		YAHOO.util.Dom.setStyle(addToOrderP, 'color', '#671C79');
		YAHOO.util.Dom.setStyle(addToOrderP, 'border', '2px solid #671C79');
		YAHOO.util.Dom.setStyle(addToOrderP, 'width', '136px');
		addToOrderP.firstChild.nodeValue=orderedStr;
		YAHOO.util.Event.removeListener(addToOrderP);
	}	

//  call back for posted data 	
var formcallback = 
	{
      success: function(o) { getBasket(); 
			},
      failure: function(o) {
			}
	}

////////////////////////////////////////////// get updated basket totals from server 
var getBasket	= function() 
	{
	var getBasketDets = YAHOO.util.Connect.asyncRequest('GET', '/asyncbasket.php', basketcallback); 		
	}

//  callback for basket data	
var basketcallback = 
	{
      success: function(o) { showBasket(o.responseText); 
			},
      failure: function(o) {
			}
	}

// update basket header and update class on main page to ordered
var showBasket	= function(o) 
	{
//  split data string pasted back
	var basketSplit =o.split(':')
	var basketCont1 = document.getElementById('panelbasket');
//  update paragraph
	var basketContP1 = document.getElementById('panelbasketp');
	var oldBasketP=basketContP1.childNodes[0];

// unicode conversion
// pound 163 to 00A3
// dollar 36 to 0024
// euro 8364 to 20A0		
	if (basketSplit[1]=='163')
		{var currencyCode ='\u00A3'}
	else
	if (basketSplit[1]=='36')
		{var currencyCode ='\u0024'}
	else
	if (basketSplit[1]=='8364')
		{var currencyCode ='\u20AC'}

	var itemOrItems = 'item';
	if (basketSplit[0] > 1)
		{itemOrItems = 'items';}
		
	oldBasketP.nodeValue=basketSplit[0] + ' ' + itemOrItems + ' | ' + currencyCode + basketSplit[2] + ' | ';

//  create checkout link if required		
	if (basketContP1.childNodes[1] == null)
		{
		var checkoutLink = document.createElement('a');
			checkoutLink.setAttribute('href', '/updateorder.php');
			checkoutLink.setAttribute('title', 'Checkout');
			checkoutLink=basketContP1.appendChild(checkoutLink);	
		var checkoutText=document.createTextNode('Checkout');
			checkoutLink.appendChild(checkoutText);	
		}

//update array of ordered products
//  if added product doesn't exist in aray add it  	

// get posted product no
		var postedFormHidden = document.getElementById('prodnohidden');
		var postedProdNo = postedFormHidden.getAttribute('value');
		 
		 for (var p = 0; p < orderedProducts.length;p++)   
			{
			if (postedProdNo != orderedProducts[p] )
				{
				orderedProducts.push(postedProdNo);
				}
			}

	}

			
			
////////////////////////////////////////////////////////////////////////////////////////
//
//    Go to previous large image 
//
////////////////////////////////////////////////////////////////////////////////////////		
	var clickPrev = function() 
		{ 
//    remove current image
		var idstring1 ="a" + currImageIdNo;			
		var removeImage = document.getElementById(idstring1);
		var removeImageParent=removeImage.parentNode
		removeImageParent.removeChild(removeImage);
	
//  update current id
		currImageIdNo = parseInt(currImageIdNo)-1;
		currId=currImageIdNo;
				
//////////////////////////////////////////////  large image		
// build large image from html thumb
// get image name
		var clickImage = document.getElementById('img'+currImageIdNo);
		var imgTagSrc= clickImage.src;
		var imgTagAlt= clickImage.alt;
		var imgTagTitle= clickImage.title;

		var imageName= imgTagSrc.substring(imgTagSrc.lastIndexOf("/")+1,imgTagSrc.length);


		var largeImageContIn=document.getElementById('maskincontainer');
		var largeProductImage = largeImageContIn.firstChild;
		
		var viewport = [YAHOO.util.Dom.getViewportWidth(),YAHOO.util.Dom.getViewportHeight()];
		
// get div with a class of largeproductimage
		var largeImage = document.createElement('IMG');
		var thumbWidth =clickImage.width;
		var thumbHeight =clickImage.height;
		var thumbLand=false;
		if (thumbWidth < thumbHeight)
			{thumbPortrait=true;}
		else
			{thumbPortrait=false;}
			largeImage.setAttribute('src', '/vaimages/' + imageName);
			largeImage.setAttribute('alt', imgTagAlt);
			largeImage.setAttribute('title', imgTagTitle);

			largeImage.id = "a" + currImageIdNo;
			largeImage	= largeProductImage.appendChild(largeImage);
// set position
		var imgLeft;
		if (thumbPortrait)
			{imgLeft="302px";
			var imgLeft=(viewport[0]-393)/2 + "px";
			}
		else	
			{imgLeft="221px";
		var imgLeft=(viewport[0]-555)/2 + "px";}

		YAHOO.util.Dom.setStyle(largeProductImage, 'position', 'absolute');
			YAHOO.util.Dom.setStyle(largeProductImage, 'left', imgLeft);
			YAHOO.util.Dom.setStyle(largeProductImage, 'top', "121px");			
			
			YAHOO.util.Dom.setStyle(largeImage, 'visibility', 'visible');

				
//  set up prev and next
		setNext();
		setPrev();

//  update hidden form fields 
		updHidden();
		
//  reset add to order button				
		resetAddToOrder();

//  reset selectedIndex to 0				
		resetSelIndex();
		

	}


////////////////////////////////////////////////////////////////////////////////////////
//
//    Go to next large image 
//
////////////////////////////////////////////////////////////////////////////////////////		
	var clickNext = function() 
		{ 	
//    remove current image
		var idstring1 ="a" + currImageIdNo;			
		var removeImage = document.getElementById(idstring1);
		var removeImageParent=removeImage.parentNode
		removeImageParent.removeChild(removeImage);
	
//  update current id
		currImageIdNo = parseInt(currImageIdNo)+1;
		currId=currImageIdNo;
//    show new image 

//////////////////////////////////////////////  large image		
// build large image from html thumb
// get image name
		var clickImage = document.getElementById('img'+currImageIdNo);
		var imgTagSrc= clickImage.src;
		var imgTagAlt= clickImage.alt;
		var imgTagTitle= clickImage.title;

		var imageName= imgTagSrc.substring(imgTagSrc.lastIndexOf("/")+1,imgTagSrc.length);


		var largeImageContIn=document.getElementById('maskincontainer');
		var largeProductImage = largeImageContIn.firstChild;
		
		var viewport = [YAHOO.util.Dom.getViewportWidth(),YAHOO.util.Dom.getViewportHeight()];
		
// get div with a class of largeproductimage
		var largeImage = document.createElement('IMG');
		var thumbWidth =clickImage.width;
		var thumbHeight =clickImage.height;
		var thumbLand=false;
		if (thumbWidth < thumbHeight)
			{thumbPortrait=true;}
		else
			{thumbPortrait=false;}
			largeImage.setAttribute('src', '/vaimages/' + imageName);
			largeImage.setAttribute('alt', imgTagAlt);
			largeImage.setAttribute('title', imgTagTitle);

			largeImage.id = "a" + currImageIdNo;
			largeImage	= largeProductImage.appendChild(largeImage);
// set position
		var imgLeft;
		if (thumbPortrait)
			{imgLeft="302px";
			var imgLeft=(viewport[0]-393)/2 + "px";
			}
		else	
			{imgLeft="221px";
		var imgLeft=(viewport[0]-555)/2 + "px";}

		YAHOO.util.Dom.setStyle(largeProductImage, 'position', 'absolute');
			YAHOO.util.Dom.setStyle(largeProductImage, 'left', imgLeft);
			YAHOO.util.Dom.setStyle(largeProductImage, 'top', "121px");			
			
			YAHOO.util.Dom.setStyle(largeImage, 'visibility', 'visible');

//  set up prev and next
		setNext();
		setPrev();
		
//  update hidden form fields 
		updHidden();
		
//  reset add to order button				
		resetAddToOrder();

//  reset selectedIndex to 0				
		resetSelIndex();
		
		}
			
			
////////////////////////////////////////////////////////////////////////////////////////
		
	var clickLeft	= function() 
		{
		if (currStartImageNo>0)
			{
			
//   turn off those less than start id -1 and thoise grater than (startid+5)-1
			for (var i = 0; i < totImages; i++)
				{
				if ( (i<(currStartImageNo-5)) || (i >(currEndImageNo-5)) )
					{
					var reqdImg = document.getElementById(i);
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'none');
					}
				else
					{
					var reqdImg = document.getElementById(i);
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'block');
					}
				}
//  update start and end id
			currEndImageNo=currEndImageNo-5;			
			currStartImageNo=currStartImageNo-5;
//  set tag line		
			setTagLine();	
			}
	
		}

////////////////////////////////////////////////////////////////////////////////////////
			
	var clickRight	= function() 
		{
		if (currEndImageNo < (totImages-1))
			{
			for (var i = 0; i < totImages; i++)
				{
				if ( (i<(currStartImageNo+5)) || (i >(currEndImageNo+5)) )
					{
					var reqdImg = document.getElementById(i);
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'none');
					}
				else
					{
					var reqdImg = document.getElementById(i);
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'block');
					}
				}
//  adjustment at end if less than 5 images
				if ( (currEndImageNo+5) > totImages)
					{
						var reqdImg = document.getElementById(totImages-1)
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'block');
						var reqdImg = document.getElementById(totImages-2)
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'block');
						var reqdImg = document.getElementById(totImages-3)
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'block');
						var reqdImg = document.getElementById(totImages-4)
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'block');
						var reqdImg = document.getElementById(totImages-5)
					YAHOO.util.Dom.setStyle(reqdImg, 'display', 'block');
				}
//  update start and end id
			currEndImageNo=currEndImageNo+5;
			currStartImageNo=currStartImageNo+5;
//  set tag line		
			setTagLine();	
			}

// v3 build next 5 images if required
// get img + id for old start to currendimageno
			var checkNext=currEndImageNo+1;
			var imageBuiltCheck = document.getElementById('img' + checkNext);
			if (imageBuiltCheck == null)
			{
				var i, l;
				l=currEndImageNo+6;
				i=currEndImageNo+1;
				for(i, l; i<l; i++)
					{
					var homeproduct = document.createElement('DIV');
						homeproduct.setAttribute('id', i);
						homeproduct.setAttribute('class', "homeproduct");
						YAHOO.util.Dom.setStyle(homeproduct, 'float', 'left');
						YAHOO.util.Dom.setStyle(homeproduct, 'display', 'block');
						YAHOO.util.Dom.setStyle(homeproduct, 'width', '185px');
						YAHOO.util.Dom.setStyle(homeproduct,'margin','0 5px 14px 0');
					if (i>5)
						{
						YAHOO.util.Dom.setStyle(homeproduct, 'display', 'none');
						}
						homeproduct = imagescontainer.appendChild(homeproduct);

					var homeprodimage = document.createElement('DIV');
						homeprodimage.setAttribute('class', "homeprodimage");
						homeprodimage = homeproduct.appendChild(homeprodimage);

					var img	= document.createElement('IMG');
						img.setAttribute('src', a[i].src);
						img.setAttribute('alt', a[i].title);
						img.setAttribute('title', a[i].title);
						img.setAttribute('id', 'img'+i);
					if (a[i].lorp == 'p')
						{YAHOO.util.Dom.setStyle(img, 'padding-left', '27px');}
					else	
						{YAHOO.util.Dom.setStyle(img, 'padding-top', '27px');}
						imgout = homeprodimage.appendChild(img);	

//  add listener					
					YAHOO.util.Event.addListener(imgout.id, 'click', showLargerImage ); 
					
					totImages++;
					}
				}


		}


////////////////////////////////////////////////////////////////////////////////////////
//
//    Close event
//
////////////////////////////////////////////////////////////////////////////////////////
	var closeMask = function() 
		{ 
////////////////////////////////////////////// update basket header on main page with details from panel	 
		var basketCont2 = document.getElementById('basket');
		var  basketCont2P= basketCont2.getElementsByTagName('p');
//  get panel basket details
		var basketContP1 = document.getElementById('panelbasketp');
		var panelBasketP=basketContP1.childNodes[0];
//  add paragraph 		
		basketCont2P[0].childNodes[0].nodeValue=panelBasketP.nodeValue;

// add checkout link if exists		
		if ((basketContP1.childNodes[1] != null) && (basketCont2P[0].childNodes[1] == null))
			{
			var checkoutLink = document.createElement('a');
				checkoutLink.setAttribute('href', '/updateorder.php');
				checkoutLink.setAttribute('title', 'Checkout');
				checkoutLink=basketCont2P[0].appendChild(checkoutLink);	
			var checkoutText=document.createTextNode('Checkout');
				checkoutLink.appendChild(checkoutText);	
		}
		
//////////////////////////////////////////////  delete panel			
      	 showLargerImage.maskcontainer.destroy();
		 currImageIdNo = 0;
	}	


	
	return {
		init: init,
		callback: callback
			}
	
	}();