/// <reference path="jquery.intellisense.js"/>

var currentjFloaterId = null;

/***********************************************************************************************************/
/*    
 *   Dictionary dei jFloater
 */

// array indicizzato per id di oggetti di tipo jFloater
var alljFloaters = new Object();

// array di tutti i floater (usato per gestire lo zindex dei floater
var jFloaterArray = new Array();

/*
 * Accesso per id del div del floater (senza creazione)
 * ottengo un flaoter essitente, ritorna null se non esiste  
 */
function DirectGetjFloater(elementId)
{
    myjFloater = null;
    myjFloater = alljFloaters[elementId];
    return myjFloater;
}

/*
 * Accesso per id del div del floater (con eventuale creazione)
 * crea il floater se non esiste
 */
function GetjFloater(elementId, spanContainer, xmlSettings)
{
    myjFloater = null;
    myjFloater = alljFloaters[elementId];
    
    if(typeof(myjFloater)=="undefined")
    {            
        myjFloater = new jFloater(elementId);
        spanContainer.style.display = "";
        alljFloaters[elementId] = myjFloater;
        
        jFloaterArray[ jFloaterArray.length ] = myjFloater;
    }
    
    //i parametri vanno sempre settati ex novo
    if(typeof(xmlSettings)!="undefined")
        myjFloater.SetParameters(spanContainer, xmlSettings);
        
    return myjFloater;
}

/*
 *   Accesso tramite il div contenuto nel floater
 */
function GetjFloaterByDiv(divElement)
{
    myjFloater = null;
    myjFloater = alljFloaters[divElement.id.replace('jFloaterDiv_','')];
    if(typeof(myjFloater)=="undefined")
    {            
        myjFloater = new jFloater(elementId, "");
        alljFloaters[elementId] = myjFloater;
        
        jFloaterArray[ jFloaterArray.length ] = myjFloater;
    }
    return myjFloater;
}

/*    
 *   Oggetto jFloater
 */
var myjFloater;

/*
 *   costruttore
 */
function jFloater(id)
{
    this.id = id;
    this.status = "hide";
    
    this.centerToScreen = "false";
    
    this.mainDiv = $j("<div id='jFloaterDiv_"+id+"'></div>");
        
    //aggiunta delle funzioni OnMouseIn e OnMouseOut tramite jQuery
    this.mainDiv.hover(
        function() {
            var tmpjFloater = GetjFloaterByDiv(this);
            tmpjFloater.StopTimeout();
        },
        function() {
            var tmpjFloater = GetjFloaterByDiv(this);
            tmpjFloater.StartTimeout();
        }
    )
    
    //style tooltip
    this.mainDiv.css("zIndex", "999");
    this.mainDiv.css("float", "left");
    this.mainDiv.css("clear", "left");
    this.mainDiv.css("margin", "15px 0px 0px 15px");
    this.mainDiv.css("position", "absolute");
    
    this.mainDiv.appendTo("form");
	
	this.tooltipTimeoutId = new Array();
}

/*
 * posizione il floater in base alla posizione nella pagina del mouse, può essere richiamata più volte
 */
jFloater.prototype.MoveIntoScreen = function(moveToMouse)
{
    if(moveToMouse == true) {
        this.yMousePosInitial = yMousePos;
        this.xMousePosInitial = xMousePos; }
	
	var doc = $j(window);
	var x, y;

	if(this.centerToScreen == "true") 
	{
	    x = (doc.width() - this.mainDiv.outerWidth({ margin: true })) / 2 + doc.scrollLeft();
	    y = (doc.height() - this.mainDiv.outerHeight({ margin: true }) ) / 2 + doc.scrollTop();
	}
    else 
    {
	    y = computePositionInScreen(
	        this.yMousePosInitial, 
	        this.mainDiv.outerHeight({ margin: true }), 
	        doc.scrollTop()+doc.height() );		
	    x = computePositionInScreen(
	        this.xMousePosInitial, 
	        this.mainDiv.outerWidth({ margin: true }), 
	        doc.scrollLeft()+doc.width() );
    }
    this.mainDiv.css( "top", y+"px" );
    this.mainDiv.css( "left", x+"px" );
    
    
    // Se IE6 dimensiona l'iframe sottostante
    if ($j.browser.msie && $j.browser.version=="6.0")
    {
        var moduleId = this.id.replace("__Container_","");
        var w = this.mainDiv.width()-5;
        var h = this.mainDiv.height()-5;
        $j("#BackgroundIFrame__" + moduleId).width(w).height(h);
        //alert("Assegnato w=" + w + " h=" + h);
    }
}

/*
 *   Effettua lo show del tooltip e lo riposiziona
 */
