String.prototype.trim = function()
{ 
    // Strip leading and trailing white-space 
    return this.replace(/^\s*|\s*$/g, ""); 
}

function Initialize()
{
    try {document.execCommand("BackgroundImageCache",false,true); }
    catch (e) {}

    InitializePanels();
    
    if (document.location.href == null || document.location.href.toLowerCase().indexOf("&editor=true") < 0) {
        InitializeImageLinks();
    }
    
    document.onkeyup = Document_KeyUp;
    document.onclick = Document_Click;
}

function Document_Click(eventArgs)
{
    eventArgs = (window.event ? window.event : eventArgs);

    var tmp_oElement = eventArgs.srcElement;
    if ((tmp_oElement != null) && 
        (tmp_oElement.tagName == "A") && 
        (tmp_oElement.className.indexOf("DisabledLink") > -1))
    {
        eventArgs.returnValue = false;
    }
}

function Document_KeyUp(eventArgs)
{
    var tmp_oKeyCode = (window.event ? window.event.keyCode : eventArgs.keyCode );
    if (tmp_oKeyCode == 27)
    {
        HideImage();
    }
}

function GetOffsetTop (oObject)
{
	var ot = oObject.offsetTop;
	while (oObject.offsetParent != null) 
	{
    	oObject = oObject.offsetParent;
		ot += oObject.offsetTop;
	} 
	return ot;
}

function InitializePanels()
{
    try
    {
        var tmp_iContentHeight = GetOffsetTop(document.getElementById("Footer")) - GetOffsetTop(document.getElementById("Container"))
        var tmp_iMenuHeight =  document.getElementById("qmpMenu").offsetHeight;
        var tmp_iHeight = Math.max(tmp_iMenuHeight + 150, tmp_iContentHeight) - (21+434+5);
        
        var tmp_oDivs = document.getElementsByTagName("div");
        for (var i=0;i<tmp_oDivs.length;i++)
        {
            if (tmp_oDivs[i].className == "PanelLeft" || tmp_oDivs[i].className == "PanelCenter" || tmp_oDivs[i].className == "PanelRight")
            {
                tmp_oDivs[i].style.height = Math.max(0, tmp_iHeight) + "px";
            }
            else if (tmp_oDivs[i].className == "SeparatorTop")
            {
                tmp_oDivs[i].style.height = Math.max(0,tmp_iHeight - 25) + "px";
            }
        }
    } catch (e) { }
}

function InitializeImageLinks()
{
    var tmp_oHyperlinks = document.getElementsByTagName("a");
    for (var i=0;i<tmp_oHyperlinks.length;i++)
    {
        if (IsImageLink(tmp_oHyperlinks[i]))
        {
            tmp_oHyperlinks[i].onclick = ShowImageLink;
        }
    }
}

function ShowImageLink(eventArgs)
{
    var tmp_oTarget = (window.event ? window.event.srcElement : eventArgs.target );
    while (tmp_oTarget != null && tmp_oTarget.tagName != "A")
    {
        tmp_oTarget = tmp_oTarget.parentNode;
    }
   
    if (tmp_oTarget == null) return true;
    
    ShowImage(tmp_oTarget.getAttribute("href"));
    return false;
}

function GetScrollable()
{
    var tmp_oScrollable = null;
        
    if (window.navigator.userAgent.indexOf("Safari") > -1) tmp_oScrollable = document.body;
    else tmp_oScrollable = document.getElementsByTagName("html")[0];
        
    return tmp_oScrollable;        
}

function ShowImage(imageUrl)
{
    ShowOverlay();

    PositionImage();
    
    var tmp_oImage = document.getElementById("ImageDetails");
    tmp_oImage.style.height = "5px";
    tmp_oImage.style.visibility = "hidden";
    tmp_oImage.src = imageUrl;
}

function ShowOverlay()
{
    var tmp_oScrollable = GetScrollable();
    var tmp_oOverlay = document.getElementById("ImageOverlay");
    tmp_oOverlay.style.width = tmp_oScrollable.scrollWidth + "px";
    tmp_oOverlay.style.height = tmp_oScrollable.scrollHeight + "px";
    tmp_oOverlay.style.visibility = "visible";
}

function ImageLoad(image)
{
    var tmp_oContainer = document.getElementById("ImageContainer");
    var tmp_oLoading = document.getElementById("ImageLoading");
    var tmp_oImage = document.getElementById("ImageDetails");
    var tmp_oScrollable = GetScrollable();
    
    if (tmp_oContainer.style.visibility == "hidden")
    {
        HideImage();
        return;
    }

    PositionImage();

    ShowOverlay();

    tmp_oLoading.style.display = "none";
    tmp_oImage.style.visibility = "visible";
}

