<!--
No3 = (parseInt(navigator.appVersion) > 3) ? 1:0;
layer = (document.all && No3) ? "document.all['L'+menu].style" : (document.layers && No3) ? "document.layers['L'+menu]" : 0;
var timer;

function Show() { if(layer) {
	if(timer) clearTimeout(timer);
	for(menu=0; menu<Layer.length; menu++) { if(Layer[menu]) { eval(layer).visibility = "hidden"; } }
	for(i=0; i<arguments.length; i++) { menu=arguments[i]; eval(layer).visibility = "visible"; }
} }
function Hide() { timer = setTimeout("Show()", 500); }
//-->


<!-- 

//////////////////////////////////////////////////////

	hovercolor   = "#FFFFFF";	// color name/code
	bgcolor      = "#FFFFFF";	// color name/code
	background   = "";			// picture url
	
	menu_border  = 0;			// IE only
	border_color = "#000000";	// IE only
	
	arrow_pic    = "arrow2a.jpg"; // url of arrow picture for submenus

//////////////////////////////////////////////////////


if(document.all) { if(!background) { background=bgcolor; } else { background = "url("+background+")"; } }

function LayerSpecs(Left,Top,Width) { if(No3) {
	if(document.all) { Top+=7; Left+=2; Width-=6; }
	this.left  = Left;
	this.top   = Top;
	this.info  = "";
	T=0;
	for(i=3; i<arguments.length; i++) {
		if(document.all) { this.info += "<TR><TD WIDTH="+Width+" onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\"\"'>"+arguments[i]+"</TD></TR>"; }
		else { this.info += "<LAYER onMouseOver='this.bgColor=\""+hovercolor+"\"' onMouseOut='this.bgColor=\""+bgcolor+"\"' WIDTH="+Width+" POSITION=RELATIVE TOP="+T+">&nbsp;"+arguments[i]+"</LAYER>"; }
		T+=20;
	}
} }

Layer = new Array();
arrow = "<IMG SRC='"+arrow_pic+"' WIDTH=6 HEIGHT=10 BORDER=0 ALT=''>";


//////////////////////////////////////////////

/*	Create Your layers below by typing:
	 Layer[incrementing number] = new LayerSpecs(Left Position, Top Position, Width, List of Links Seperated by Commas)
	 If a layer has a sublayer, add onMouseOver="Show(Layer Number to Open, Current Layer, Any Layers Opened before the current layer (seperated by commas)
*/

Layer[1] =	new LayerSpecs(455,45,290,
'<A   class="tt">THE BACKGROUND</A>',
'<A   class="tt">The Philosophy of Kathakali</A>',
'<A   class="ee">D. Appukuttan Nair</A>',
'<A   class="tt">A Three-Dimensional Poetic Art </A>',
'<A   class="ee">D. Appukuttan Nair</A>',
'<A   class="tt">Textual Sources for Performances</A>',
'<A   class="ee">K. Ayyappa Paniker</A>',
'<A   class="tt">Patrons, Troupes, and Performers</A>',
'<A   class="ee">Chitra Panikkar</A>',
'<A   class="tt">Major Kathakali Institutes</A>',
'<A   class="tt">Kerala Kalamandalam</A>',
'<A   class="ee">Olappamanna Subrahmanian Nambudirippad </A>',
'<A   class="tt">Margi: An Art Resource Centre</A>',
'<A   class="ee">G.S. Warrier</A>',
'<A   class="tt">Initiation and Training</A>',
'<A   class="ee">Kalamandalam Padmanabhan Nair</A>',
'<A   class="tt">THE PERFORMANCE</A>',
'<A   class="tt">A Visual Representation of </A>',
'<A   class="tt">the Structure of a Typical Performance</A>',
'<A   class="tt">An Introduction to Abhinaya </A>',
'<A   class="ee">Kalamandalam Ramankutty Nair</A>',
'<A   class="tt">The Visual Dimension </A>',
'<A   class="tt">     Aharyabhinaya</A>',
'<A   class="ee">     Kalamandalam Govinda Warrier</A>',
'<A   class="tt">     Angikabhinaya</A>',
'<A   class="ee">     Kalamandalam Gopi</A>',
'<A   class="tt">The Auditive Dimension  </A>',
'<A   class="tt">     Music </A>',
'<A   class="ee">     Kalamandalam Gangadharan</A>',
'<A   class="tt">Rhythmics</A>',
'<A   class="ee">Chandra Mannadiar</A>',
'<A   class="tt">Sattwikabhinaya</A>',
'<A   class="ee">Sudha Gopalakrishnan</A>',
'<A   class="tt">Rasabhinaya</A>',
'<A   class="ee">D. Appukuttan Nair</A>',
'<A   class="tt">DRAMATIC VIGNETTES</A>',
'<A   class="tt">Excerpts from Performances</A>',
'<A   class="tt">Glossary and List of Technical Terms</A>'
);


////////////////////////////////////////////////////////////////

j = (Layer[0]) ? 0:1;

for(i=j; i<Layer.length; i++) {
	if(document.all && No3) { document.write("<SPAN onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' STYLE='position:absolute; visibility:hidden; background:"+background+"; top:"+Layer[i].top+"; left:"+Layer[i].left+";'><TABLE STYLE='border:solid "+menu_border+" "+border_color+"'>"+Layer[i].info+"</TABLE></SPAN>"); }
	else if(document.layers && No3) { document.write("<LAYER onMouseOver='clearTimeout(timer)' onMouseOut='Hide("+i+")' ID='L"+i+"' POSITION=ABSOLUTE VISIBILITY=HIDDEN BGCOLOR='"+bgcolor+"' BACKGROUND='"+background+"' TOP="+Layer[i].top+" LEFT="+Layer[i].left+">"+Layer[i].info+"</LAYER>"); }
}

//if(document.all) { document.all["menubar"].style.visibility = "visible"; }
//else if(document.layers) { document.layers["menubar"].visibility = "visible"; }

// -->


