/* set up browser checks */

// check browsers
var ua		= navigator.userAgent;
var opera	= /opera [56789]|opera\/[56789]/i.test(ua);
var ie		= !opera && /msie [56789]/i.test(ua);		// preventing opera to be identified as ie
var moz		= !opera && /mozilla\/[56789]/i.test(ua);	// preventing opera to be identified as mz
/* end browser checks */

/* Do includes */
if (window.pathToRoot == null)
	pathToRoot = "";
if (ie)
	document.write('<script type="text/javascript" src="' + pathToRoot + 'js/cssexpr.js"><\/script>');
document.write('<link type="text/css" rel="StyleSheet" href="' + pathToRoot + 'webfxlayout.css">');
document.write('<link type="text/css" rel="StyleSheet" href="' + pathToRoot + 'css/xmenu.css"><\/script>');
document.write('<script type="text/javascript" src="' + pathToRoot + 'js/xmenu.js"><\/script>');
document.write('<script type="text/javascript" src="' + pathToRoot + 'js/info.js"><\/script>');
// later
webfxMenuImagePath = pathToRoot + "images/";
/* end includes */

webfxLayout = {
	writeTitle		:	function (s, s2) {
		document.write("<div id='webfx-title-background'></div>");
		if (opera) {
			document.write("<h1 id='webfx-title' style='top:9px;'>" + s + "</h1>");
		}
		else {
			document.write("<h1 id='webfx-title'>" + s + "</h1>");
		}
		if (s2 == null)
			s2 = "";
		if (opera) {
			document.write("<span id='webfx-sub-title' style='top:46px;'>" + s2 + "</span>");
		}
		else {
			document.write("<span id='webfx-sub-title'>" + s2 + "</span>");
		}
	},

	writeMainTitle	:	function () {
		this.writeTitle("SR Homepage", "Stefan R&ouml;thlisberger's Site");	
	},

	writeTopMenuBar		:	function () {
		document.write("<div id='webfx-menu-bar-1'></div>");
		if (opera) {
			document.write("<style>.webfx-menu-bar a {padding-top:3px;}</style>");
			document.write("<div id='webfx-menu-bar-2' style='height:2px;'></div>");
		}
		else
			document.write("<div id='webfx-menu-bar-2'></div>");
		document.write("<div id='webfx-menu-bar'>");// div is closed in writeBottomMenuBar
	},

	writeBottomMenuBar	:	function () {
		document.write("</div>");
		if (opera)
			document.write("<div id='webfx-menu-bar-3' style='height:0px;'></div>");
		else
			document.write("<div id='webfx-menu-bar-3'></div>");
		document.write("<div id='webfx-menu-bar-4'></div>");
		document.write("<div id='webfx-menu-bar-5'></div>");
	},

	writeMenu			:	function () {
		if (ie || moz || opera) {
			if (ie)
				simplifyCSSExpression();
				webfxMenuImagePath = pathToRoot + "images/";
				this.writeTopMenuBar();
// My Menu
				WebFXMenu.prototype.borderLeft		= 2;
				WebFXMenu.prototype.borderRight		= 2;
				WebFXMenu.prototype.borderTop		= 2;
				WebFXMenu.prototype.borderBottom	= 2;
				WebFXMenu.prototype.paddingLeft		= 1;
				WebFXMenu.prototype.paddingRight	= 1;
				WebFXMenu.prototype.paddingTop		= 1;
				WebFXMenu.prototype.paddingBottom	= 1;

				WebFXMenu.prototype.shadowLeft		= 0;
				WebFXMenu.prototype.shadowRight		= 0;
				WebFXMenu.prototype.shadowTop		= 0;
				WebFXMenu.prototype.shadowBottom	= 0;

				var myMenu0 = new WebFXMenu;
					myMenu0.add(new WebFXMenuItem("Reload Page", "javascript:void location.reload(\"index.html\")", "SR Site"));
					myMenu0.add(new WebFXMenuItem("Old Page", "javascript:void location.reload(\"/oldPage/index.html\")", "Stefan R&ouml;thlisbergers World"));
					myMenu0.add(new WebFXMenuSeparator());
					myMenu0.add(new WebFXMenuItem("New Window", "javascript:void window.open(\"index.html\", \"windowOrFrameName\")", "Neues Fenster"));
//-----------------------------------------------------------
				var myMenu1 = new WebFXMenu;
				myMenu1.add(new WebFXMenuItem("Dein Display", "javascript:bildschirm()", "Bildschirm"));
				myMenu1.add(new WebFXMenuItem("Deine Plugin", "javascript:plugin()", "Plugins"));
				myMenu1.add(new WebFXMenuSeparator());
				myMenu1.add(new WebFXMenuItem("Kalender", "javascript:kalender()", "Organizer"));
				myMenu1.add(new WebFXMenuSeparator());
				myMenu1.add(new WebFXMenuItem("About", "javascript:about()", "Über die Seite"));
				myMenu1.add(new WebFXMenuItem("Email", "mailto:home@s-roethlisberger.ch", "Sende mir deine Kritik"));
//-----------------------------------------------------------
				var myMenu2 = new WebFXMenu;
				var tmp;

				myMenu2.add(new WebFXMenuItem("Home", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")"));

				myMenu2.add(new WebFXMenuItem("Wer", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Wer bin ich?"));

				tmp = new WebFXMenu;
				tmp.add(new WebFXMenuItem("&Uuml;bersicht", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Overview"));
				tmp.add(new WebFXMenuItem("Bern", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Wohnort Bern"));
				tmp.add(new WebFXMenuItem("M&uuml;nsingen", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Aufgewachsen in.."));
				tmp.add(new WebFXMenuItem("Biel", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "4 Jahre in.."));
				tmp.add(new WebFXMenuItem("Thun", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "..Ausgang"));
				myMenu2.add(new WebFXMenuItem("Wo", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Meine Aufenhaltsorte", tmp));

				tmp = new WebFXMenu;
				tmp.add(new WebFXMenuItem("&Uuml;bersicht", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Overview"));
				tmp.add(new WebFXMenuItem("Friends", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "KollegenInnen"));
				tmp.add(new WebFXMenuItem("Computer", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Ein n&uuml;tzliches Hilfsmittel.."));
				tmp.add(new WebFXMenuItem("Vespa", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Mein Oldtimer.."));
				tmp.add(new WebFXMenuItem("Musik", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "..Entspannung"));
				tmp.add(new WebFXMenuItem("Energy", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "..Power"));
				myMenu2.add(new WebFXMenuItem("Hobby", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Meine Hobbys", tmp));

				tmp = new WebFXMenu;
				tmp.add(new WebFXMenuItem("&Uuml;bersicht", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Overview"));
				tmp.add(new WebFXMenuItem("Rollhockey", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "..die schnellste Manschaftssportart!"));
				tmp.add(new WebFXMenuItem("Eishockey", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Gladiators.."));
				tmp.add(new WebFXMenuItem("Snowboard", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Powder ahoi.."));
				tmp.add(new WebFXMenuItem("Squash", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "..bei schlechtem Wetter"));
				myMenu2.add(new WebFXMenuItem("Sport", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Sport", tmp));

				tmp = new WebFXMenu;
				tmp.add(new WebFXMenuItem("&Uuml;bersicht", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Overview"));
				tmp.add(new WebFXMenuItem("Lebenslauf", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Mein Werdegang"));
				tmp.add(new WebFXMenuItem("HTA Biel", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "4 Jahre meines Lebens.."));
				tmp.add(new WebFXMenuItem("Lehre", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Lehrzeit.."));
				tmp.add(new WebFXMenuItem("Projekte", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Diverse Projekte"));
				myMenu2.add(new WebFXMenuItem("Job", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Mein Beruf", tmp));

				myMenu2.add(new WebFXMenuItem("Fotos", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "Optische Impressionen"));

				myMenu2.add(new WebFXMenuItem("Links", "javascript:alert(\"Das Men&uuml; Sitemap dient nur der &Uuml;bersicht. Klicke auf die entsprechende Klappe...\")", "N&uuml;tzliche Links"));

//-----------------------------------------------------------
				var myBar = new WebFXMenuBar;
				myBar.add(new WebFXMenuButton("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SR Home", null, "Reload Page", myMenu0));
				myBar.add(new WebFXMenuButton("&nbsp;&nbsp;&nbsp;System Info", null, "Informationen &uuml;ber dein System", myMenu1));
				myBar.add(new WebFXMenuButton("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sitemap", null, "Meine Site im &Uuml;berblick", myMenu2));
				myBar.add(new WebFXMenuButton("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Search", "javascript:search()", "Suche.."));
//
				document.write(myBar);
//-----------------------------------------------------------
				this.writeBottomMenuBar();
		}
		else {
			document.write(
//				"<div id='webfx-menu-bar'>&nbsp;" +
//				"<a href='/'>Home</a> " +
//				"<a href='" + pathToRoot + "?action=sitemap'>Site Map</a> " +
//				"<a href='/webboard'>WebFX Webboard</a> " +
//				"</div>" +
				"<p class='warning' style='width: 500px'>" +
				"This site will look much better in a browser that supports " +
				"<a href='http://www.webstandards.org/upgrade/' " +
				"title='Download a browser that complies with Web standards.'>" +
				"web standards</a>, " +
				"but it is accessible to any browser or Internet device." +				
				"</p>"
			);
		}
	},

	writeDesignedByEdger	:	function () {
		if (ie && document.body.currentStyle && document.body.currentStyle.writingMode != null)
			// IE55+
			document.write("<div id='webfx-about'>Page designed by " +
					"<a href='mailto:home@s-roethlisberger.ch'>Stefan R&ouml;thlisberger</a>.</div>");
	}
};

if (ie && window.attachEvent) {
	window.attachEvent("onload", function () {
		var scrollBorderColor	=	"rgb(0,65,174)";
		var scrollFaceColor		=	"rgb(234,242,255)";
		with (document.body.style) {
			scrollbarDarkShadowColor	=	scrollBorderColor;
			scrollbar3dLightColor		=	scrollBorderColor;
			scrollbarArrowColor			=	"black";
			scrollbarBaseColor			=	scrollFaceColor;
			scrollbarFaceColor			=	scrollFaceColor;
			scrollbarHighlightColor		=	scrollFaceColor;
			scrollbarShadowColor		=	scrollFaceColor;
			scrollbarTrackColor			=	"white";
		}
	});


/* we also need some dummy constructors 
webfxMenuBar = {
	add : function () {
	}
};
function WebFXMenu() {
	this.add = function () {}
	}
function WebFXMenuItem() {}
function WebFXMenuSeparator() {}
function WebFXMenuButton() {}*/

}