jFloater.prototype.ShowToolTip = function()
{
    currentjFloaterId = this.id;

    this.status = "show";

    var nemoModuleContent = $get("ContentElement_" +  this.id);
    if(nemoModuleContent != null)
        spanContainer.style.display == "inline";

	this.mainDiv.show();
    this.MoveIntoScreen(true);    
        
    //i filtri per l'animazione di apertura vanno bene solo IE7
    if( $j.browser.msie && this.mainDiv.attr( "filters" ).length>0 ) 
    {
	    this.mainDiv.hide();
	    this.mainDiv.attr( "filters" )[0].Apply();
	    this.mainDiv.show();
	    this.mainDiv.attr( "filters" )[0].Play(); 
	}
	
	this.StopTimeout();
	//richiamo l'hide a meno che non sia effettuato un reset timeout	
    this.StartTimeout();
    
    //porta in primo piano se stesso
    for(cursor=0;cursor<jFloaterArray.length;cursor++)
    {
        if(jFloaterArray[cursor]!=this) 
        {
            var div = jFloaterArray[cursor].mainDiv.eq(0).contents().eq(0);
            div.css("zIndex", Number(div.css("zIndex"))-1);
            jFloaterArray[cursor].mainDiv.css("zIndex", Number(jFloaterArray[cursor].mainDiv.css("zIndex"))-1); 
        }
        else 
        {
            this.mainDiv.css("zIndex", "999");
            this.mainDiv.eq(0).contents().eq(0).css("zIndex", "1000"); 
        }
    }
}

/*
 *   Effettua l'hide del tooltip
 */
jFloater.prototype.HideToolTip = function()
{        
    currentjFloaterId = null;

    this.status = "hide";
    var nemoModuleContent = $get("ContentElement_" + this.id);
    if(nemoModuleContent != null)
    spanContainer.style.display == "none";

    this.StopTimeout();
    this.mainDiv.hide();

    //porta in primo piano tutti gli altri
    for(cursor=0;cursor<jFloaterArray.length;cursor++)
    if(jFloaterArray[cursor]!=this)
    {
        var internalDiv = jFloaterArray[cursor].mainDiv.eq(0).contents().eq(0);
        internalDiv.css("zIndex", Number(internalDiv.css("zIndex"))+1);
        jFloaterArray[cursor].mainDiv.css("zIndex", Number(jFloaterArray[cursor].mainDiv.css("zIndex"))-1);
    }
    myjFloater = null;
}

/*
 *   Effettua lo switch del tooltip (richiama show/hide alternativamente)
 */
jFloater.prototype.ToggleToolTip = function(xmlSettings)
{
    if( this.mainDiv.css("display") == "none" )
    {
        this.RefreshParameters(xmlSettings);
        this.ShowToolTip();
    }
    else
        this.HideToolTip();
}

/*
 *   Fa partire il timeout di chiusura
 */
jFloater.prototype.StartTimeout = function()
{
    /*
    * questa funzione viene richiamata in seguito ad un evento su un div 
    */
    if( this.closeDelayTime!=0 )
    {
        var tooltipId = window.setTimeout("GetjFloater('"+this.id+"').HideToolTip();", this.closeDelayTime);
        this.tooltipTimeoutId[this.tooltipTimeoutId.length] = tooltipId;
    }   
}

/*
 *   Ferma il timeout di chiusura
 */
jFloater.prototype.StopTimeout = function()
{
    /*
    * questa funzione viene richiamata in seguito ad un evento su un div
    */
    if( this.closeDelayTime!=0 )
    {
        //cancello tutti i timeout attivi attualmente
        for(var i=0;i<this.tooltipTimeoutId.length;i++)
        {
            tooltipId = this.tooltipTimeoutId[i];
            window.clearTimeout(tooltipId);
        }
        this.tooltipTimeoutId = new Array();
    }
}

/*
 *   Riscrive i settings (animazione di apertura, pulsante di chiusura, etc) del floater senza spostare il contenuto
 */
jFloater.prototype.RefreshParameters = function(xmlSettings)
{
    this.SetParameters( null, xmlSettings );
}

/*
 *   Scrive i settings (animazione di apertura, pulsante di chiusura, etc) del floater e sposta il contenuto dentro il floater
 */
