function showFeatureRollover(parFeature, parContainer, parBild, parTitel, parText, parOffsetTop, parOffsetLeft, parAusrichtung, parTyp)
{
    var locTyp = 1;
    
    if (parTyp != undefined) locTyp = parTyp;

    if (parAusrichtung == 1)
    {
        var locEvent = window.event || arguments.callee.caller.arguments[0];
        var locWidth = $(window).width();
        
        if (locEvent.clientX > (locWidth / 2))
        {
            parAusrichtung = 0;
            parOffsetLeft = 86;
        }
    }
    
    if ($.browser.msie)
    {
        if ($.browser.version == "6.0")
        {
            parOffsetLeft += 60;
        }
    }    

    // Bisherige Features schließen 
    hideFeatures();
    
    var locOffsetLeft = $(parFeature).position().left;
    var locOffsetTop = $(parFeature).position().top;
    
    $("#" + parContainer).parents().filter(".teaser").addClass("important");
    $("#" + parContainer).parents().filter(".colLarge").addClass("important");
    
    // Pfeil generieren
    var locArrow = $("<div></div>");
    locArrow.addClass(parAusrichtung == 0 ? "popup-arrow-right" : "popup-arrow-left");
    locArrow.addClass("very-important");
    locArrow.css("left", Number(locOffsetLeft - parOffsetLeft) + "px");
    locArrow.css("top", Number(locOffsetTop - parOffsetTop) + "px");
    
    var locZusatzOffset = parAusrichtung == 0 ? 348 : -80;
    var locContentOffsetTop = 115;
    
    if (locTyp == 2) locContentOffsetTop = 80;
    
    // Inhalt generieren
    var locContent = $("<div></div>");
    locContent.addClass("popup");
    locContent.addClass("popupFeatures");
    locContent.addClass("important");
    locContent.css("left", Number(locOffsetLeft - parOffsetLeft - locZusatzOffset) + "px");
    locContent.css("top", Number(locOffsetTop - locContentOffsetTop - parOffsetTop) + "px");
    
    if (parText == '') parText = 'Dieses "Iam quanto minoris constat haec felictas accessio!" oder "In general, bodytypes are mea cured in the typographical point size". Dieser Blindtext will Ihnen n&auml;mlich dreierlei sagen:';
    var locTitle = "Feature";
    var locClass = "popup-features";
    
    if (locTyp == 2)
    {
        locTitle = "Produkt";
        locClass = "";
    }
    
    if (parBild != "")
    {
        locContent.append($("<div class='popup-content theme-products " + locClass + "'><div class='popup-box'><div class='popup-icon'></div><div class='popup-bar'></div><div class='popup-bar-title'>" + locTitle + "</div><div class='popup-txt'><img src='../../images/framework/features/135x135/" + parBild + "' alt='' width='135' height='135' title='' class='feature-icon-large right' /><div class='popup-h'>" + parTitel + "</div><p>" + parText + "</p><div class='clear-right'></div></div></div></div>"));
    }
    else
    {
        locContent.append($("<div class='popup-content theme-products " + locClass + "'><div class='popup-box'><div class='popup-icon'></div><div class='popup-bar'></div><div class='popup-bar-title'>" + locTitle + "</div><div class='popup-txt'><div class='popup-h'>" + parTitel + "</div><p>" + parText + "</p></div></div></div>"));
    }
    
    // Popup anzeigen
    $("#" + parContainer).append(locArrow);
    $("#" + parContainer).append(locContent);
}

function hideFeatureRollover(parFeature, parContainer)
{
    hideFeatures();
}

function hideFeatures()
{
    $(".important").removeClass("important");
    $(".popup-arrow-left").remove();
    $(".popup-arrow-right").remove();
    $(".popup").remove();
}

