/*
navigation.js
version 2.0
created 20-02-2003 oBu
edited for ariel.uk: dhtml-navigation

last edited 12-05-2005 dg

rebuilt for sib

generates navigation
requires navigation_params.js
requires navigation_contros.js
*/
/*
this script generates the navigation in the actual pages
the params-file contains the relevant elements, while this script handles the display by writing the tables etc into the file.
Change look+feel here, change content in navigation_params.html!!
*/

// layer-controlling funktions

// determine language:
	
var lang=document.location.href;

lang="en";
position=getNavPosition();

prim=position[1];
sec=position[2];
terz=position[3];
quart=position[4];
quint=position[5];
hex=position[6];
pathPre=position[7];


if (pathPre=="") {
	pathPre="../";
}

var pEC=0;
var sEC=0;

// write head 
var headString="";
headString+="<table border=0 cellpadding=0 cellspacing=0 width=756><tr>";
headString+="<td rowspan=3><a href=\"../../index.html\"><img src=\""+pathPre+"gfx/SIB_logo.jpg\" width=\"196\" height=\"140\" border=\"0\" alt=\"\"></a></td>";
headString+="<td><img src=\""+pathPre+"gfx/trans.gif\" width=\"1\" height=\"70\" border=\"0\" alt=\"\"></td>";
headString+="<td align=\"right\"><img src=\""+pathPre+"gfx/PG_logo.gif\" width=\"84\" height=\"36\" border=\"0\" alt=\"\"><img src=\""+pathPre+"gfx/trans.gif\" width=\"172\" height=\"1\" border=\"0\" alt=\"\"><img src=\""+pathPre+"gfx/PG_claim.gif\" width=\"168\" height=\"13\" border=\"0\" alt=\"\"></td>";
headString+="</tr><tr><td align=\"right\" bgcolor=\"0000cc\" width=\"560\" colspan=2>";
// begin prim nav

// write primary navigation points

//for (i=1; i<mpt.length; i++) {
for (i=1; i<8; i++) {
	headString+="<a href=\"";
	
	//url:
	if (pathPre=="../") {
		method=1;
	} else {
		method=2;
	}
	helper=mpt[i]['lnk'];
	urlString=getUrlString(method,helper);
	
	headString+=urlString;

	if (prim==i) {
		headString+="\" onMouseOver=\"primNav('"+i+"','a')\" onMouseOut=\"primNav('"+i+"','p')\"><img src=\""+pathPre+"but/nav"+i+"_a.gif\" height=\"28\" border=\"0\" alt=\"\" name=\"prim"+i+"\"></a>";
	} else {
		headString+="\" onMouseOver=\"primNav('"+i+"','a')\" onMouseOut=\"primNav('"+i+"','p')\"><img src=\""+pathPre+"but/nav"+i+"_p.gif\" height=\"28\" border=\"0\" alt=\"\" name=\"prim"+i+"\"></a>";

	}
	//if (i<(mpt.length-1)) {
	if (i<7) {
		headString+="<img src=\""+pathPre+"gfx/nav_line.gif\" width=\"1\" height=\"28\" border=\"0\" alt=\"\">";
	}
}

// end prim nav

headString+="</td></tr><tr><td><img src=\""+pathPre+"gfx/trans.gif\" width=\"1\" height=\"42\" border=\"0\" alt=\"\"></td></tr></table>";

//document.write(headString);

// vertical and horizontal navigation layer positions
var layPosY=98;
var layPosX=196;
var secNavWidth=560;

// generating of 2nd level navigation layers
navLayerString="";
for (i=1; i<mpt.length; i++) {

	if (prim==i) {
		navLayerString+="<div id=\"SecNav"+i+"\" style=\"position: absolute; visibility: visible; left: "+layPosX+"px; top: "+layPosY+"px; width: "+secNavWidth+"px\">";
	} else {
		navLayerString+="<div id=\"SecNav"+i+"\" style=\"position: absolute; visibility: hidden; left: "+layPosX+"px; top: "+layPosY+"px; width: "+secNavWidth+"px\">";
	}
	// check for displayable secondary navigation:
	display=0;
	if (mpt[i]) {
		mlength=mpt[i].length;
		for (j=1; j<mlength; j++) {
			if (mpt[i][j]) {
				if (mpt[i][j]['iin']=="yes") {
					display++;	
				}
			}
		}
	}
	if (display>0) {
		navLayerString+="<table border=0 cellpadding=0 cellspacing=0 width="+secNavWidth+" bgcolor=#ccffff>";

		if (i>5) {
			navLayerString+="<tr><td height=28 align=right style=\"padding-right:14px\"><table border=0 cellpadding=0 cellspacing=0><tr><td><img src=\""+pathPre+"gfx/trans.gif\" width=14 height=1 border=0 alt=\"\"></td>";

		} else {
			navLayerString+="<tr><td height=28><table border=0 cellpadding=0 cellspacing=0><tr><td><img src=\""+pathPre+"gfx/trans.gif\" width=14 height=1 border=0 alt=\"\"></td>";
		}
		
		
		for (j=1; j<mpt[i].length; j++) {
			// enter language suffix:
			//url:
			if (pathPre=="../") {
				method=1;
			} else {
				method=2;
			}
			helper=mpt[i][j]['lnk'];
			urlString=getUrlString(method,helper);
			
			navLayerString+="<td class=\"secNav\"><img src=\""+pathPre+"gfx/trans.gif\" width=3 height=1 border=0 alt=\"\"><a href=\""+urlString+"\" class=\"secNav\">"
			// highlight if actual point
			if (prim==i && sec==j) {
				navLayerString+="<b>"+mpt[i][j]['nme'+lang]+"</b>";
			} else {
				navLayerString+=mpt[i][j]['nme'+lang];
			}

			navLayerString+="</a></td>";
			if (mpt[i][j+1]) {
				if (mpt[i][j+1]['iin']=="yes"){
					navLayerString+="<td class=\"secNav\"><img src=\""+pathPre+"gfx/trans.gif\" width=2 height=1 border=0 alt=\"\">|<!--<td class=\"secNav\">--></td>";
				}
			} else {
				navLayerString+="";
			}
			
			
		}
		navLayerString+="</tr></table></td></tr>";
		navLayerString+="<tr><td bgcolor=#0000cc><img src=\""+pathPre+"gfx/trans.gif\" width=1 height=1 border=0 alt=\"\"></td></tr>";
		navLayerString+="</table>";
	}
	navLayerString+="</div>";
}

// manual preload:
navLayerString+="<div id=\"preloader\" style=\"position: absolute; visibility: hidden;\"><img scr=\"../but/nav1_p.gif\"><img scr=\"../but/nav2_a.gif\"><img scr=\"../but/nav3_a.gif\"><img scr=\"../but/nav4_a.gif\"><img scr=\"../but/nav5_a.gif\"><img scr=\"../but/nav6_a.gif\"><img scr=\"../but/nav7_a.gif\"></div>";

document.write(navLayerString);