jFloater.prototype.SetParameters = function(spanContainer, xmlSettings) {
    //importo le impostazioni
    var xmlDoc = importXML(htmlDecode(xmlSettings));

    this.mainDiv.css("background", "url(" +
        ((xmlDoc.getElementsByTagName("Shadow1ImagePath").length != 0) ?
             xmlDoc.getElementsByTagName("Shadow1ImagePath")[0].childNodes[0].nodeValue : "")
         + ") no-repeat bottom right");
    this.mainDiv.css("background", "url(" +
        ((xmlDoc.getElementsByTagName("Shadow2ImagePath").length != 0) ?
             xmlDoc.getElementsByTagName("Shadow2ImagePath")[0].childNodes[0].nodeValue : "")
         + ") no-repeat bottom right");

    //elimino l'eventuale br messo dopo il dv
    if (spanContainer != null && spanContainer.childNodes.length > 1)
        if (spanContainer.childNodes[1].nodeName == "BR")
        spanContainer.removeChild(spanContainer.childNodes[1]);

    var floaterWidth = xmlDoc.getElementsByTagName("Width").length != 0 && xmlDoc.getElementsByTagName("Width")[0].childNodes.length != 0 ? xmlDoc.getElementsByTagName("Width")[0].childNodes[0].nodeValue : "";
    var floaterHeight = xmlDoc.getElementsByTagName("Height").length != 0 && xmlDoc.getElementsByTagName("Height")[0].childNodes.length != 0 ? xmlDoc.getElementsByTagName("Height")[0].childNodes[0].nodeValue : "";
    this.centerToScreen = xmlDoc.getElementsByTagName("CenterToScreen").length != 0 ? xmlDoc.getElementsByTagName("CenterToScreen")[0].childNodes[0].nodeValue : "false";

    var showReload = xmlDoc.getElementsByTagName("ShowReload").length != 0 && xmlDoc.getElementsByTagName("ShowReload")[0].childNodes.length != 0 ? xmlDoc.getElementsByTagName("ShowReload")[0].childNodes[0].nodeValue : "false";

    dnn.dom.getById("FloaterSupport_" + this.id.replace("__Container_", "")).style.width = floaterWidth;
    dnn.dom.getById("FloaterSupport_" + this.id.replace("__Container_", "")).style.height = floaterHeight;

    // determina il ModuleId
    var moduleId = this.id.replace("__Container_", "");

    var img = null;
    var table = $j("#" + this.mainDiv.attr("id") + " > div").contents();
    if (table.length > 0) {
        //la tabella è già stata creata, basta recuperare l'immagine
        img = $j('#closeImg_' + moduleId);

        var imagePath = xmlDoc.getElementsByTagName("CloseImagePath")[0].childNodes[0].nodeValue;
        img.attr("src", imagePath);

        //div con classi di stile
        var internalDiv = this.mainDiv.eq(0).contents().eq(0);
        internalDiv.css("zIndex", "1000");
        internalDiv.css("margin", "0px 5px 5px 0px");
        internalDiv.css("position", "relative"); //FZ

        var cssNode = xmlDoc.getElementsByTagName("FloaterCssClass");
        if (this.oldFloaterCssClass != null)
            internalDiv.removeClass(this.oldFloaterCssClass);
        if (cssNode[0].childNodes.length != 0) {
            internalDiv.addClass(cssNode[0].childNodes[0].nodeValue);
            this.oldFloaterCssClass = cssNode[0].childNodes[0].nodeValue;
        }
        else
            this.oldFloaterCssClass = null;
        var customCss = xmlDoc.getElementsByTagName("CustomCssClass");
        if (this.oldCustomCss != null) {
            var oldAttrib = GetCssAttribList(this.oldCustomCss);
            for (i = 0; i < oldAttrib.length; i++)
                if (oldAttrib[i].length > 1)
                internalDiv.css(oldAttrib[i][0], "");
        }
        if (customCss[0].childNodes.length != 0) {
            var newAttrib = GetCssAttribList(customCss[0].childNodes[0].nodeValue);
            for (i = 0; i < newAttrib.length; i++)
                if (newAttrib[i].length > 1)
                internalDiv.css(newAttrib[i][0], newAttrib[i][1]);
            this.oldCustomCss = customCss[0].childNodes[0].nodeValue;
        }
        else
            this.oldCustomCss = null;
    }
    else {
        var closeLink = "javascript:GetjFloater('" + this.id + "').HideToolTip();";
        table = $j("<table></table>"); // --> oggetto jQuery contenente un nuovo elemento HTML table
        var imagePath = xmlDoc.getElementsByTagName("CloseImagePath")[0].childNodes[0].nodeValue;
        img = $j("<img src='" + imagePath + "' border=0 id='closeImg_" + moduleId + "'>");
        var a = $j("<a></a>").append(img);
        a.attr("href", closeLink);

        // ORIGINALE:
        //        table.append( $j("<tr></tr>").append("<td></td>").append( $j("<td style='text-align:right;'></td>").append( a ) ).append("<td></td>") );
        // FEDE:
        var spacerPath = xmlDoc.getElementsByTagName("SpacerImagePath")[0].childNodes[0].nodeValue;
        //alert("spacerPath: " + spacerPath);
        var imgReloadPath = xmlDoc.getElementsByTagName("ReloadImagePath")[0].childNodes[0].nodeValue;
        centerTd = $j("<td style='text-align:right'><img src='" + spacerPath + "' /></td>").append(a);
        var firstRow = $j("<tr id='handle_" + moduleId + "'></tr>");
        firstRow.append("<td></td>");
        
        if(showReload == "true")
            firstRow.append("<td style='text-align:left'><a href='javascript:Refresh_" + moduleId + "(\"Refresh\",\"true\")'><img src='" + imgReloadPath + "' border=0/></td>");
        else
            firstRow.append("<td></td>");
        
        firstRow.append(centerTd);
        firstRow.append("<td></td>");
        table.append(firstRow);

        // alert(table.html());
        var internalDiv = $j("<div ></div>");
        internalDiv.css("zIndex", "1000");
        internalDiv.css("margin", "0px 5px 5px 0px");
        internalDiv.css("position", "relative"); //FZ

        var cssNode = xmlDoc.getElementsByTagName("FloaterCssClass");
        if (cssNode[0].childNodes.length != 0) {
            // nome della classe di stile (Floater/FloaterBorder)
            //var floaterCssClass = cssNode[0].childNodes[0].nodeValue;
            //alert("floaterCssClass: " + floaterCssClass);
            internalDiv.addClass(cssNode[0].childNodes[0].nodeValue);
            this.oldFloaterCssClass = cssNode[0].childNodes[0].nodeValue;
        }
        else
            this.oldFloaterCssClass = null;

        var customCss = xmlDoc.getElementsByTagName("CustomCssClass");
        var newStyle = internalDiv.attr("style");
        if (customCss[0].childNodes.length != 0) {
            // eventuale stile personalizzato
            //var customCssClass = customCss[0].childNodes[0].nodeValue;
            //alert("customCssClass: " + customCssClass);
            newStyle += "; " + customCss[0].childNodes[0].nodeValue;
            this.oldCustomCss = customCss[0].childNodes[0].nodeValue;
        }
        else
            this.oldCustomCss = null;
        internalDiv.attr("style", newStyle);

        this.mainDiv.append(internalDiv.append(
            table.append($j("<tr></tr>").append("<td></td>").append($j("<td colspan=2></td>").append(spanContainer)).append("<td></td>"))
        ));


        // Se IE6 per nascondere le SELECT sottostanti inserisce
        // un iframe dentro mainDiv ma sotto internalDiv
        if ($j.browser.msie && $j.browser.version == "6.0") {
            //alert("Stai usando IE6.");
            var innerDiv = this.mainDiv.eq(0).contents().eq(0);
            var htmlIFrame = "<iframe id='BackgroundIFrame__" + moduleId + "' style=';position:absolute;z-index:900;left:0;top:0;height:300;width:500' frameborder='no'></iframe>";
            //alert(htmlIFrame);
            this.mainDiv.append($j(htmlIFrame));
        }
    }
    //    alert(table.html());


    // nasconde il pulsante di chiusura
    if (xmlDoc.getElementsByTagName("ShowCloseButton")[0].childNodes[0].nodeValue != "true")
        img.hide();

    //imposto l'animazione
    var transitionNode = xmlDoc.getElementsByTagName("OpeningAnimation")
    if (transitionNode[0].childNodes.length != 0)
        this.mainDiv.css("filter", transitionNode[0].childNodes[0].nodeValue);
    else
        this.mainDiv.css("filter", "");

    //imposto il draggable        
    if (xmlDoc.getElementsByTagName("RenderMode")[0].childNodes[0].nodeValue == "Movable") {
        // imposta il TD come barra di trascinamento
        this.mainDiv.draggable({
            handle: "#handle_" + moduleId
        });
        $j("#handle_" + moduleId).css({
            cursor: "pointer"
            //            borderWidth: "1px",
            //            borderStyle: "solid",
            //            borderColor: "LightGrey"    
        });
        // per dare alla barra l'altezza di 12px anche se il pulsante di chiusura è invisibile
        if (xmlDoc.getElementsByTagName("ShowCloseButton")[0].childNodes[0].nodeValue != "true")
            $j("#handle_" + moduleId + ' img').css("height", "12px");
    }

    //imposto il timeout
    this.closeDelayTime = xmlDoc.getElementsByTagName("CloseDelayTime")[0].childNodes[0].nodeValue;
}