/* -Browser Informationen------------------------------------------------------------------------------------------------- */    

/* Browser Version auslesen */
var userAgent = navigator.userAgent;
var versionOffset = userAgent.indexOf("MSIE");
var isIE = (versionOffset >= 0);
var isPreIE7 = false;
var fullVersionIE = "";
var majorVersionIE = "";
if (isIE)
{
    fullVersionIE = parseFloat(userAgent.substring(versionOffset+5, userAgent.length));
    majorVersionIE = parseInt('' + fullVersionIE);
    isPreIE7 = majorVersionIE < 7;
}
// Firefox 3 unterstützt 'transparent' des wmode-parameters nicht, darum für ihn auf 'window' setzten
function forFF3() {
    var foundFirefox = userAgent.indexOf("Firefox/3");
    if (foundFirefox > 0) {
        param = 'window';
    } else {
        param = 'transparent';
    }
    return param;
}
    
/* -DesignPickerDiv------------------------------------------------------------------------------------------------------- */    

/* DesignPickerDiv erzeugen */
function CreateDesignPickerDiv()
{
    // Button um DesignPicker zu öffnen generieren
    DesignPickerDiv = document.createElement('div'); 
    DesignPickerDiv.setAttribute('id', 'DesignPickerDiv');
    DesignPickerDiv.style.top = "-30px";
    DesignPickerDiv.style.left = "80px";
    DesignPickerDiv.style.width = "190px";
    DesignPickerDiv.style.height = "90px";
    DesignPickerDiv.style.zIndex = 100;
    if (isPreIE7)
    {
        DesignPickerDiv.style.position = "absolute";
        DesignPickerDiv.innerHTML = '<img src="' + GetRelativePath('DesignPicker/images/open.gif') + '" style="cursor:pointer;" onclick="create_div_dynamic()" onmouseover="DesignPickerDiv_MouseOver()" onmouseout="DesignPickerDiv_MouseOut();" alt="DesignPicker &ouml;ffnen, um ein anderes Design zu w&auml;hlen" />';
    }
    else
    {
        DesignPickerDiv.style.position = "fixed";
        DesignPickerDiv.innerHTML = '<img src="' + GetRelativePath('DesignPicker/images/open.png') + '" style="cursor:pointer;" onclick="create_div_dynamic()" onmouseover="DesignPickerDiv_MouseOver()" onmouseout="DesignPickerDiv_MouseOut();" alt="DesignPicker &ouml;ffnen, um ein anderes Design zu w&auml;hlen" />';
    }
    document.body.appendChild(DesignPickerDiv);
}

/* DesignPickerDiv Positionsvaribeln */
var ziel = -30;
var current = -30;
var pos = -30;
var move_id;
    
 /* DesignPickerDiv RollOut */
function DesignPickerDiv_MouseOver() 
{
    ziel = -15;
    window.clearInterval(move_id);
    move_id = window.setInterval(DesignPickerDiv_Move, 41);
}
 
/* DesignPickerDiv RollIn */    
function DesignPickerDiv_MouseOut() 
{
    ziel = -30;
    window.clearInterval(move_id);
    move_id = window.setInterval(DesignPickerDiv_Move, 41);
}
 
/* DesignPickerDiv Move */    
function DesignPickerDiv_Move() 
{
    pos = current+(((current-ziel)*-1)/5);
    current = pos;
    if (Math.round(current) == Math.round(ziel))
        window.clearInterval(move_id);
    else
        document.getElementById("DesignPickerDiv").style.top = pos + "px";
}

/* DesignPicker einfügen */
addLoadEvent(function() { CreateDesignPickerDiv(); } );
 
/* -DesignPickerFlash----------------------------------------------------------------------------------------------------- */

/*AC_FL_RunContent = 0;
DetectFlashVer = 0;*/

// call this function from form of html 
function create_div_dynamic()
{
    var DesignPickerFlash = document.getElementById("DesignPickerFlash");

    if (DesignPickerFlash != null) 
        DesignPickerFlash.style.display = "inline";
    else 
    {
        // DesignPicker Div mit DesignPicker Flash erzeugen
        DesignPickerFlash = document.createElement('div'); 
        DesignPickerFlash.setAttribute('id', 'DesignPickerFlash');
        DesignPickerFlash.style.top = "0px";
        DesignPickerFlash.style.left = "0px";
        DesignPickerFlash.style.zIndex = 101;
        DesignPickerFlash.style.width = "100%";
        DesignPickerFlash.style.height = "100%";
        DesignPickerFlash.style.overflow = "hidden";
        if (isPreIE7)
            DesignPickerFlash.style.position="absolute";
        else
            DesignPickerFlash.style.position="fixed"; 
        
        document.body.appendChild(DesignPickerFlash);
        
        // Innerer Div als Container erstellen, der die korrekte Darstellung sicherstellt
        var innerFlashContainer = document.createElement('div');
        innerFlashContainer.setAttribute('id', 'innerFlashContainer');
        innerFlashContainer.style.width = "100%";
        innerFlashContainer.style.height = "100%";
        DesignPickerFlash.appendChild(innerFlashContainer);
        
        var flashvars = {};
		var params = {};
		params.scale = "showall";
		params.wmode = forFF3(); // Für Firefox 3 speziell auf "window" setzen
		params.bgcolor = "#555555";
		var attributes = {};
		attributes.id = "designPicker";
        InitFlash();
        innerFlashContainer.innerHTML = '<div style="width:100%;height:100%;background-color:#CCCCCC;color:#000000;padding:20px;text-align:center;"><p>F&uuml;r diesen Inhalt ist der Adobe Flash Player 9 erforderlich. '
        + '<br><a href=http://www.macromedia.com/go/getflash/ target=_blank>Flash installieren</a>'
        + '<br><br><a href=javascript:DesignPickerFlash_Close()>schliessen</a></p></div>';
        swfobject.embedSWF(GetRelativePath("designPicker/designPicker.swf"), "innerFlashContainer", "100%", "100%", "9.0.45", false, flashvars, params, attributes);
    }     
}
    
/* DesignPickerFlash schliessen */
function DesignPickerFlash_Close() 
{
    document.getElementById("DesignPickerFlash").style.display = "none";
}

// DesignPickerFlash mit neuem Design öffnen */
function DesignPickerFlash_Open(design)
{
    // Parameter einlesen
    var param = window.location.search;

    // Design Parameter ersetzen falls vorhanden
    var desStart = param.indexOf("design");    
    if (desStart > -1)
    {
        desStart = desStart - 1;        
        var desEnd = param.indexOf("&", desStart);
        if (desEnd == -1)
            desEnd = param.length;
        param = param.substring(0, desStart) + param.substring(desEnd, param.length);
    }
    
    // Design + weitere Parameter zusammenfügen
    param = "?design=" + design + param.replace("?", "&");
    
    // Auf neue Design Site redirecten
    window.location.href = window.location.pathname + param;
}