var xhr;
var xPos, yPos;
var loadedobjects="";
var panelNo;
var currentSection;
var rowArray = new Array();
var promoArray = new Array();
var reccoArray = new Array();
var imageArray = new Array();
var itemNameArray = new Array();
var itemProductArray = new Array();
var itemPriceArray = new Array();
var itemSizeArray = new Array();
var itemColourArray = new Array();
var itemNumberArray = new Array();

var itemArray = new Array();

var newArray = new Array();

var detailObj = new Object;
var promoObj = new Object;
var colourObj = new Object;

function ajaxpage(url, xmlPath){
	//kill_cookies();
	
	if(xmlPath=="footerNav"){
		getMovieName("swfObject").updateNav("footerNav");
	}
	
	xhr = false;
	if(window.XMLHttpRequest){
		
		xhr = new XMLHttpRequest();
	} else {
		
		if(window.ActiveXObject){
			try{
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
				
			}
			catch(e){ }
		}
	}
	
	if(xhr){
		xhr.onreadystatechange = function(e){
		//	alert(url)
			loadpage(xhr, url, xmlPath)
		};
		xhr.open("GET", url, true);
		xhr.send(null);
	} else{
		alert("Sorry, but I couldn't create and XMLHttpRequest!");
	}
}

function updateSection(i){
	
	currentSection = i;
	//alert("currentSection = "+i)
	
}

function loadpage(xhr, url, xmlPath){
	
	if (xhr.readyState==4){
		
		if(xhr.status==200){
			
			if (url.indexOf(".xml")!=-1){ //If object is an xml file
				//alert(url)
				var rootNode = xhr.responseXML.getElementsByTagName("root");
				var node = rootNode.item(0);		
				var attr = node.getAttribute("id");
				
				if(attr == 0){
					setPanelsArray();
					setPromoArray("homePromo");
				}else if(attr == 1){
					//alert()
					// setPanelsArray();
					// setPromoArray("clothingPromo");
					
				}else if(attr == 2){
					setPanelsArray();
					setPromoArray("printPromo");
				}else if(attr == 3){
					
					
					
				}else if(attr == 4){
					
					//alert(attr)
					
					var detailNode = xhr.responseXML.getElementsByTagName("detailConsole");		
					var detailAttr = detailNode.item(0).getAttribute("name");
					setDetailArray(detailAttr);
					setDetailPromoArray();
				}else if(attr == 5){
					
					setBasket();
					setDetailPromoArray();
					
				}
			}else{
				//alert(url)
				var outMsg = xhr.responseText;
				var prevWin = document.getElementById("content");
				prevWin.innerHTML = outMsg;
				ajaxpage(xmlPath)
			}
			
			
			
		}
		else{
			var outMsg = "there was a problem with the request " + xhr.status;
		}
		
	}
}

function setPanelsArray(){
	panelNo=0;
	var panelRow = xhr.responseXML.getElementsByTagName("panelRow");
	for(var i=0; i<panelRow.length; i++){
		
		var node = panelRow.item(i);
		var attr = node.getAttribute("name");
		//alert(node.getAttribute("name"))
		writeRow(document.getElementById("leftContent"), attr, i);		
		//alert('i = '+i)
		var node2 = panelRow.item(i);
		var panel = node2.getElementsByTagName("panel");
		for(var j=0; j<panel.length; j++){
			//alert('panels = '+j);
			var tempObj = new Object;
			//alert('j = '+j)
			tempObj.iD = getVal(panel[j],"id");
			tempObj.thumb = getVal(panel[j],"thumb");
			tempObj.titleTxt = getVal(panel[j],"titleTxt");
			tempObj.productTxt = getVal(panel[j],"productTxt");
			tempObj.edition = getVal(panel[j],"edition");
			tempObj.priceA3 = getVal(panel[j],"priceA3");
			tempObj.priceA2 = getVal(panel[j],"priceA2");
			tempObj.priceA1 = getVal(panel[j],"priceA1");
			tempObj.printSize = "A3";
			
			rowArray[j] = tempObj;
			
			itemNameArray[rowArray[j].iD - 1] = rowArray[j].titleTxt;
			itemProductArray[rowArray[j].iD - 1] = rowArray[j].productTxt;
			itemPriceArray[rowArray[j].iD - 1] = parseInt(rowArray[j].priceA3);
			itemSizeArray[rowArray[j].iD - 1] = rowArray[j].printSize;
			//alert('itemNameArray[j] = '+rowArray[j].titleTxt)
			writePanel(document.getElementById(i), rowArray, j);
			
		}
		
	}

}

