// JavaScript Document
Element.observe(window, 'load', function(){

	var UI = Class.create()
	UI.prototype = {
	  initialize: function() {
		this.current_selection = "home"
		this.menu_is_top = false
		this.move_navigation_by = 100
		this.navigation_begin = 510
	    this.navigation_sit = 257
	    this.navigation = $('menu')
		this.load_navigation()
	  },

	  load_navigation: function() {
		var self = this;
	    new Effect.Move(this.navigation, { x: 0, y: 319, duration: 1, afterFinish: function(){ self.load_links() } });
		new Effect.Opacity(this.navigation, { from: 0, to: 0.8, duration: 1 });
		this.menu_is_top=false
	  },

	  load_links: function() {
		var self = this;
		var link = $$('#menu a:not([class=loaded])').first()
		if ($$('#menu a:not([class=loaded])').first()){
		new Effect.Appear(link, { duration: 0.1, afterFinish: function(){
		link.addClassName('loaded')
		self.load_links()
		} });
	}
	  },

	  loading: function() {
		new Effect.Appear($('loading'), { duration: 0.3 });
	  },
	
	  loaded: function() {
		new Effect.Fade($('loading'), { duration: 0.3 });	
	  },

	  select_link: function(toblur, link) {
		toblur.blur()
		if (link!=this.current_selection){
			this.current_selection=link
			this.loading()
			if (link=="home"){
	 			this.send_navigation_down();
	 		}else{
				this.send_navigation_home();
	    	}
		this.load_content(link)
		this.navigation.blur()
		}
	 },

	  send_navigation_down: function() {
		if (this.menu_is_top){
	    	new Effect.Move(this.navigation, {x: 0, y: 319, duration: 1 });
			this.menu_is_top=false
		}
	  },

	  send_navigation_home: function() {
	//alert('go home')
		if (!this.menu_is_top){
	    	new Effect.Move(this.navigation, {x: 0, y: -319, duration: 1 });
			this.menu_is_top=true
		}
	  },
	
	load_content: function(content){
		var self = this
		new Effect.BlindUp($('filling'), { duration: 0.5, afterFinish: function(){
		if (content=="menu"){
			$('filling').innerHTML = "";
			self.loaded()
			new Effect.BlindDown('dining_menu', {duration: 0.5 });
			
		}else{
			$('dining_menu').hide()
			new Ajax.Request(content + '.html',
			{
			 method:'get',
			 onSuccess: function(transport){
			 var response = transport.responseText;
			 $('filling').innerHTML = response;
			 self.loaded()
			 new Effect.BlindDown('filling', {duration: 0.5 });
			
			 if (content=="photos"){
				
			//	document.title = "Istanbul";

			//		respath = "res/";
			//		bgcolor = "#EEEEEE";
			//		linecolor = "#000000";
			//		imgcolor = "#FFFFFF";
			//		txtcolor = "#000000";
			//		addBananAlbum();
			 } 
			
			 },
			 onFailure: function(){ }
			 });
		}
		} });
		
			
	}

	}
	
	ui = new UI()
});