var tabsId1 = '#tabs1';
var tabsId2 = '#tabs2';
var tabsId3 = '#tabs3';
var loaderIMG2 = '<p class="center" style="margin-top: 26px;"><img src="./images/loader2.gif" alt="Loading ..." /><br />Loading . . .</p>';
var loaderIMG = '<p class="center" style="margin-top: 198px;"><img src="./images/loader.gif" alt="Loading ..." /><br />Loading . . .</p>';
		
$(document).ready(function(){
			
	$(tabsId1 + ' A').click(function(){
		
    	if($(this).parent().hasClass('current')){ return false; }
    	$('#tabs1-container').html(loaderIMG2);
    	
    	$(tabsId1 + ' LI.current').removeClass('current');
    	$(this).parent().addClass('current');
				
		loadTab($(this), '#tabs1-container', './jgs_portal_user.php');    	
        return false;
    });
			
	$(tabsId2 + ' A').click(function(){
		
		if($(this).parent().hasClass('current')){ return false; }
    	$('#tabs2-container').html(loaderIMG2);
    	
    	$(tabsId2 + ' LI.current').removeClass('current');
    	$(this).parent().addClass('current');
				
		loadTab($(this), '#tabs2-container', './jgs_portal_cars.php');    	
        return false;
    });
			
	$(tabsId3 + ' A').click(function(){
		
		if($(this).parent().hasClass('current')){ return false; }
    	$('#tabs3-container').html(loaderIMG2);
    	
    	$(tabsId3 + ' LI.current').removeClass('current');
    	$(this).parent().addClass('current');
				
		loadTab($(this), '#tabs3-container', './jgs_portal_videos.php');    	
        return false;
    });
	
	$('#submitlb').submit(function(e){
		e.preventDefault();
		        
		var dateiID = './jgs_portal_letzteb.php';
		//Get the data from all the fields  
		var daten = $(this).serialize();     
		
		//organize the data properly         
		$('#box_letzteb').html(loaderIMG);
		$('#box_letzteb').load(dateiID+'?'+daten);
	});
	
	setInterval(function() {
    	$('#box_letzteb').html(loaderIMG);
		var daten = $('#submitlb select option:selected').val();
		$('#box_letzteb').load('./jgs_portal_letzteb.php?anzahl_beitraege=' + daten);
	}, 300000); 
	$.ajaxSetup({ cache: false });
	
});
		
function loadTab(tabObj, containerId, dateiId){
    if(!tabObj || !tabObj.length){ return; }
    $(containerId).addClass('loading');
    
    $(containerId).load(dateiId+tabObj.attr('href'), function(){
        $(containerId).removeClass('loading');
    });
}