function writeRow(target, className, i){
	//alert(className)
	target.innerHTML += '<div id="'+className+'"><div class="panelLink"></div><div id="'+i+'"></div></div>';
		
}

function writePanel(target, array, i){
	
	//alert(array[i].iD)

	target.innerHTML += '<div id="panel"><div id="panelSet" class="panelInner"><a href="#" target="sections/details.html" id="xml/'+array[i].iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="'+array[i].thumb+'" width="160" height="138" alt="Prints '+(i+1)+'" /></a><div class="info"><div class="infoBtns"><a class="infoLink" href="#" target="sections/details.html" id="xml/'+array[i].iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="images/spacer.gif" alt="" /></a><a class="addLink" href="#" target="sections/details.html" id="xml/'+array[i].iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="images/spacer.gif" alt="" /></a></div><strong><p id="title">'+array[i].titleTxt+'</p></strong><p id="product" class="details">'+array[i].productTxt+'</p><p id="edition" class="details">'+array[i].edition+'</p><p id="price" class="details">From <strong>£'+array[i].priceA3+'</strong></p></div><div class="clear"></div></div><img src="images/im_panelShadow.gif" width="162" height="5" alt="" /></div>';
	
	// target.innerHTML += '<div id="panel"><a href="#" target="sections/details.html" id="xml/'+array[i].iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><div id="panelSet" class="panelInner"><img src="'+array[i].thumb+'" width="160" height="138" alt="Prints '+(i+1)+'" /><div class="info"><div class="infoBtns"><img src="images/bt_info.gif" width="43" height="42" alt="Link > Info" /><a href="javascript:place('+(array[i].iD - 1)+')"><div class="addLink"></div></a></div><strong><p id="title">'+array[i].titleTxt+'</p></strong><p id="product" class="details">'+array[i].productTxt+'</p><p id="edition" class="details">'+array[i].edition+'</p><p id="price" class="details">'+array[i].priceA3+'</p></div><div class="clear"></div></div><img src="images/im_panelShadow.gif" width="162" height="5" alt="" /></a></div>';
	
}

function setPromoArray(className){
	
	var promo = xhr.responseXML.getElementsByTagName("panelColumn");
	for(var i=0; i<promo.length; i++){
		//alert(i)
		var node = promo.item(i);
		var attr = node.getAttribute("name");
		writePromoPanel(document.getElementById("promos"), className, i);		
		
		var panel = node.getElementsByTagName("panel");
		for(var j=0; j<panel.length; j++){
			var tempObj = new Object;
			
			tempObj.iD = getVal(panel[j],"id");
			tempObj.header = getVal(panel[j],"header");
			if(attr!="news"){
				tempObj.thumb = getVal(panel[j],"thumb");
			}
			tempObj.titleTxt = getVal(panel[j],"titleTxt");
			tempObj.bodyTxt = getVal(panel[j],"bodyTxt");
			tempObj.linkTxt = getVal(panel[j],"linkTxt");		
			
			promoArray[j] = tempObj;
			
			
			writePromo(document.getElementById("promoPanel"+i), attr, promoArray, j);
		}
		
	}

}

function writePromoPanel(target, className, i){
	//alert(className)
	target.innerHTML += '<div id="promoPanel'+i+'" class="'+className+'"></div><img src="images/im_promoShadow.jpg" width="222" height="6" alt="" />';

}

