//
var zo; // declares a global symbol
if (!zo) zo = {};
    else if (typeof zo != 'object')
        throw new Error('zo exists, but is not an object!');

zo.createTabsInTarget = function(targetElement,fullWidth,tabWidth) {  
    var numTabs = targetElement.find(".tabContent").length;
    if (numTabs<1) {
        return;
    }
    
    targetElement.find(".tabContent").each(function(ev){
        var backgroundImage = jQuery(this).closest('.tabContainer').css('background-image');
        if (typeof jQuery(this).find('a.tabBackground').attr('rel')!='undefined') {
            backgroundImage = "url("+jQuery(this).find('a.tabBackground').remove().attr('rel')+")";
        }
        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:"#"})
              .addClass("noTrack")
              .html(headline)
              .click(function(ev){ev.preventDefault();})
              .hover(function(ev){
                this.blur();
                var targetHeight = jQuery(jQuery(this).data("myContent")).css('height');                
                jQuery(jQuery(this).data("myContent"))
                    .addClass('activeContentTab').removeClass('inActiveContentTab')
                    .siblings()
                      .removeClass('activeContentTab').addClass('inActiveContentTab')
                    .end()
                    .closest('.tabContainer')
                       .css({backgroundImage:jQuery(this).data("myBackground")})
                    .end()
                    .closest(".tabContainer")
                       .css({height:targetHeight})
                ;
                jQuery(this)
                    .closest('li')
                    .addClass('active')
                    .siblings()
                      .removeClass('active')
                ;       
                },null)
              .data("myContent",this)              
              .data("myBackground",backgroundImage ) 
            )
          )
        )
        ;
    });
    targetElement.find(".tabContainer .tabContent").css({position:"absolute"});

    targetElement.find(".tabContainer .tabContent:first").addClass('activeContentTab').siblings().addClass('inActiveContentTab');

    var targetHeight = targetElement.find(".tabContainer .tabContent:first").css('height');
    targetElement.find(".tabContainer").css({height:targetHeight});

    targetElement.find("ul:first li:first").addClass("active");
    targetElement.find("ul:first li:last").addClass("last");

    if (tabWidth == 0) {
        var tabWidth = parseInt((fullWidth + 3) / numTabs - 3); 
        var calcWidth = (tabWidth + 3) * numTabs - 3;
        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");
        }
    } else {
        targetElement.find("ul:first li").css("width",tabWidth+"px");
    }

}
 //
