var debug = false;
    var album = 3; 
    	numcategories = 20;
    	searchType = "O";
  		rst  = 1;
	var locstub="";
  	
  		categories = new Array(numcategories+1);
  		for (i=0;i<=numcategories;i++) categories[i]=false;
  		 
	var cattitles =
	["",
	 "Traditional",        // 1
	 "Modern",             // 2
	 "Santa",              // 3
	 "Reindeer",           // 4 
	 "Moon &amp; Stars",   // 5
	 "Christmas Tree",     // 6
	 "International",      // 7
	 "Business",           // 8
	 "Snow &amp; Snowmen", // 9
	 "Foil &amp; Flitter", // 10
	 "Photographic",       // 11
	 "Gifts",              // 12
	 "Birds &amp; Animals",// 13
	 "Name on Front",      // 14
	 "Towns & Cities",     // 15
	 "Plants",             // 16
	 "Bespoke",            // 17
	 "Religious",          // 18
	 "Fine Art",		   // 19
	 "Humour"];            // 20


    function hiLiteImage(normal, hiLite) {
         document.images[normal].src = '../pgalbums/findericons/'+hiLite+'.gif';
         return;
    }

    function hiLiteRad(normal, hiLite) {
         document.images[normal].src = '../whsmithwedding/btn/'+hiLite+'.gif';
         return;
    }

    function rad(what) {
		switch(what) {
			case 1: // do right
				break;
			case 2: // over left
				if (rst == 1) hiLiteRad('rl','radon'); else hiLiteRad('rl','radon');
				break;
			case 3: // down left
				if (rst == 2) hiLiteRad('rl','radon');
				break;
			case 4: // up left
				if (rst == 2) {
					rst = 1;
					hiLiteRad('rr','radoff');
				}
				break;
			case 5: // out left
				if (rst == 1) hiLiteRad('rl','radon'); else hiLiteRad('rl','radoff');
				break;
			case 6: // do right 
				break;
			case 7: // over right
				if (rst == 2) hiLiteRad('rr','radon'); else hiLiteRad('rr','radon');
				break;
			case 8: // down right
				if (rst == 1) hiLiteRad('rr','radon');
				break;
			case 9: // up right
				if (rst == 1) {
					rst = 2;
					hiLiteRad('rl','radoff');
				}
				break;
			case 10: // out left
				if (rst == 2) hiLiteRad('rr','radon'); else hiLiteRad('rr','radoff');
				break;
		}
        return;
    }
    
    function setBorder(which,what) {
    	hiLiteImage('top'+String(which),what+'top');
    	hiLiteImage('left'+String(which),what+'left');
    	hiLiteImage('right'+String(which),what+'right');
    	hiLiteImage('bot'+String(which),what+'bot');
    	return;
    }
        
    function doButton(which,what) {
    	switch (what) {
		case 1: // over
			 if (categories[which]) {setBorder(which,'onhigh')} else {setBorder(which,'offhigh')};
		     break;
  
		case 2: // out
			 if (categories[which]) {setBorder(which,'on')} else {setBorder(which,'off')};
		     break;

 		case 3: // down
 			 setBorder(which,'onhigh');
		     break;

 		case 4: // up
			 if (categories[which]) {setBorder(which,'offhigh')} else {setBorder(which,'onhigh')};
			 categories[which] = !categories[which];
		    break;
		}
        return;
    }

    function ResetCards() {
    	for (i=1;i<=numcategories;i++) {
    		categories[i]=false;
			setBorder(i,'off');		
    	}
    	return;
    }

    function FindCards() {
    	if ( debug || window.location.href.indexOf('services') != -1) locstub = 'http://services.ccagroup.co.uk/htbin/whsxservices?';
    	thisSearch = "O";
    	if (rst == 2) thisSearch="A";
    	for (i=1;i<=numcategories;i++) {
    		if (categories[i])
				thisSearch=thisSearch+"!"+String(i);		
    	}
    	window.location=locstub+"pgcardlist.html#"+thisSearch;
    	return;
    }
                        
    function drawIcon(which) {	
        var icn = String(which);
    	document.write('<td align="center">');
    	document.write('<img src="../pgalbums/findericons/offtop.gif" width="60" height="9" border="0" hspace="0" vspace="0" name="top'+icn+'" alt="Top '+icn+'"><BR>');
        document.write('<img src="../pgalbums/findericons/offleft.gif" width="9" height="42" border="0" hspace="0" vspace="0" alt="Left '+icn+'" name="left'+icn+'">'); 
        document.write('<a href="javascript:void(0)" ONMOUSEOVER="doButton('+icn+',1)" ONMOUSEOUT="doButton('+icn+',2)" ONMOUSEDOWN="doButton('+icn+',3)" ONMOUSEUP="doButton('+icn+',4)">');
        document.write('<img src="../pgalbums/findericons/icon'+icn+'.gif" width="42" height="42" border="0"  hspace="0" vspace="0" alt="'+cattitles[which]+'"></a>');
        document.write('<img src="../pgalbums/findericons/offright.gif" width="9" height="42" border="0" hspace="0" vspace="0" alt="Right '+icn+'" name="right'+icn+'">');
        document.write('<BR><img src="../pgalbums/findericons/offbot.gif" width="60" height="9" border="0" hspace="0" vspace="0" name="bot'+icn+'" alt="Bot '+icn+'"><BR>');              
        document.write('<span class="subtext">'+cattitles[which]+'</span></td>');    
        return;     
     }