function writePromo(target, className, array, j){
	
	if(className=="promo"){
		target.innerHTML += '<h1 class="'+className+'"><span>'+array[j].header+'</span></h1><img src="'+array[j].thumb+'" /><div class="promoInfo"><p><strong>'+array[j].titleTxt+'</strong></p><p class="black">'+array[j].bodyTxt+'</p><a href="#" target="sections/prints.html" id="xml/prints.xml" onclick="ajaxpage(this.target, this.id);return false"><strong>'+array[j].linkTxt+'</strong></a>';
		
	}else if(className=="promoPrints"){
		target.innerHTML += '<h1 class="'+className+'"><span>'+array[j].header+'</span></h1><img src="'+array[j].thumb+'" /><div class="promoInfo"><p><strong>'+array[j].titleTxt+'</strong></p><p class="black">'+array[j].bodyTxt+'';

	}else if(className=="news"){ 
		
		target.innerHTML += '<h2 class="'+className+'"><span>'+array[j].header+'</span></h2><div class="promoInfo"><p><strong>'+array[j].titleTxt+'</strong></p><p class="black">'+array[j].bodyTxt+'</p><a href="http://www.moonshinemedia.co.uk/event/" target="_new"><strong>'+array[j].linkTxt+'</strong></a>';
		
		//target.innerHTML += '<h2 class="'+className+'"><span>'+array[j].header+'</span></h2><div class="promoInfo"><p><strong>'+array[j].titleTxt+'</strong></p><p class="black">'+array[j].bodyTxt+'</p><strong>'+array[j].linkTxt+'</strong>';
		
		// target.innerHTML += '<h2 class="'+className+'"><span>'+array[j].header+'</span></h2><div class="promoInfo"><p><strong>'+array[j].titleTxt+'</strong></p><p class="black">'+array[j].bodyTxt+'</p><a href="#" target="sections/details.html" id="xml/'+array[j].iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><strong>'+array[j].linkTxt+'</strong></a>';

	}else if(className=="printPanel"){
		//alert(array[j].priceA3)
		
		target.innerHTML += '<h1><span>'+promoObj.header+'</span></h1><div id="printPromo"><div id="panelSet" class="'+className+'"><a href="#" target="sections/details.html" id="xml/'+promoObj.iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="'+promoObj.thumb+'" width="160" height="138" alt="Prints '+(j+1)+'" /></a><div class="info"><div class="infoBtns"><a class="infoLink" href="#" target="sections/details.html" id="xml/'+promoObj.iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="images/spacer.gif" alt=""></a><a class="addLink" href="#" target="sections/details.html" id="xml/'+promoObj.iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="images/spacer.gif" alt=""></a></div><strong><p id="title" class="black">'+promoObj.titleTxt+'</p></strong><p id="product" class="details">'+promoObj.productTxt+'</p><p id="edition" class="details">'+promoObj.edition+'</p><p id="price" class="details">From... £'+promoObj.priceA3+'</p></div><div class="clear"></div></div><img src="images/im_panelShadow.gif" width="162" height="5" alt="" /></div>';
		
	}else if(className=="clothingPanel"){
		//alert(className)
		target.innerHTML += '<h1><span>'+promoObj.header+'</span></h1><div id="clothingPromo"><div id="panelSet" class="'+className+'"><a href="#" target="sections/details.html" id="xml/'+promoObj.iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="'+promoObj.thumb+'" width="160" height="138" alt="Prints '+(j+1)+'" /></a><div class="info"><div class="infoBtns"><a class="infoLink" href="#" target="sections/details.html" id="xml/'+promoObj.iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="images/spacer.gif" alt=""></a><a class="addLink" href="#" target="sections/details.html" id="xml/'+promoObj.iD+'.xml" onclick="ajaxpage(this.target, this.id);return false"><img src="images/spacer.gif" alt=""></a></div><strong><p id="title" class="black">'+promoObj.titleTxt+'</p></strong><p id="product" class="details">'+promoObj.productTxt+'</p><p id="edition" class="details">'+promoObj.edition+'</p><p id="price" class="details">From... £'+promoObj.priceA3+'</p></div><div class="clear"></div></div><img src="images/im_panelShadow.gif" width="162" height="5" alt="" /></div>';
		
	}	

}

