var myJS = {

	isDOMready: false,
	isWindowLoaded: false,

	writeFlash: function() {
	if(typeof UFO != 'object') return;

		var requiredMajorVersion = 7;
		var requiredRevision = 63;

		var FO = {

			movie:"menu_v2.swf",
			flashvars:myJS.writeVars(),
			menu:"false",
			width:"775",
			height:"590",
			align:"middle",
			id:"tutorial",
			quality:"high",
			bgcolor:"#eeeeee",
			name:"tutorial",
			allowScriptAccess:"sameDomain",
			majorversion:requiredMajorVersion,
			build:requiredRevision
		};

		UFO.create(FO, 'replace');
	},

	writeVars: function() {
	if(typeof UFO != 'object') return;

		var sWidth = self.screen.width;
		var sHeight = self.screen.height;

		UFO.getFlashVersion();

		var fvMajor = UFO.fv[0];
		var fvRevision = UFO.fv[1];

		queryString = queryString.replace(/&/g, '\x26');
		return queryString+'\x26swidth='+sWidth+'\x26sheight='+sHeight+'\x26fmajor='+fvMajor+'\x26frevision='+fvRevision+'\x26';
	},

	setActiveStyleSheet: function(title) {
		var i, a;
		for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
		if(a.getAttribute("rel").indexOf("style") != -1
		&& a.getAttribute("title")) {
		a.disabled = true;
		if(a.getAttribute("title") == title) a.disabled = false;
		}
		}
	},

	getActiveStyleSheet: function() {
		var i, a;
		for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
		if(a.getAttribute("rel").indexOf("style") != -1
		&& a.getAttribute("title")
		&& !a.disabled) return a.getAttribute("title");
		}
		return null;
	},

	switchStyle: function(isFirstRun) {

		var myWidth = Window.getWidth();
		var myHeight = Window.getHeight();

		if(
			(myHeight > 590 && myWidth > 775)
			&& (myJS.getActiveStyleSheet() != 'center' || isFirstRun)

			){

			myJS.setActiveStyleSheet('center');
			myJS.fixSafari('center');


		} else if(

			(myHeight <= 590 || myWidth <= 775) 
			&& (myJS.getActiveStyleSheet() != 'basic' || isFirstRun)

			){

			myJS.setActiveStyleSheet('basic');
			myJS.fixSafari('basic');
		}
	},

	fixSafari: function(styleSheet) {
	
		contentNode = document.getElementById('content');
		if (/WebKit/i.test(navigator.userAgent) && contentNode) {
		
			// Safari 2.0.4 bug: 
			// margin-top not disabled

			switch (styleSheet) {
			case 'center':
			
				contentNode.style.marginTop = "-295px";
				contentNode.style.marginLeft = "-387px";
				contentNode.style.position = "absolute";
				contentNode.style.top = "49.9%";
				contentNode.style.left = "49.9%";


			break;
			case 'basic':
			
				contentNode.style.marginTop = "0";
				contentNode.style.marginLeft = "0";
				contentNode.style.position = "absolute";
				contentNode.style.top = "0";
				contentNode.style.left = "0";
			
			break;
			}
		}
	},

	init: function() {

		var W3CDOM = (document.createElement && document.getElementsByTagName);
		if (!W3CDOM) return; // Safari 1.0.3 for Mac OS X Jaguar (10.2.8) returns

		myJS.switchStyle(true);
		myJS.writeFlash();
	}
}

// Mootools:
// Element.Event
// Window.DomReady
// Window.Size

window.addEvent('domready', function(){ 
myJS.isDOMready = true;
myJS.init();
});

window.addEvent('load', function(){ 
myJS.isWindowLoaded = true;
});

window.addEvent('resize', function(){ 
myJS.switchStyle(false);
});