// Change this variable as soon as the system is migrated
// baseurl = "/";

No3 = (parseInt(navigator.appVersion) > 3) ? 1 : 0;

if (navigator.userAgent == "Mozilla/4.0 (compatible; MSIE 4.5; Mac_PowerPC)") { 
    No3 = 0; 
}

layer = (document.all && No3) ? 
    "document.all['L'+menu].style" : 
    (document.layers && No3) ? 
    "document.layers['L'+menu]" : 
    (document.getElementById) ?
    "document.getElementById('L'+menu).style" : 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   = "#FFCC33";	// color name/code
bgcolor      = "#FFFFEE";	// color name/code
background   = "";			// picture url
menu_border  = "1px";			// IE only
border_color = "#333366";	// IE only
arrow_pic    = "arrow.gif"; // 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) { 
	    this.left = Left-0;
	    this.top  = Top-0;
	    this.width = Width;
	} else {
	   this.left  = Left;
	   this.top   = Top;
	   this.width = Width;
	}
	this.info = "";
	T=0;
	for (i = 3; i < arguments.length; i++) {
	    if(document.all || document.getElementById) {
		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;&nbsp;" +
		    arguments[i]+"</LAYER>";
	    }
	    T+=20;
	}
    } 
}

Layer = new Array();
arrow = "<IMG SRC='" + arrow_pic + "' 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 (separated by commas)
*/

Layer[1] =	new LayerSpecs(4,105,130,
			'<A HREF="cont_el.html" CLASS="PopUpMenu">Επικοινωνία</A> ',
			'<A HREF="jo_el.html" CLASS="PopUpMenu">Ευκαιρίες Καριέρας</A> ',
			'<A HREF="stdetail_el.html" CLASS="PopUpMenu">Βιογραφικά προσωπικού</A> ',
			'<A HREF="norigin_el.html" CLASS="PopUpMenu">Προέλευση και ιστορικό<br> ονόματος</A> '
);

Layer[2] =	new LayerSpecs(120,105,120,
			'<A HREF="os_el.html" CLASS="PopUpMenu">Λειτουργικά Συστήματα</A> ',
			'<A HREF="hw_el.html" CLASS="PopUpMenu">Υλικό</A> ',
			'<A HREF="net_el.html" CLASS="PopUpMenu">Δίκτυα</A> ',
			'<A HREF="app_el.html" CLASS="PopUpMenu">Λογισμικό εφαρμογών</A> ',
			'<A HREF="other_el.html" CLASS="PopUpMenu">ΕΑΦΔΣΣ - Ταμειακές</A> '
);

Layer[3] = new LayerSpecs(214,105,160,
			  '<A HREF="supp_el.html" CLASS="PopUpMenu">Υποστήριξη</A> ',
			  '<NOBR><A HREF="nettest_el.html" CLASS="PopUpMenu">Μετρήσεις και δοκιμές δικτύων</A> ',
			  '<A HREF="netsec_el.html" CLASS="PopUpMenu">Ασφάλεια δικτύων</A>',
			  '<A HREF="outsrc_el.html" CLASS="PopUpMenu">Outsourcing</A> ',
			  '<A HREF="crshrec_el.html" CLASS="PopUpMenu">Διάσωση δεδομένων</A> ',
			  '<A HREF="parad1_el.html" CLASS="PopUpMenu">Σύντομο παράδειγμα 1</A> ',
			  '<A HREF="parad2_el.html" CLASS="PopUpMenu">Σύντομο παράδειγμα 2</A> '
);

Layer[4] = new LayerSpecs(310,105,155,
			  '<A HREF="tourent_el.html" CLASS="PopUpMenu">Τουριστικές επιχειρήσεις</A> ',
			  '<A HREF="healthorgs_el.html" CLASS="PopUpMenu">Οργανισμοί Υγείας</A> ',
			  '<A HREF="hotels_el.html" CLASS="PopUpMenu">Ξενοδοχειακές εγκαταστάσεις</A> '
);

Layer[5] = new LayerSpecs(435,105,150,
			  '<A HREF="voipfaqel.html" CLASS="PopUpMenu">ΣΘΕ - VoIP</A> ',
			  '<A HREF="easybkpfaqel.html" CLASS="PopUpMenu">ΣΘΕ - EasyBackup</A> '

);

j = (Layer[0]) ? 0 : 1;

for (i = j; i < Layer.length; i++) {
    if (document.getElementById || document.all && No3) { 
	document.write("<DIV onMouseOver='clearTimeout(timer)' " +
		       "onMouseOut='Hide(" + i + ")' ID='L" +
		       i + "' STYLE='position:absolute; visibility:hidden; " +
		       "background-color: " + bgcolor + "; top:" + Layer[i].top +
		       "; left:" + Layer[i].left + 
		       "; width: "+Layer[i].width+";'><TABLE CLASS='nav' STYLE='border:solid " + 
		       menu_border + " " + border_color + "'>" + Layer[i].info +
		       "</TABLE></DIV>");
    } 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>"); 
    }
}