/////////////////////////////////////////////////////////////////
ns4 = (document.layers) ? true : false;
ie4 = (document.all && !document.getElementById) ? true : false;
ie5 = (document.all && document.getElementById) ? true : false;
n6 = (!document.all && document.getElementById) ? true : false;
var winW = 0;
var winH = 0;
/////////////////////////////////////////////////////////////////
function centercards(cardct){
	winW=(ns4 || n6)? innerWidth : document.body.offsetWidth-20;
	winH=(ns4 || n6) ? innerHeight : document.body.offsetHeight-4;
	for (i=1;i<=cardct;i++){ eval("centerdiv(\"card"+i+"\","+winW+","+winH+");"); }
	show("card1");
}
/////////////////////////////////////////////////////////////////
function movediv(id,x,y){
	obj = getobj(id);
	if (ns4 || n6) { obj.style.top = y; obj.style.left = x; } 
	else { obj.style.pixelTop = y; obj.style.pixelLeft = x; }
}
/////////////////////////////////////////////////////////////////
function centerdiv(id,w,h){
	obj = getobj(id);
	if (ns4 || n6) { divW = obj.clip.width; } 
	else { divW = obj.clientWidth; }

	newx = (w/2) - (divW/2);
	newy = 260;
	movediv(id,newx,newy);
}
/////////////////////////////////////////////////////////////////
function getobj(thing) {
	obj = (ie4) ? document.all[thing] : document.getElementById(thing);
	return obj;
}
/////////////////////////////////////////////////////////////////
function show(id) {	obj = (ie4) ? document.all[id] : document.getElementById(id);	obj.style.visibility = "visible";}
function hide(id) {	obj = (ie4) ? document.all[id] : document.getElementById(id);	obj.style.visibility = "hidden";}



  var rolloverOnImage = new Array();
  rolloverOnImage[0] = new Image;
  rolloverOnImage[0].src = "pix/sub-shell-clams-roll.gif";
  rolloverOnImage[1] = new Image;
  rolloverOnImage[1].src = "pix/sub-shell-clams-grey.gif";
  rolloverOnImage[2] = new Image;
  rolloverOnImage[2].src = "pix/sub-shell-mussels-roll.gif";
  rolloverOnImage[3] = new Image;
  rolloverOnImage[3].src = "pix/sub-shell-mussels-grey.gif";
  rolloverOnImage[4] = new Image;
  rolloverOnImage[4].src = "pix/sub-shell-scallops-roll.gif";
  rolloverOnImage[5] = new Image;
  rolloverOnImage[5].src = "pix/sub-shell-scallops-grey.gif";
  rolloverOnImage[6] = new Image;
  rolloverOnImage[6].src = "pix/sub-shell-crab-roll.gif";
  rolloverOnImage[7] = new Image;
  rolloverOnImage[7].src = "pix/sub-shell-crab-grey.gif";
  rolloverOnImage[8] = new Image;
  rolloverOnImage[8].src = "pix/sub-shell-calamari-roll.gif";
  rolloverOnImage[9] = new Image;
  rolloverOnImage[9].src = "pix/sub-shell-calamari-grey.gif";
  rolloverOnImage[10] = new Image;
  rolloverOnImage[10].src = "pix/sub-shell-octopus-roll.gif";
  rolloverOnImage[11] = new Image;
  rolloverOnImage[11].src = "pix/sub-shell-octopus-grey.gif";
  
  rolloverOnImage[12] = new Image;
  rolloverOnImage[12].src = "pix/tab-shellfish-on.gif";
  rolloverOnImage[13] = new Image;
  rolloverOnImage[13].src = "pix/tab-shellfish-off.gif";
  rolloverOnImage[14] = new Image;
  rolloverOnImage[14].src = "pix/tab-shellfish-select.gif";
  
  rolloverOnImage[15] = new Image;
  rolloverOnImage[15].src = "pix/tab-finfish-on.gif";
  rolloverOnImage[16] = new Image;
  rolloverOnImage[16].src = "pix/tab-finfish-off.gif";
  rolloverOnImage[17] = new Image;
  rolloverOnImage[17].src = "pix/tab-finfish-select.gif";
  
  rolloverOnImage[18] = new Image;
  rolloverOnImage[18].src = "pix/tab-value-on.gif";
  rolloverOnImage[19] = new Image;
  rolloverOnImage[19].src = "pix/tab-value-off.gif";
  rolloverOnImage[20] = new Image;
  rolloverOnImage[[20]].src = "pix/tab-value-select.gif";