var $j = jQuery.noConflict();

jQuery(document).ready(function($j){
	//$j(document).ready(function(){
	
	$j('a[title]').qtip({ style: { name: 'green', tip: true}, show: 'mouseover',
		   hide: 'mouseout',
		   position: {
	       	  corner: {
		         target: 'topMiddle',
		         tooltip: 'bottomMiddle'
		      }
		   }
	});
	$j('input[title]').qtip({ style: { name: 'green', tip: true}, show: 'mouseover',
		   hide: 'mouseout',
		   position: {
	       	  corner: {
		         target: 'bottomMiddle',
		         tooltip: 'topMiddle'
		      }
		   }
	});
	
 });

/*
 * Fabtabulous! Simple tabs using Prototype
 * http://tetlaw.id.au/view/blog/fabtabulous-simple-tabs-using-prototype/
 * Andrew Tetlaw
 * version 1.1 2006-05-06
 * http://creativecommons.org/licenses/by-sa/2.5/
 */

var radioElem = new Object();

function radioClass(id, classname, varbase, idfirst, classold)
{
	var oldclass;
	oldclass = eval("radioElem." + varbase + '_class');
	if (oldclass != null)
	{
		changeClass(eval("radioElem." + varbase + "_elem"), classold);
		oldclass = 	$(id).className;
	}
	else{		
		oldclass = 	$(id).className;
		$(idfirst).className = classold;
		
	}
	

	eval("radioElem." + varbase +"_class = '"+oldclass+"';");
	eval("radioElem." + varbase +"_elem = '"+id+"';");
	
	changeClass(id, classname);
}

function toggleClass(id, classname1, classname2)
{
	//window.alert('change: '+id+' with:['+classname+']');
	var el;
	el = $(id);
	if (el == null)
		return;
	
	if (el.className == classname2)
		el.className = classname1;
	else
		el.className = classname2;
}

function changeClass(id, classname)
 {
	//window.alert('change: '+id+' with:['+classname+']');
	$(id).className = classname;
	
 }
 
var Fabtabs = Class.create();

Fabtabs.prototype = {
	initialize : function(element) {
		this.element = $(element);
		var options = Object.extend({}, arguments[1] || {});
		this.menu = $A(this.element.getElementsByTagName('a'));
		this.show(this.getInitialTab());
		this.menu.each(this.setupTab.bind(this));
	},
	setupTab : function(elm) {
		Event.observe(elm,'click',this.activate.bindAsEventListener(this),false)
	},
	activate :  function(ev) {
		var elm = Event.findElement(ev, "a");
		Event.stop(ev);
		this.show(elm);
		this.menu.without(elm).each(this.hide.bind(this));
	},
	hide : function(elm) {
		$(elm).removeClassName('active-tab');
		$(this.tabID(elm)).removeClassName('panel-active');
		$(this.tabID(elm)).addClassName('panel');
	},
	show : function(elm) {
		$(elm).addClassName('active-tab');
		$(this.tabID(elm)).removeClassName('panel');
		$(this.tabID(elm)).addClassName('panel-active');

	},
	tabID : function(elm) {
		return elm.href.match(/#(\w.+)/)[1];
	},
	getInitialTab : function() {
		if(document.location.href.match(/#(\w.+)/)) {
			var loc = RegExp.$1;
			var elm = this.menu.find(function(value) { return value.href.match(/#(\w.+)/)[1] == loc; });
			return elm || this.menu.first();
		} else {
			return this.menu.first();
		}
	}
}

function changeHtml(id, value)
{	
	$(id).innerHTML = value;	
}

//if ($('tabs') != undefined){new Fabtabs('tabs'); }
Event.observe(window,'load',function(){ if ($('tabs') != null){new Fabtabs('tabs'); } },false);