// JavaScript Document

(function($) {                                          
$.fn.tkTabs = function(o) {
	o = $.extend({
        formap: 'map',
		forlat: 10.034771,
		forlng: 105.788016,
		html: ''
    }, o || {});	

    var div = $(this), cdiv = $('div.content', div), ul = $("ul", div), li = $("li", ul), fli = $('li:first', ul), sli = li.size();		
	
	fli.addClass('active');
	var flititle = fli.attr('title');
	
	cdiv.each(function(){
		if($(this).hasClass(flititle)){$(this).css('display','block');}
		else{$(this).css('display','none');}
	});
	
	li.click(function(){
		var gitem = $(this).attr('title');
		
		li.each(function(){
			$(this).removeClass('active');	
			if($(this).attr('title') == gitem){$(this).addClass('active');}
		});
		cdiv.each(function(){
			if($(this).hasClass(gitem)){
				$(this).css('display','block');
				if(gitem == o.formap){
					initialize(o.formap,o.forlat,o.forlng,o.html);
				}
			}
			else{$(this).css('display','none');}
		});
	});
};

})(jQuery);