function PositionImage()
{
    var tmp_oScrollable = GetScrollable();

    var tmp_oImage = document.getElementById("ImageDetails");
    var tmp_oContainer = document.getElementById("ImageContainer");
    var tmp_oLoading = document.getElementById("ImageLoading");
    
    tmp_oLoading.style.display = "block";
    tmp_oImage.style.height = "auto";
    
    var tmp_iWidth = Math.max(tmp_oImage.width, 300);
    var tmp_iHeight = tmp_oImage.height;
    
    var tmp_iX = Math.max(0, (((window.innerWidth ? window.innerWidth : tmp_oScrollable.clientWidth) - (tmp_iWidth)) / 2)) + tmp_oScrollable.scrollLeft;
    var tmp_iY = Math.max(0, (((window.innerHeight ? window.innerHeight : tmp_oScrollable.clientHeight) - (tmp_iHeight)) / 2)) + tmp_oScrollable.scrollTop;
    
    tmp_oContainer.style.top = tmp_iY + "px";
    tmp_oContainer.style.left = tmp_iX + "px";
    tmp_oContainer.style.width = tmp_iWidth + "px";
    tmp_oContainer.style.visibility = "visible";
}
 
function HideImage()
{
    var tmp_oOverlay = document.getElementById("ImageOverlay");
    tmp_oOverlay.style.visibility = "hidden";
    
    var tmp_oImage = document.getElementById("ImageDetails");
    tmp_oImage.style.visibility = "hidden";
    tmp_oImage.src = "/qios.webspace/gfx/pic_blank";
    
    var tmp_oContainer = document.getElementById("ImageContainer");
    tmp_oContainer.style.visibility = "hidden";
}

function IsImageLink(hyperlink)
{
    var tmp_sHref = hyperlink.getAttribute("href");
    if (tmp_sHref != null)
    {
        if (tmp_sHref.indexOf(".png") == (tmp_sHref.length - 4)) return true;
        if (tmp_sHref.indexOf(".gif") == (tmp_sHref.length - 4)) return true;
        if (tmp_sHref.indexOf(".jpg") == (tmp_sHref.length - 4)) return true;
        if (tmp_sHref.indexOf(".jpeg") == (tmp_sHref.length - 5)) return true;
    }
    return false;
}

var m_iAttachmentCount = 0;
function AddAttachment(sInputContainerID)
{
	//increase counter
	m_iAttachmentCount++;

	//get references
	var oContainer = document.getElementById(sInputContainerID);
	
	//create a new input control
	var oInput = document.createElement("INPUT");
	oInput.type = "file";
	oInput.size = "75";
	oInput.name = "Attachment" + m_iAttachmentCount;
	oInput.id = "Attachment" + m_iAttachmentCount;
	
	//add the new control to the control
	oContainer.appendChild(oInput);
	//make the container visible, if its not already
	oContainer.style.display = "block";
}

function ToggleTreeNode(sTableBodyID, sImageID)
{
    var oTableBody = document.getElementById(sTableBodyID);
    var oImage = document.getElementById(sImageID);
    if (oTableBody != null)
    {
        if (oTableBody.style.display == "none")
        {
            oTableBody.style.display = "";
            if (oImage != null) oImage.src = "/qios.webspace/gfx/btn_min.gif";
        }
        else
        {
            oTableBody.style.display = "none";
            if (oImage != null) oImage.src = "/qios.webspace/gfx/btn_plus.gif";
        }
    }   
}

function EnableLinkOnCheckBox(oCheckBox, sLinkID)
{
    var oLink = document.getElementById(sLinkID);
    
    if (oCheckBox.checked)
    {
        oLink.className = oLink.className.replace("DisabledLink", "");
        //Trim is prototyped above. This is done this way because spatials in the className are default trimmed by FF.
        oLink.className = oLink.className.trim();
    }
    else
    {
        oLink.className += " DisabledLink";
    }
}

function ToggleCodeSnippet(oLink, sCodeDivID)
{
    var oCodeDiv = document.getElementById(sCodeDivID);
    
	if (oCodeDiv.style.display == "block")
	{
		oCodeDiv.style.display = "none"
		oLink.innerHTML = oLink.innerHTML.replace("Hide", "Show");
	}
	else
	{
		oCodeDiv.style.display = "block"
		oLink.innerHTML = oLink.innerHTML.replace("Show", "Hide");
	}
}