var imgNum = 0;
   var iml="";
   var imr="";
   
function makeTable(p1,p2) { 
	
	var Pages = '';
	Pages += '<table align="left" cellpadding="0" cellspacing="0" border="0" width="438" height="275" bgcolor="#ccc08c" valign="center">';
	Pages += '<tr ><td colspan=2 align=center><font color="#695C49"><b>Click the Image to Enlarge</b></font></td></tr>';
	Pages += '<tr><td align="center" valign="center" >';
	Pages += '<IMG name="big" src = "images/book/small/' + p1 + '.jpg" height="250" width="207" border="0" Alt="Click to Enlarge" usemap="#big" style="cursor:hand" 	onclick="showLarge(1)"> <map name="big"> <area href="javascript:showLarge(1)" shape="default"> </map> </td>';
	if ( p2 == 'page32' )
	Pages += '<td align="center" valign="center" ><IMG name="big2" src = "images/book/small/' + p2 + '.jpg" height="250" width="207" border="0"> </td>';
	else
	Pages += '<td align="center" valign="center" ><IMG name="big2" src = "images/book/small/' + p2 + '.jpg" height="250" width="207" border="0" Alt="Click to Enlarge" usemap="#big" style="cursor:hand" 	onclick="showLarge(2)"> <map name="big"> <area href="javascript:showLarge(2)" shape="default"> </map> </td>';
	Pages += '</tr></table>';
	
	return Pages;	
}

var activeNavigation = null;
var activeProduct = null;
var timeoutId = 0;
var currentSection = "";
function showTable(idName,p2) {
	iml=idName;
	imr=p2;
	var element = '';
	if (activeProduct != null){
		element = returnDhtmlFeature(activeProduct);
		if (element) {
			element.visibility = changeElementVisibility(activeProduct, 'disable');
		
		}
	}
	if (validateArg(idName)) {
		activeProduct = idName;
		element = returnDhtmlFeature(activeProduct);
		if (element) {
			element.visibility = changeElementVisibility(activeProduct, 'enable');
		
		}
	}
}
function returnDhtmlFeature(arg) {
	var feature = null;
	if (document.all) { // IE 4/5
		feature = document.all(arg).style;
	}
	else if (document.layers) { // N4
		feature = document.layers[arg];
	}
	else if (document.getElementById) { // NS
		feature = document.getElementById(arg).style;
	}
	return feature;
}

function changeElementVisibility(idName, state) {  // change visibility of passed element
	var changeVisibilityTo = "";
	if (document.all ||  document.getElementById) { // IE & N7.1
		if (state == "enable" )
			 changeVisibilityTo = "visible";
		else changeVisibilityTo = "hidden";
	}
	else if (document.layers) { // N4
		if (state == "enable")
			 changeVisibilityTo = "show";
		else changeVisibilityTo = "hide";
	}
	return changeVisibilityTo;
}



function validateArg(arg) {  // get boolean values for function arguments
	if ((arg == "undefined") || (arg == null)) return false;
	else return true;
}