function setDetailArray(className){
	imageArray = [];
	var info = xhr.responseXML.getElementsByTagName("info");
	detailObj.iD = getVal(info[0],"id");
	detailObj.lightbox = getVal(info[0],"lightbox");
	detailObj.header = getVal(info[0],"header");
	detailObj.designer = getVal(info[0],"designer");
	detailObj.productTxt = getVal(info[0],"productTxt");
	detailObj.medium = getVal(info[0],"medium");
	// detailObj.edition = getVal(info[0],"edition");
	detailObj.infoTxt = getVal(info[0],"infoTxt");
	
	itemNameArray[detailObj.iD] = detailObj.header;
	itemProductArray[detailObj.iD] = detailObj.productTxt;
	
	//alert(className)
	
	if(className=="printConsole"){
		
		detailObj.priceA3 = getVal(info[0],"priceA3");
		detailObj.priceA2 = getVal(info[0],"priceA2");
		detailObj.priceA1 = getVal(info[0],"priceA1");
		detailObj.printSize = "A1";
		itemPriceArray[detailObj.iD] = parseInt(detailObj.priceA1);
		itemSizeArray[detailObj.iD] = detailObj.printSize;
		
		var detail = xhr.responseXML.getElementsByTagName("images");

		for(var i=0; i<detail.length; i++){
			//alert(i)
			var tempObj = new Object;
			tempObj.main = getVal(detail[i],"main");
			tempObj.thumb = getVal(detail[i],"thumb");
			imageArray[i] = tempObj;
		}
		
		writeDetail(document.getElementById("leftContent"), imageArray, className, detailObj.iD);
		
	}else if(className=="clothingConsole"){
		
		detailObj.price = getVal(info[0],"price");		
		itemPriceArray[detailObj.iD] = parseInt(detailObj.price);
		
		var detail = xhr.responseXML.getElementsByTagName("images");

		for(var j=0; j<detail.length; j++){
			//alert(i)
			var tempObj = new Object;
			tempObj.main = getVal(detail[j],"main");
			tempObj.thumb = getVal(detail[j],"thumb");
			imageArray[j] = tempObj;
		}
		
		writeDetail(document.getElementById("leftContent"), imageArray, className, detailObj.iD);
		
		var colours = xhr.responseXML.getElementsByTagName("colour");
		//alert(colours.length)
		for(var k=0; k<colours.length; k++){
			//alert(i)
			var colourObj = new Object;
			colourObj.colourName = getVal(colours[k],"name");
			colourObj.image = getVal(colours[k],"image");
			colourObj.thumb = getVal(colours[k],"thumb");
			itemColourArray[k] = colourObj;
			//colourObj.colour = "white";
			writeColour(document.getElementById("coloursHolder"), itemColourArray, className, k);
			//alert(itemColourArray[k].image)
		}
	}
	
	
	for(var l=0; l<imageArray.length; l++){
		writeDetailThumb(document.getElementById("thumbHolder"), imageArray, l); 
	}
	
}

