var eventsLoaded=false;
var contactLoaded=false;

var eventsContent = "";
var contactContent = "";
var latestContent = "";


var contents = {
    latest:null,  
    events:null,
    contact:null
};


var teaserSelector = null;
var contentSelector = null;

$(function(){
    
    initializeTabTeaser('.tabteaser');
    
});

function initializeTabTeaser(selector) {
    
    latestContent = $(selector+' .tabteaser-content').html();
    
    teaserSelector = $(selector);
    contentSelector = $(selector+' .tabteaser-content'); 
    
    contents['latest'] = contentSelector.html();
    
    
    bindLatestTeaserEvents();  
    
    $(selector+' ul li a').each(function(){
        
        
       $(this).attr('href','javascript:void(0);');   
       $(this).bind('click',function() {
            

           
           $(selector+' ul li a').each(function() {
              $(this).removeClass('active'); 
           });
           
           $(this).addClass('active');
           
           var scrollbarsEnabled = false;
           
           if($(this).hasClass('enable-scrollpane')) {
               scrollbarsEnabled = true;
           }
           
           loadContent($(this).attr('rel'),scrollbarsEnabled);
           
      
       });
        
    });
    
    
}


function loadContent(relation,scrollbars) {
    
    contentSelector.fadeOut(500,function() {
        contentSelector.empty();
        
        if(isContentLoaded(relation)) {
                        
            var content = getCachedContent(relation);    
            
            contentSelector.html(content); 
            
            contentSelector.fadeIn(500,function() {
                $('.scrollpane').jScrollPane();    
            });
            
            if(relation == "latest") {
                bindLatestTeaserEvents();
           }     
            
        }else{
            
            contentSelector.css('background-image','url(fileadmin/templates/img/base/ajax-loader.gif)'); 
            contentSelector.css('display','block');
            
            $.get('index.php?id=3&no_cache=1&ajax=1&ttct='+relation,function(data) {
                
                contents[relation] = data;
                
                contentSelector.css('display','none');
                contentSelector.html(contents[relation]);
                contentSelector.css('background-image','none');
                
                
                
                contentSelector.fadeIn(500,function() {
                    $('.scrollpane').jScrollPane({scrollbarWidth:10});
                });  

                if(relation == "latest") {
                    bindLatestTeaserEvents();
               }                
            },'html');
            
        }
        
    });
         
}

function isContentLoaded(contentType) {
    
    if(contents[contentType] != null) {
        return true;
    }
    
    return false;
    
}

function getCachedContent(contentType) {
    if(isContentLoaded(contentType)) {
        return contents[contentType];
    }    
    
    return "";
}

/** Image Teaser **/

function bindLatestTeaserEvents() {
    
    $('.tabteaser-content-image-abs').unbind();
    $('.tabteaser-content-image-abs').bind('mouseenter',function() {


       $('.tabteaser-content-image-abs').animate({
           'top':'-181'
       },500); 
    
    });

    $('.tabteaser-content-image-abs').bind('mouseleave',function() {
       

       $('.tabteaser-content-image-abs').animate({
           'top':'0'
       },500); 
    
    });    
    
}