// SimpleTabBox

zo.createSimpleTabsInTarget = function(targetElement,fullWidth,tabWidth,startTabHash) {  
    if (!startTabHash) {startTabHash="";}
    var numTabs = targetElement.find(".simpleTabContent").length;
    if (numTabs<=1) {
        // TODO: Headergrafik bei Non-Tab-Optik
        return;
    }
    
    targetElement.find(".simpleTabContent").each(function(ev){
        var backgroundImage = jQuery(this).closest('.simpleTabContainer').css('background-image');
        if (typeof jQuery(this).find('a.tabBackground').attr('rel')!='undefined') {
            backgroundImage = jQuery(this).find('a.tabBackground').attr('rel');
        }
        var tabUrl = "";
        if (typeof jQuery(this).find('a.tabBackground').attr('name')!='undefined') {
            tabUrl = jQuery(this).find('a.tabBackground').attr('name');
        }
        jQuery(this).find('a.tabBackground').remove();
        headline = jQuery(this).find(".tabHeadline").remove().html();
        targetElement.find("ul:first")
          .removeClass("boxTop")
          .append(jQuery("<li></li>")
          .addClass("tab")
          .append(jQuery("<div></div>")
            .append(jQuery("<a></a>")
              .attr({href: "#"+tabUrl })
              .click(function(e){this.blur(); e.preventDefault();})
              .addClass("noTrack")
              .html(headline)
              .mouseenter(function(ev){
                this.blur();
                jQuery(this).trigger('changeTab');
                var targetHeight = jQuery(jQuery(this).data("myContent")).outerHeight()+"px";
                jQuery(jQuery(this).data("myContent"))
                    .addClass('activeContentTab')
                    .removeClass('inActiveContentTab')
                    .siblings()
                      .removeClass('activeContentTab')
                      .addClass('inActiveContentTab')
                    .end()
                    .closest('.simpleTabContainer')
                       .css({backgroundImage:jQuery(this).data("myBackground")})
                    .end()
                    .closest(".simpleTabContainer")
                       .css({height:targetHeight})
                ;
                jQuery(this)
                    .closest('li')
                    .addClass('active')
                    .siblings()
                      .removeClass('active')
                ;       
                })
              .data("myContent",this)              
              .data("myBackground",backgroundImage ) 
            )
          )
        )
        ;
    });

    var calcWidth = tabWidth;
    targetElement.find(".simpleTabContainer .simpleTabContent").css({position:"absolute"})
    targetElement.find(".simpleTabContainer .simpleTabContent:first")
        .addClass('activeContentTab')
        .siblings()
            .addClass('inActiveContentTab')
    ;
    var targetHeight = targetElement.find(".simpleTabContainer .simpleTabContent:first").outerHeight()+"px";
    targetElement.find(".simpleTabContainer").css({height:targetHeight});
    targetElement.find("ul:first li:first").addClass("active");
    targetElement.find("ul:first li:last").addClass("last");
    targetElement.find("ul:first li").css("width",tabWidth+"px");
    var floatDiff = fullWidth - calcWidth; 
    if (floatDiff != 0) {
        targetElement.find("ul:first li:lt(" + Math.abs(floatDiff) + ")").css("width",(tabWidth + 1 )+"px");
    }
    var startTab = "";
    if (window.location.hash.length > 1) {
        startTab = targetElement.find("a[href='" + window.location.hash + "']");
    } else if (startTabHash.length > 0) {
        startTab = targetElement.find("a[href='#" + startTabHash + "']");
    }
    if (startTab.length==1) {
        jQuery(function(){startTab.trigger('mouseenter')});
    }
}
 
// ---