function writeDetail(target, array, className, i){
	
	if(className=="printConsole"){
				
		target.innerHTML += '<div id="'+className+'"><div class="panelLink"></div><div id="detailMain"><div class="detailPanel"><img id="detailImage" src="'+array[0].main+'" alt="Prints 1" /><a class="zoom" href="'+detailObj.lightbox+'" rel="lightbox" title=""><img src="images/spacer.gif" alt="" /></a><div id="infoArea"><div id="leftArea"><h3>'+detailObj.header+'</h3><p class="price"><strong>By: <span class="black">'+detailObj.designer+'</span></strong></p><p>'+detailObj.medium+'</p><p>'+detailObj.infoTxt+'</p></div><div id="rightArea"><a class="addLink" href="javascript:place('+detailObj.iD+')"><img src="images/spacer.gif" alt="" /></a><form name="myform" id="myform"><p>> Size:<select id="sizeDrop" onchange="changePrice('+i+')"><option>A1</option><option>A2</option><option>A3</option></select></p><p id="price"><span class="black">> Price:</span> <strong>£'+detailObj.priceA1+'</strong></p></form></div><div class="clear"></div></div></div><img src="images/im_detailShadow.gif" width="452" height="6" alt="" /></div><div id="thumbHolder"></div>';
		
	}else if(className=="clothingConsole"){

		target.innerHTML += '<div id="'+className+'"><div class="panelLink"></div><div id="detailMain"><div class="detailPanel"><img id="detailImage" src="'+array[0].main+'" alt="Prints 1" /><a class="zoom" href="'+detailObj.lightbox+'" rel="lightbox" title=""><img src="images/spacer.gif" alt="" /></a><div id="infoArea"><p><div id="leftArea"><h3>'+detailObj.header+'</h3><p class="price"><strong>By: <span class="black">'+detailObj.designer+'</span></strong></p><p>'+detailObj.productTxt+'</p><p>'+detailObj.edition+'</p><p>'+detailObj.para+'</p></div><div id="rightArea"><div id="colours">> Colours:<div id="coloursHolder"></div></div><form name="myform" id="myform"><p>> Size:<select id="sizeDrop"><option>SML</option><option>MED</option><option>LRG</option><option>X LRG</option></select></p><p id="price"><span class="black">> Price:</span> <strong>£'+detailObj.price+'</strong></p></form><a class="addLink" href="javascript:place('+detailObj.iD+')"><img src="images/spacer.gif" alt="" /></a></div><div class="clear"></div></div></div><img src="images/im_detailShadow.gif" width="452" height="6" alt="" /></div><div id="thumbHolder"></div>';
		
	}
	getMovieName("swfObject").updateNav(className); 
	
	//document.getElementById("detailImage").setAttribute('opacity', 0);
	var imgChange = document.getElementById("detailImage");
	fadeDown(imgChange);
	var imgPreloader = new Image();
	
    imgPreloader.onload = (function(){
        imgChange.src = array[0].main;
		fadeUp(imgChange);
        
    });
    imgPreloader.src = array[0].main;

}

function writeColour(target, array, className, i){
	
	target.innerHTML += '<div id="colour"><a href="#" id="'+i+'" onclick="changeColour(this.id);return false"><img src="'+array[i].thumb+'" alt="Prints 1" /></a></div>'
	//alert(array[i].image)

}

function changePrice(i){
	//alert(i)
	var size = get(document.getElementById("sizeDrop"));
	var price = detailObj["price"+size];
	var priceValue = document.getElementById('price');
	priceValue.innerHTML = "<span class='black'>> Price:</span> <strong>£"+price+"</strong>";
	detailObj.price = price;
	//itemProductArray[i] += size;
	itemSizeArray[i] = size;
	itemPriceArray[i] = parseInt(price);
	//alert(itemPriceArray[i - 1])
	
}

function get(obj) {
	
	var sel = obj[obj.selectedIndex].text;

	return sel;
	
}


function writeDetailThumb(target, array, j){
	
	target.innerHTML += '<div id="thumb"><div class="detailThumb"><a href="#" id="'+j+'" target="'+array[j].main+'" onclick="changeDetailImage(this.target, this.id);return false"><img id="imThumb'+j+'" src="'+array[j].thumb+'" alt="Prints 1" /></a></div><img src="images/im_thumbShadow.gif" width="99" height="6" /></div>';
	
	// target.innerHTML += '<div id="thumb"><div class="detailThumb"><a href="#" id="'+j+'" target="'+array[j].main+'" onclick="return false" onmouseover="changeDetailImage(this.target, this.id);" onmouseout="thumbOut(this.id);"><img id="imThumb'+j+'" src="'+array[j].thumb+'" alt="Prints 1" /></a></div><img src="images/im_thumbShadow.gif" width="99" height="6" /></div>';

}

function changeDetailImage(src, j){
	//alert(thumb)
	var imgChange = document.getElementById("detailImage");
	
	// if(j!=undefined){
	// 		var thumb = document.getElementById("imThumb"+j);
	// 		fadeOver(thumb);
	// 	}	
	
	fadeDown(imgChange);	
	
	//imgChange.setStyle({opacity: 0});
	
	var imgPreloader = new Image();

    imgPreloader.onload = (function(){
        imgChange.src = src;
		fadeUp(imgChange);
        
    });
    imgPreloader.src = src;
	
}

