var debug = false;
    var cgbk = 0;
    var prbk = 1;
  	var gcbk = 2;
    var cibk = 3;
    var scbk = 4;
	var curset = 0;
	var curbook=0;
    var books = ["40","41","43","44","42"];
    var arrows = ["prevbtn","nextbtn"];
    var numlist ="0123456789";
	var xscene = 0;
	var gotscene=false;
	var locstub="";
	var debug=false;
    	        
    function orderThisCard(who) {
    	if (gotscene) 
    		window.location.href="http://services.ccagroup.co.uk/upbin/oformc.exe?4SX"+pobs[xscene][1]+"&"+who;
		else if (curset == 0)
			window.location.href="http://services.ccagroup.co.uk/upbin/oformc.exe?&"+who;
		else
			window.location.href="http://services.ccagroup.co.uk/upbin/oformc.exe?"+pgdesigns[curbook][curset][0]+"&"+who;
	}
	        
    	        
	function menuSet(book,srcdir) {
		curset = document.pickerForm.setSelector.selectedIndex;
		setCard(true,book,srcdir);
		return;
	}

    function doArw(arr,what,book) {
		switch(what) {
    		case 1: // over
    			if (arr==0) MM_swapImage('prevbtn','','btn/arrlefton.gif',1); else 
   							MM_swapImage('nextbtn','','btn/arrrighton.gif',1);
    			break;
    		case 2: // down
    			break;
    		case 3: // up
				if (arr==0) curset--; else curset++;
				if (curset<0) curset=pgdesigns[book].length-1;
				if (curset>=pgdesigns[book].length) curset=0;
    			break;
    		case 4: // out
   					MM_swapImgRestore();
    			break;
	    }
	    return;
    }
    
    function cardSub(desc) {
    	var newdesc = "";
    	var start=0;
    	while (start < desc.length && (pos = desc.indexOf('$',start)) >= 0) {
    		newdesc+=desc.substr(start,pos-start);
    		pos++; //skip $
    		idx="";
    		while (pos<desc.length && numlist.indexOf(desc.charAt(pos)) >=0) idx+=desc.charAt(pos++); //get index
    		newdesc+=pgdescr[parseInt(idx)];
    		start=pos;
    	}
    	newdesc+=desc.substr(start,desc.length-start);
   		return newdesc;
    }
    
    function makeCardDesc() {
    	var newdesc='';
    	if (pgdesigns[curbook][curset][2]>=0) 
    		newdesc='<strong>'+pgdesigns[curbook][curset][0]+'</strong> '+pgsizes[pgdesigns[curbook][curset][2]]+'<br>';
    	if (pgoptions[curbook].length >= curset && pgoptions[curbook][curset] != undefined)
    		newdesc+=pgoptions[curbook][curset][1]+'<br><strong>'+pgoptions[curbook][curset][0]+'</strong>'+pgsizes[pgoptions[curbook][curset][2]]+'<br>';
    	newdesc+=cardSub(pgdesigns[curbook][curset][4])+'<br><br><i>'+cardSub(pgdesigns[curbook][curset][5])+'</i>';
   
   		if (pgsolist.indexOf(pgdesigns[curbook][curset][0]) >=0) newdesc+='<br><font color="#CC0000">SORRY - SOLD OUT</font>';
   
    	return newdesc;
    }
    
    function setCard(doSet,book,srcdir) {
    	soloc="/";
    	//if (pgsolist.indexOf(pgdesigns[book][curset][0]) >=0) soloc="so/";
 		document.images['cardim'].src= srcdir+books[book]+"images"+soloc+pgdesigns[book][curset][0].toLowerCase() +".jpg";    			
		if (doSet) {
	  		if (curset==0) ctitle = "&quot;"+pgdesigns[book][curset][1]+"&quot;"; else ctitle = pgdesigns[book][curset][1];
			document.getElementById('dtitle').innerHTML=ctitle;
            document.getElementById('dbody').innerHTML=makeCardDesc();
		}
		if (curset==0 || pgsolist.indexOf(pgdesigns[book][curset][0]) >=0) document.getElementById('order').innerHTML='&nbsp;';
		else document.getElementById('order').innerHTML='<a href="javascript:orderThisCard(\'whsmith\')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'orderthis\',\'\',\'btn/ordethison.gif\',1)"><img src="btn/orderthisoff.gif" alt="Order This Card" name="orderthis" width="90" height="20" border="0"><\/a>';
		document.pickerForm.setSelector.selectedIndex=curset;
    	return;
    }
    
    function StartPage(what,book,srcdir) { 	
    	var pos = document.URL.indexOf('#');
    	if ( pos >= 0) {
    		curset = eval(document.URL.substr(pos+1,document.URL.length-pos-1));
	  		if (curset < 0) curset = 0; // set bottom
			if (curset >= pgdesigns[book].length) curset = pgdesigns[book].length-1; // set top
  		}
  		switch (what) {
	  		case 1:
	  			soloc="/";
    			//if (pgsolist.indexOf(pgdesigns[book][curset][0]) >=0) soloc="so/";
	  	    	document.write('<img name="cardim" src="'+srcdir+books[book]+'images'+soloc+pgdesigns[book][curset][0].toLowerCase() +'.jpg" width="313" height="356" align="bottom" alt="Card">');
				break;
	  		case 4:
	  			if (curset==0) ctitle = "&quot;"+pgdesigns[book][curset][1]+"&quot;"; else ctitle = pgdesigns[book][curset][1];
	  	    	document.write('<tr><td align="center"><span id="dtitle" class="productheader">'+ctitle+'</span></td></tr>');
                document.write('<tr height="100%"><td valign="top" ><span id="dbody" class="productdesc">'+makeCardDesc()+'</span></td></tr>');
				break;
				
			case 5:
				if (curset==0 || pgsolist.indexOf(pgdesigns[book][curset][0]) >=0) document.write('&nbsp;');
				else document.write('<a href="javascript:orderThisCard(\'whsmith\')" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage(\'orderthis\',\'\',\'btn/ordethison.gif\',1)"><img src="btn/orderthisoff.gif" alt="Order This Card" name="orderthis" width="90" height="20" border="0"><\/a>');
				break;
		}	
  	    return;
    }

    function makeMenu(which,menuName,prefix,book,srcdir) {
    	var pos = document.URL.indexOf('#');
    	if ( pos >= 0) {
    		curset = eval(document.URL.substr(pos+1,document.URL.length-pos-1));
	  		if (curset < 0) curset = 0; // set bottom
			if (curset >= pgdesigns[book].length) curset = pgdesigns[book].length-1; // set top
  		}
    	document.write('<select name="'+menuName+'" onChange="menuSet('+book+',\''+srcdir+'\')">');
    	for (c=0;c<pgdesigns[book].length;c++) {//>
    		if (c==0) setName = prefix+'"'+pgdesigns[book][c][1]+'"'; else setName = pgdesigns[book][c][1];
    		if (curset == c) document.write('<option selected>'+setName+'</option>');    
    		else document.write('<option>'+setName+'</option>');
    	}
    	document.write('</select>');
    	document.pickerForm.setSelector.selectedIndex=curset;
    	return;
    }
    
    function getSelection(menu,code) {
     	if ( debug || window.location.href.indexOf('services') != -1) locstub = 'http://services.ccagroup.co.uk/htbin/whsxservices?';
    	if (menu && document.sceneForm.localeMenu.selectedIndex>0)
    		window.location.href=locstub+"scenicextra.html#menu="+String(document.sceneForm.localeMenu.selectedIndex-1);
    	else if (!menu && (code==13 || code==10) && document.sceneForm.localeSearch.value.length >0)
    		window.location.href=locstub+"scenicextra.html#srch="+document.sceneForm.localeSearch.value;
    	return false;
    }
    
    function sceneSelector() {
    	document.writeln('<form name="sceneForm" method="post" action="" onsubmit="return false;">');
    	document.writeln('<tr><td align="left" class="productdesc"><strong><em>Extra Scenes<\/em><\/strong>: Select an area below;<br>');
    	document.write('<select name="localeMenu" onChange="getSelection(true)">');
    	document.write('<option selected>&lt;Choose an area&gt;<\/option>');
    	document.write('<option>In Stock Scenes<\/option>');
    	for (c=0;c<locale.length;c++) {//>
			document.write('<option>'+locale[c]+'<\/option>');
    	}
    	document.write('<\/select><br>');
		document.write('or enter a word to search for;<br><input type="text" name="localeSearch" width="18" display="20" onkeyup="return getSelection(false,event.which)"><\/td><\/tr>');    	
    	document.write('<\/form>');
    }

	function sceneChoice() {
		gotscene = true;
		var imag = "";
    	var pos = document.URL.indexOf('#');
		if ( pos >= 0) { 
    		param=document.URL.substr(pos+1,document.URL.length-pos-1);
    		which=param.split('=');
    		if (which.length>=2 && which[0]=="desn") imag=which[1];
    	}
    	xscene=0;
    	while (xscene<pobs.length && pobs[xscene][1] != imag) xscene++;
    	if (xscene>=pobs.length) xscene=0;
		document.write('<div align="center"><span class="productheader">'+pobs[xscene][4]+'<\/span><br>');
       	document.write('<span class="productdesc"><strong>4SX'+pobs[xscene][1]+'<\/strong>&nbsp;&nbsp;&nbsp;'+(pobs[xscene][3]==3?'203 x 149mm':'149 x 203mm')+'</span></div>');
	}
	
	function sceneImage() {
		document.write('<img src="../pob/thumbs/'+pobs[xscene][1]+'thumb.jpg" alt="4SX'+pobs[xscene][1]+'">');
	}

	
	function selectScenes() {
		var width=6;
		var stockHeader='<td colspan="'+String(width)+'" class="productdesc" style="background-color: #E9DBC1;">In-stock designs<\/td><\/tr><tr>';
		var doneHeader=false;
		var found=false;
		var locnum=-1;
		var loc = -1;
		var lnum=0;
		var srch="";
	
		if ( debug || window.location.href.indexOf('services') != -1) locstub = 'http://services.ccagroup.co.uk/htbin/whsxservices?';

		var noScene = '<td align="center" class="productdesc">Your selection matched no scenes<br>Try searching by area or select another search word.<br><a href="'+locstub+'sceniccollection.html">Search again<\/a><\/td>';
    	var pos = document.URL.indexOf('#');
		document.write('<table class="subtext" align="center"><tr>');

    	if ( pos >= 0) { 
    		param=document.URL.substr(pos+1,document.URL.length-pos-1);
    		which=param.split('=');
    		if (which.length>=2) {
				if (which[0]=="menu") locnum=eval(which[1]);
				if (which[0]=="srch") srch=which[1].toLowerCase();
				
				for (i=0;i<pobs.length;i++) {
					if (pobs[i][2] != 0 && (locnum==0 || (srch!="" && (pobs[i][4].toLowerCase().indexOf(srch) !=-1 || pobs[i][1].toLowerCase().indexOf(srch) !=-1)))) {
						if (!doneHeader) { document.write(stockHeader); doneHeader = true; }
						document.write('<td width="'+String(100/width)+'%"><a href="'+locstub+'sceniccollection.html#'+pobs[i][2]+'"><img src="../pob/stock/4sc'+pobs[i][1]+'.jpg" alt="'+pobs[i][1]+'" border="0"><br>4SC'+pobs[i][1]+
							'<\/a> <span style="color: #C00000;">IN STOCK<\/span><br>'+pobs[i][4]+'<\/td>');
						found=true;
						if (++lnum % width == 0) document.write('<\/tr><tr>');
					}
				}
				locnum--;
				for (i=0;i<pobs.length;i++) {
					if (pobs[i][0]==locnum || (srch!="" && (pobs[i][4].toLowerCase().indexOf(srch) !=-1 || locale[pobs[i][0]].toLowerCase().indexOf(srch) !=-1 || pobs[i][1].toLowerCase().indexOf(srch) !=-1))) {
						if (pobs[i][0] != loc) {document.write('<\/tr><tr><td colspan="'+String(width)+'" class="productdesc" style="background-color: #E9DBC1;">'+locale[pobs[i][0]]+'<\/td><\/tr><tr>');loc=pobs[i][0];lnum=0}
						if (pobs[i][2] == 0) document.write('<td width="'+String(100/width)+'%"><a href="'+locstub+'scenicchoice.html#desn='+pobs[i][1]+'"><img src="../pob/thumbs/'+pobs[i][1]+'thumb.jpg" alt="4SX'+pobs[i][1]+'" border="0"><br>4SX'+pobs[i][1]+'<\/a><br>'+pobs[i][4]+'<\/td>');
						else document.write('<td width="'+String(100/width)+'%"><a href="'+locstub+'sceniccollection.html#'+pobs[i][2]+'"><img src="../pob/stock/4sc'+pobs[i][1]+'.jpg" alt="'+pobs[i][1]+'" border="0"><br>4SC'+pobs[i][1]+
							'<\/a> <span style="color: #C00000;">IN STOCK<\/span><br>'+pobs[i][4]+'<\/td>');
						found=true;
						if (++lnum % width == 0) document.write('<\/tr><tr>');
					}
				}
			}
		}	
		if (!found) document.write(noScene);
		else document.write('<\/tr><tr><td colspan="'+String(width)+'" class="productdesc" style="background-color: #E9DBC1;"><a href="'+locstub+'sceniccollection.html">Search again</a></td>');
		document.write('<\/tr><\/table>');
	}