/* 
	Simple Tabber Class
	By Jase, 11 March 2010
	Requires Jquery 	*/
	
var Tabber = new Object;
	
Tabber = {	

	// -------------- Options
	
	container: '#tabber',
	first: true,
	animate: true,
	
	// -------------- Initiate
	init: function() {
		
		// Activate First Tab & Content
		if (Tabber.first) {
			$(Tabber.container+' .content_area div').hide();
			$(Tabber.container+' .content_area div:eq(0)').show();
				$(Tabber.container+' .content_area div:eq(0) *').show();
			$(Tabber.container+' .tabs li:eq(0)').addClass('active');
		}
		
		// Hover Events
		$(this.container+' .tabs li a').hover(function() {
			$(this).parent().addClass('hov');
		});
		$(this.container+' .tabs li').mouseout(function() {
			if ( $(this).hasClass('hov') )
				$(this).removeClass('hov');
		});
		
		// Click Events 
		$(Tabber.container+' .tabs li a').click(function() {
			
			// Reset all tabs, and select just the one we clicked on
			$('.tabs li').removeClass();
			$(this).parent().addClass('active');
			
			// Get corresponding content
			var tab_selected = $(this).attr('href');
			
			$(Tabber.container+' .content_area div').hide();
			$(Tabber.container+' .content_area div *').show();
			if (Tabber.animate) {
				$(Tabber.container+' .content_area div'+tab_selected).slideToggle('fast');
			}else{
				$(Tabber.container+' .content_area div'+tab_selected).show();
			}
	
		return false;
	
		});
	
		Tabber.first = false;
	
	},

}