function fadeDown(img){
	
	new Effect.Appear(img, { duration: 0.0, from: 1.0, to: 0.0 });
}

function fadeOver(img){
	
	new Effect.Appear(img, { duration: 0.25, from: 1.0, to: 0.7 });
}
function fadeOut(img){
	
	new Effect.Appear(img, { duration: 0.25, from: 0.7, to: 1 });
}

function thumbOut(j){
	var thumb = document.getElementById("imThumb"+j);
	new Effect.Appear(thumb, { duration: 0.25, from: 0.7, to: 1 });
}

function fadeUp(img){
	
	new Effect.Appear(img, { duration: 0.4, from: 0.0, to: 1.0 });
}

function changeColour(i){
	//alert(itemColourArray[2].image + " | " + i)
	changeDetailImage(itemColourArray[i].image, undefined);
	colourObj.colour = itemColourArray[i].colourName;
	//alert(colourObj.colour)
}

function setDetailPromoArray(className){
	//alert(className)
	var promo = xhr.responseXML.getElementsByTagName("panelColumn");
	for(var i=0; i<promo.length; i++){
		//alert(i)
		var node = promo.item(i);
		var attr = node.getAttribute("name");
		//alert(attr)
		writePromoPanel(document.getElementById("promos"), attr, i);		
		
		var panel = node.getElementsByTagName("panel");
		for(var j=0; j<panel.length; j++){
			
			var node2 = panel.item(j);
			var attr2 = node2.getAttribute("name");
			
			promoObj.iD = getVal(panel[j],"id");
			promoObj.thumb = getVal(panel[j],"thumb");
			promoObj.titleTxt = getVal(panel[j],"titleTxt");
			promoObj.productTxt = getVal(panel[j],"productTxt");
			promoObj.edition = getVal(panel[j],"edition");
			promoObj.priceA3 = getVal(panel[j],"priceA3");
			promoObj.priceA2 = getVal(panel[j],"priceA2");
			promoObj.priceA1 = getVal(panel[j],"priceA1");
			promoObj.printSize = "A3";
			
			writePromo(document.getElementById("promoPanel"+i), attr2);
			
		}
		
	}
	
}

function panelAlert(){
	alert("twat")
}

function getVal(theData,theTag){
	return theData.getElementsByTagName(theTag)[0].firstChild.nodeValue;
}

function getURLParam(strParamName){
	var strReturn = "";
	var strHref = window.location.href;
  	if ( strHref.indexOf("?") > -1 ){
    	var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
    	var aQueryString = strQueryString.split("&");
    	for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
      		if (aQueryString[iParam].indexOf(strParamName.toLowerCase() + "=") > -1 ){
        		var aParam = aQueryString[iParam].split("=");
        		strReturn = aParam[1];
				//alert(strReturn);
        		break;
      		}
    	}
  	}
  	return unescape(strReturn);
}

function setBasket(){
	//alert(document.cookie)
	if (document.cookie && document.cookie != ""){process_cookie()}
	
	var total = 0;
	var target = document.getElementById("itemHolder");
	var totalTarget = document.getElementById("totalCell");
	//alert(document.cookie)
	if (document.cookie){
		var whole_cookie = unescape(document.cookie);
		var drop_name = whole_cookie.split("=");
		if (drop_name[1] != ""){
			for (var i = 0; i < itemArray.length - 1; i++){

				var itemInnards = itemArray[i].split("aaa");
				itemArray[i] = itemInnards;
				
				target.innerHTML += '<div class="basketItem"><div class="descriptionCell"><strong>'+(i+1)+'. ' + itemArray[i][0] + ' ' + itemArray[i][1] + '</strong></div><div class="priceCell"><strong>£' + itemArray[i][2] + '</strong></div><div class="removeCell"><a href="javascript:remove('+i+');"><strong>Remove</strong></a></div>';

				total = total + parseInt(itemArray[i][2]);
			}

		}
		
		//alert("total = "+total)
	}
	
	if(total==0){
		//alert("hello")
		hidestuff(document.getElementById("payment"));
	}else{
		showstuff(document.getElementById("payment"));
	}
	
	
	totalTarget.innerHTML += "<strong>£" + total + "*</strong>";
	
	//showHint("hello twathat")
	
}

