UIController = $.klass({
	
	_options: {
		homeUrl: "#!/home"
	},
	
	initialize: function(options){
		this._options = $.extend({}, this._options, options);
		
		this.$divContent = $("#ui-containner");
		
		if (window.location.hash == ""){
			window.location.hash = this._options.homeUrl;
		}
		
		this.navigation = new UINavigation(this);
		
	},

	onChangeHash: function(hash){
	    
	    $element = $("#" + hash.replace("/",""));
	    $flutuante = this.$divContent.find(".ui-flutuante");
	    var scrollTo = $element.offset().top - $flutuante.offset().top;
	    
		this.$divContent.css({ 'height': $element.height() });
		
		$flutuante.animate({ top: -parseInt(scrollTo) }, 1100);
		
		window.scroll(0,0);
	}

});