var ct = null;		//Current active tab
var c1, c2, c3;		//The three main containers
var helper;			//Extra helper atop main containers

// Self-remove
jQuery.fn.rm = function() {
	return this.each(function() {
		this.parentNode.removeChild(this);
	});
};

// DIV.module to load content
jQuery.fn.loadContent = function(url) {
	return this.each(function() {
		u = (url || this.url);
		if (u == '') return;
		x = $(".moduleContent", this);
		x.load(u, function(){
			widgetize.apply(this);
			//Further processing can be applied here
		});
		this.loaded = true;
	});
};

// Load layout defined in modules.js
function loadLayout() {
	// Predefined layout from modules.js is used here, but you can use
	// dynamic script to load customized layout instead
	var l = _layout;

	$.each(l.reverse(), function(i,m) {
		if (m) {
			var x = _modules[m.i];
			if ($("#"+m.t).size() > 0)
				$("#"+m.c).addModule({id:m.i, title:x.t, url:x.l, tab:m.t, color:(x.c || null)});
		}
	});
};

//No Spam e-mail
$.fn.amail = function(sAt,sDot,sRepl){
	if (!sAt)
		sAt = '||';
	if (!sDot)
		sDot = '|';
	if (!sRepl)
		sRepl = 'NOSPAM';
	var mail 	= $(this).text().replace(sAt,'@').replace(sDot,'.').replace(sRepl,'');
	this.each(function() {
		el = $(this);
		el.each(function(){
		el.attr('href','mailto:' + mail);
		if(el.attr('title')){
			el.html(el.attr('title'));
		}else{
			el.html(mail);
			}
		});
	});
};

// Used on pre-formated <DIV><UL.tabsul><DIVs></DIV> section
jQuery.fn.Tabs = function() {
	return this.each(function() {
		var x = $(this);
		var targets = x.children("div").addClass("tabsdiv").hide();

		x.children(".tabsul").children("li").each(function(i) {
			this.target = targets[i];
			$(this).click(function() {
				if ($(this).is(".on")) return;

				var y = $(this).siblings(".on");
				y.add(this).toggleClass("on");
				if ((this.id) && (!this.loaded)) {
					$(this.target).load(_modules[this.id].l,widgetize);
					this.loaded = true;
				}
				$(this.target).add(y.size() > 0 ? y[0].target : null).toggle();
			});
		}).eq(0).click();
	});
};

// Used on pre-formated <DL> section
// Exclusive accordion, only one on at a time
jQuery.fn.Accordion = function() {
	return this.each(function (i) {

        $(this).children("dt").click(function(){
			$(this).siblings("dt.on").andSelf().toggleClass("on");
			$(this).siblings("dd:visible").add($(this).next()).slideToggle();
		});
	});
};

// Used on pre-formated <DL> section
// Mutiple accordions, individual on/off control
jQuery.fn.MAccordion = function() {
	return this.each(function (i) {

		$(this).addClass("accordion").children("dd").slideDown();
		$(this).children("dt").addClass("on").click(function(){
			$(this).toggleClass("on").next().slideToggle();
		});
	});
};

jQuery.fn.NavIcon = function() {
	return this.each(function(i){
		var t = $(this).attr("title");
		$(this).wrap("<div class='navdiv'><a href=# id='" + this.id +"'></a></div>");
		var x = $(this.parentNode);
		x.append("<br>"+t);
		x.click(ReplaceModule);
	});
};

// When a NavLi (or NavIcon) item is clicked, close all modules in column2 (c2)
// and add a new module designated by the NavLi's ID
function ReplaceModule() {
	if (!this.id) return;
	var i = this.id;
	var x = $(".module:visible",c2);
 $(".action_close",x).mousedown();
	var m = _modules[i];
	c2.addModule({id:i,
				title:m.t || this.innerHTML,
				url:m.l,
				color:m.c||null});
	return false;
};

// Widgetize content of a new content block before showing
function widgetize(){
	$(".tabs", this).Tabs();
	$(".accordion", this).Accordion();
	$(".maccordion", this).MAccordion();
	$(".navicon > img", this).NavIcon();
	$(".navul > li", this).addClass('navli');
	$("a[href^=http], a[rel=new]", this).attr("target", "_blank");
};