function showstuff(boxid){
   boxid.style.visibility="visible";
}

function hidestuff(boxid){
   boxid.style.visibility="hidden";
}

function remove(i){
	var new_cookie_raw_data = "";
	
/*	var whole_cookie = unescape(document.cookie);
	var drop_name = whole_cookie.split("=");	
	var itemArrayContent = drop_name[1].split("xxx");*/
	
	var whole_cookie = readCookie("items_shop");
	var drop_name = unescape(whole_cookie);
	
	if (drop_name != ""){
		itemArrayContent = drop_name.split("xxx");
	}

	itemArrayContent.splice(i,1);

	for (j = 0; j < itemArrayContent.length - 1; j++){
		new_cookie_raw_data += itemArrayContent[j] + "xxx";
	}
	
	if (itemArrayContent.length!=1){	
	//	alert("new_cookie_raw_data = "+new_cookie_raw_data)	
		set_cookie ( "items_shop", unescape(new_cookie_raw_data), 365 );
	}else{
		kill_cookies();
	}
	whole_cookie = readCookie("items_shop");
	drop_name = unescape(whole_cookie);
	if(currentSection==4){
	//	alert("currentSection = "+currentSection)	
		ajaxpage('sections/basket.php', 'xml/basket.xml');
		callExternalInterface2(itemArray.length-1, i)
		callExternalInterface(drop_name);
	}else{
		callExternalInterface(drop_name);
	}
	
	
}

function process_cookie(){
	//alert('process_cookie')
//	var whole_cookie = unescape(document.cookie);
		
/*	var drop_name = whole_cookie.split("=");
	if (drop_name[1] != ""){
		itemArray = drop_name[1].split("xxx");
	}*/
	
	var whole_cookie = readCookie("items_shop");
	var drop_name = unescape(whole_cookie);

	if (drop_name != ""){
		itemArray = drop_name.split("xxx");
	}
}

function kill_cookies(){
	var kill_date = new Date("January 1, 1970");
	document.cookie = "items_shop=stub;expires=" + kill_date.toGMTString();
}

function del_cookie(name) {
	document.cookie = name + '=; expires=Thu, 01-Jan-70 00:00:01 GMT;';
}


function place(new_item){
	//alert(test)
	var detailNode = xhr.responseXML.getElementsByTagName("detailConsole");		
	var detailAttr = detailNode.item(0).getAttribute("name");
	//alert("colourObj.colour = "+colourObj.colour)

	if (document.cookie && document.cookie != ""){
	/*	var old_cookie = unescape(document.cookie);
		var drop_name = old_cookie.split("=");*/
		
		var old_cookie = readCookie("items_shop");
		if (old_cookie != null){
			var drop_name = unescape(old_cookie);
		}else{
			drop_name = "";
		}		
		
		//new_cookie = drop_name[1] + escape(itemNameArray[new_item] + "aaa");
		
		if(detailAttr=="clothingConsole"){
			if(!colourObj.colour){
				colourObj.colour = "white";
			}
			itemSizeArray[new_item] = get(document.getElementById("sizeDrop"));
		//	new_cookie = drop_name[1] + escape(itemNameArray[new_item] + "aaa");
			new_cookie = drop_name + escape(itemNameArray[new_item] + "aaa");
			new_cookie += escape(itemProductArray[new_item] + "(" + itemSizeArray[new_item] + ") " + "in " + colourObj.colour + "aaa");

		}else if(detailAttr=="printConsole"){
			
		//	new_cookie = drop_name[1] + escape(itemNameArray[new_item] + "aaa");
			new_cookie = drop_name + escape(itemNameArray[new_item] + "aaa");
			new_cookie += escape(itemProductArray[new_item] + "(" + itemSizeArray[new_item] + ")" + "aaa");
			
		}
		new_cookie += escape(itemPriceArray[new_item] + "xxx")
		
		set_cookie ( "items_shop", unescape(new_cookie), 365 );

	}else{
		//var new_cookie = escape(itemNameArray[new_item] + "aaa");
		
		if(detailAttr=="clothingConsole"){
			if(!colourObj.colour){
				colourObj.colour = "white";
			}
			itemSizeArray[new_item] = get(document.getElementById("sizeDrop"));
			var new_cookie = escape(itemNameArray[new_item] + "aaa");
			new_cookie += escape(itemProductArray[new_item] + "(" + itemSizeArray[new_item] + ") " + "in " + colourObj.colour + "aaa");

		}else if(detailAttr=="printConsole"){
			
			var new_cookie = escape(itemNameArray[new_item] + "aaa");
			new_cookie += escape(itemProductArray[new_item] + "(" + itemSizeArray[new_item] + ")" + "aaa");
			
		}	
		new_cookie += escape(itemPriceArray[new_item] + "xxx");
		
		set_cookie ( "items_shop", unescape(new_cookie), 365 );
		
		//alert(new_cookie)
		
	}
	//var whole_cookie = unescape(document.cookie);
//	var whole_cookie = getCookie("items_shop");
	var whole_cookie = readCookie("items_shop");
//	alert(whole_cookie)
	callExternalInterface(whole_cookie)

}

