jQuery(document).ready(function(){
	jQuery('.tabs .tab').click(function(){
		var tab_container =  jQuery(this).parent();
		var tab_name = jQuery(this).attr('id').split('-')[0];
		var content_ids = jQuery(this).siblings('.content').attr('id');
		jQuery(this).siblings('.active').removeClass('active');
		jQuery(this).addClass('active');
		jQuery(this).siblings('.content.active').removeClass('active');
		jQuery('#'+tab_name+'.content').addClass('active');
		
		if(jQuery('#'+tab_name).length == 0 ){
			var vars_data = buildDataVars(this);
			tab_container.append('<div class="content active loading" id="'+ tab_name + '"></div>');
			jQuery.ajax({
				type:"POST",
				url:"/ajaxTabCtrl.dbml?content_name=" +tab_name,
				data:vars_data,
				success: function(data) {
					jQuery('#' + tab_name + '.content').html(data).removeClass('loading');
				}
					,error: function(XMLHttpRequest, textStatus, errorThrown) {
					alert("errorThrown:"+errorThrown);
				}
			});
		}
	});
});


function buildDataVars(el){
	var rewrite_vars = new String();
	var extra_data = new String();
	if(ajaxRewritevars.length > 0){
		extra_data = ajaxRewritevars + '&';
	}
	jQuery('.var',jQuery(el)).each(function(){
		extra_data += jQuery(this).html();
	});
	return (extra_data);
}