/*
 * Stage methods
 */
var Stage = Class.create({
	items: null,
	navi: null,
	initialize: function() {
		var stage = this;
		
		this.items = $$("#stage li");
		this.navi = $$("#stageNavi li");
		
		this.navi.each(function(elem, _idx) {
			var item = stage.items[_idx];
			
			elem.observe("mouseover", function(evt) {
				stage.hideAll();
				item.addClassName("active");
				this.addClassName("active");
				
				Event.stop(evt);
			});
		});
		
		this.initialized = true;
	},
	hideAll: function() {
		this.items.each(function(elem) {
			elem.removeClassName("active");
		});
		this.navi.each(function(elem) {
			elem.removeClassName("active");
		});
	}
});

Event.observe(window, 'load', function() {
	/*
	 * Mark page scriptable
	 */
	$(document.getElementsByTagName("body")[0]).removeClassName("js").addClassName("js");

	/*
	 * Setup stage
	 */
	new Stage();
	
	/*
	 * Dynamic lists
	 */
	$$(".dynamic .open, .dynamic .closed").each(function(elem) {
		elem.observe("click", function(evt) {
			this.toggleClassName("open").toggleClassName("closed");
			//Event.stop(evt);
		});
	});

	/*
	 * Remote control
	 */
	$$(".remote_de, .remote_en").each(function(elem) {
		elem.observe("click", function(evt) {
			if (window.remote && !window.remote.closed) {
				window.remote.close();
				window.remote = null;
			}

			var _width = 240;
			var _left = 640;
			if (screen.width) {
				_left = screen.width - (_width + 40);
			}
			
			var _lng = this.className.split("_")[1];
			var _remote = window.open("/" + _lng + "/home/default_" + _lng + ".html", "remoteWin", "left=" + _left + ", top=80, width=" + _width + ", height=400, location=no, resizable=yes, scrollbars=no, status=no, toolbar=no");
			
			if (_remote && !_remote.closed) {
				_remote.focus();
			}
		});
	});	
});