/* function set_cookie ( name, value, exp_y, exp_m, exp_d, path, domain, secure ){
 	
 	alert(document.cookie)
 
   var cookie_string = name + "=" + escape ( value );
 
   
   document.cookie = cookie_string;
 	alert(document.cookie)
 }*/

// function getCookie(c_name)
// {
// if (document.cookie.length>0)
//   {
//   c_start=document.cookie.indexOf(c_name + "=");
//   if (c_start!=-1)
//     { 
//     c_start=c_start + c_name.length+1; 
//     c_end=document.cookie.indexOf(";",c_start);
//     if (c_end==-1) c_end=document.cookie.length;
//     return unescape(document.cookie.substring(c_start,c_end));
//     } 
//   }
// return "";
// }
function getCookie(name) { 
	var dc = document.cookie; 
	var prefix = name + "="; 
	var begin = dc.indexOf("; " + prefix); 
//	alert(begin)
	if (begin == -1) { 
		begin = dc.indexOf(prefix); 
		if (begin!= 0) return null; 
	} else { 
		begin += 2; 
	} 
	var end = document.cookie.indexOf(";", begin); 
	if (end == -1) { 
		end = dc.length; 
	}
	
	return unescape(dc.substring(begin + prefix.length, end)); 
}

function set_cookie(c_name,value,expiredays){
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString());

	//alert(c_name)

}

function createCookie(name, value, days)
{
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
    }
  else var expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
  var ca = document.cookie.split(';');
  var nameEQ = name + "=";
  for(var i=0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1, c.length); //delete spaces
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
  return null;
}

function eraseCookie(name)
{
  createCookie(name, "", -1);
}


function callExternalInterface(item) {
	
	//alert(item)
	
    getMovieName("swfObject").updateBasket(item); 
    
}

function callExternalInterface2(arrayLength, item) {
	//alert("arrayLength = "+arrayLength)
	//alert("item = "+item)
    getMovieName("swfObject").removeItemFromJs(arrayLength, item); 
    
}

function getMovieName(movieName) {
	
	if (navigator.appName.indexOf("Microsoft") != -1) {
    	return window[movieName]
	}else {
    	return document[movieName]
    }

}

function checkCookie(){
	
	if(document.cookie){
	 	return document.cookie;
	}	
	
}

window.onload = function(){

	var whole_cookie = readCookie("items_shop");
//	alert(whole_cookie)
//	callExternalInterface(whole_cookie);

};

function flashLoaded(){
	
	var whole_cookie = readCookie("items_shop");
	//alert(whole_cookie)
	callExternalInterface(whole_cookie);	
	
}

//------------------------------------------------------------------------------------------------------


//------------------------------------------------------------------------------------------------------
function alertFromFlash(i){
	//alert("hello");
	alert("alertFromFlash = "+i)
}

function alertFrom(){
	//alert("hello");
	document.getElementById("content").innerHTML = "hello";
}

//setDetail()