// Some actions are enabled without explicit code
function LiveEvents() {
	$(".thickbox").live("click", TB);
	$("a.local").live("click", LocalLink);
	$("a.tab").live("click", TabLink);
	$(".navli").live("click", ReplaceModule);
	$(".action_refresh").live("mousedown", loadContent);
	$(".action_close").live("mousedown", closeModule);
};

//Used on DIV.main_container only, 'tab' is used only when loading layouts
//When 'tab' is omitted, ct (current tab) is used instead
jQuery.fn.addModule = function(settings) { //id, title, url, tab, class
	return this.each(function() {
		var options = $.extend({
			title	: null,
			tab		: null,
			color	: null
		}, settings);

		var tx;

		if (options.tab) {
			tx = document.getElementById(options.tab);
			if (tx.modules[options.id]) return;	//Return if module already exists
		} else tx = ct;

		if (!options.tab && (m = ct.modules[options.id])) {
			$(m).fadeTo('fast', 0.5).fadeTo('fast', 1);
			return; //Disable duplicate in a same tab
		}

		var y = $("#module_template").clone();
		var x = y[0];
		x.loaded = false;
		x.url = options.url;
		x.tab = tx.id;
		x.id = options.id;

		tx.modules.push(x);

		if (options.title) $(".moduleTitle", x).text(options.title);
		else $(".moduleHeader",x).rm();

		if (options.color) $(x).addClass(options.color);

		$(this).prepend(x);
		if (tx === ct) $(x).show().loadContent();
	});
};

// Actions taken when you click a header tab
function HeaderTabClick(){
	if (this === ct) return; //Return if click on current active tab

	$(this).siblings(".on").andSelf().toggleClass("on");

	//Hide last tab's modules
	$(".module:visible").hide();
	helper.hide();

	ct = this;
	var x = _tabs[ct.id];

	// Load an extra helper content block if defined with a file name default to current tab's id
	if (x.helper) helper.load(x.helper == true ? this.id+".html" : x[helper], widgetize).show();

	//Adjust column widths
	c1.css({width:x.c1});
	c2.css({width:x.c2});
	if (x.c2 == "auto") {
		c2.css({'float':"none", marginLeft:x.c1});
	} else {
		c2.css({'float':"left", marginLeft:0});
	}
	c3.css({width:(x.c3 || 0)});

 	location.hash = '#' + this.id;

	//Load content and show module
	$.each(this.modules, function(i,m){
		// Lazy loading when the tab is activated
		if(!m.loaded){
        $(m).loadContent();
		$(m).fadeIn();
        } else {
        $(".action_refresh",m).mousedown();
		$(m).show('fast');
        }
	});
};

$(function(){
	c1 = $("#c1");
	c2 = $("#c2");
	c3 = $("#c3");
	helper = $("#helper");

 	LiveEvents();

	$("#header_tabs li").each(function(){
		// During initialization, attach a "modules" array to each tab
		this.modules = [];
		$(this).click(HeaderTabClick);
	});

	// Load module definitions for each tab
	loadLayout();

	//Make all external links open in new window
	$("a[href^=http]").attr("target","_blank");
	//Make all links with rel=new attribute to open in new window
	$("a[rel=new]").attr("target","_blank");

	t = location.hash.slice(1).match(/[a-zA-Z][\w]*/);
	t = $("#header_tabs li#"+t);
	if (t.size() != 1) t = $("#header_tabs li:first");

	setTimeout("t.click()", 20);
});

// Module Actions, apply on current module
function loadContent() {
	$(this).parents(".module").loadContent();
};

function closeModule() {
	var m = $(this).parents(".module");
	delete ct.modules[m[0].id];
	m.rm();
};

// Extra Methods for More Dynamic Content Loading

// Used on A.local to change the content of current module
function LocalLink() {
	$(this).parents(".module").loadContent(this.href);
	return false;
};

// Used on A.tab to switch to another Tab
function TabLink() {
	$("#header_tabs li" + "#" + this.id).click();
	return false;
};