var layout_manager = function() {
	var self = this;
	
	self.jcontent = $('#layout-content');
	self.jconfirm = $('#layout-confirm');
	self.jbody = $('body');
	
	// history support	
	$.address.change(function(event) {  
		view = event.value.substr(1);
		if (view == '') {
			view = config.default_view
		}
		self.get_controller('view/get/' + view);
	});
		
	var settings;	
	settings = {
		type: 'POST',
		dataType: 'json'
	}	
	$.ajaxSetup(settings);
	$.blockUI.defaults.message = '<img src="' + config.base_url + 'images/ajax-loader.gif"/>';
	$.blockUI.defaults.css.border = 'none';
	$.blockUI.defaults.css.position = 'fixed';
	$.blockUI.defaults.css.right = '5px';
	$.blockUI.defaults.css.top = '5px';
	$.blockUI.defaults.css.backgroundColor = 'transparent';
	$.blockUI.defaults.css.width = 'auto';
	$.blockUI.defaults.css.left = 'auto';
	$.blockUI.defaults.css.cursor= 'default';

	$.blockUI.defaults.baseZ = 1000000;
	$.blockUI.defaults.fadeIn = 0;
	$.blockUI.defaults.fadeOut = 0;
	$.blockUI.defaults.centerX = true;
	$.blockUI.defaults.centerY = true;

	$.blockUI.defaults.overlayCSS.backgroundColor = 'transparent';
	
	$.fn.jGrowl.prototype.defaults.closerTemplate = lang.layout_manager.jgrowl_closer_template;
	$.fn.jGrowl.prototype.defaults.position = 'bottom-right';

// for now the multiselect is configured in the js

	settings = {
		showButtonPanel: true,
		changeMonth: true,
		changeYear: true,
		showOtherMonths: true,
		selectOtherMonths: true,
		showWeek: true,
		firstDay: 1,
		autoSize: true,
		showOn: "focus",
		gotoCurrent: true,		
		dateFormat: config.date_format_jquery
	};
	$.datepicker.setDefaults( settings )

	$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);
	
	$('#layout-navigation').ptMenu({
		showDuration: 0,
		hideDuration: 100
	}).show();
				
};
layout_manager.prototype.constructor = layout_manager;

layout_manager.prototype.jcontent = null;
layout_manager.prototype.jconfirm = null;
layout_manager.prototype.jbody = null;

layout_manager.prototype.init = function() {
	var self = this;
	$('#locale-' + config.locale).addClass('selected');	
	self.alert(lang.layout_manager.welcome);
	self.tooltip('#layout-navigation * [title]', {defaultPosition: 'top'});
	self.tooltip('#layout-header span', {defaultPosition: 'right'});

	self.load_view_by_hash(true);
}

layout_manager.prototype.get_view_by_hash = function() {
	if (window.location.hash != '')
	{
		var view = window.location.hash.substr(1);
		return view;
	}
	return null;
}

layout_manager.prototype.load_view_by_hash = function() {
	var self = this;
	var view = self.get_view_by_hash();

	if (view == null && typeof(load_default) != 'undefined' && load_default == true) {
		view = config.default_view;
	}

	if (view != null)
	{
		self.get_view(view);
	}
}

layout_manager.prototype.tooltip = function(selector, options) {
	var op = $.extend({
		delay: 200,
		keepCursor: false,
		fadeIn: 0,
		fadeOut: 0,
		maxWidth: 500
	}, options);
	$selected = $(selector)
	$selected.tipTip(op);
	if (!op.keepCursor) {
		$selected.css('cursor', 'default');
	}
}

layout_manager.prototype.confirm = function(text, callback) {
	this.jconfirm.html(text);
	this.jconfirm.dialog({
		buttons: [
			{
				text: lang.layout_manager.confirm_yes, 
				click: function() {
					callback(); 
					$(this).dialog('destroy');
				}
			},
			{
				text: lang.layout_manager.confirm_no, 
				click: function() {
					$(this).dialog('destroy');
				}
			}
		],
		modal: true,
		closeText: lang.layout_manager.confirm_close			
	});
}

layout_manager.prototype.alert = function(text) {
	$.jGrowl(text);
};

layout_manager.prototype.get_controller = function(controller, callback, send) {
	var self = this;
	$.ajax({
		data: send,
		dataType: 'html',
		url: config.app_url + controller,
		success: function(data) {
			if (typeof callback != 'undefined') {
				callback(data);
			} else {
				self.jcontent.html(data);
			}
		}
	});
};

layout_manager.prototype.get_view = function(view, callback, send) {
	if (typeof callback == 'undefined') {
		window.location.hash = view;
	} else {
		this.get_controller('view/get/' + view, callback, send);
	}
};

layout_manager.prototype.get_form = function(view, callback, send) {
	var self = this;
	self.get_controller('view/get/' + view, function(data) {
		self.jbody.append(data);
		callback(data);
	}, send);
}

layout_manager.prototype.set_locale = function(locale) {
	$.cookie('locale', locale, { expires: 365, path: config.base_url_path});
	document.location.reload();
}