var fixedButton;
var tTipTimeoutHndl;
function ActiveButton(img) {
    //Refresh IsAuth WARP to get login status
    var warp = ig$("ctl00_ContentPlaceHolder1_WARPIsAuthenticated");
    if(warp != null )
        warp.refresh();

    if (img == fixedButton) { return }
    img.src = img.src.replace('.png', 'Hover.png');
    img.src = img.src.replace('.jpg', 'Hover.jpg');
    var imgLeft = document.getElementById(img.id + 'Left');
    imgLeft.src = imgLeft.src.replace('.png', 'Hover.png');
    imgLeft.src = imgLeft.src.replace('.jpg', 'Hover.jpg');
//    try {
//        var reflec = document.getElementById(img.id.replace('Up', 'Down'))
//        reflec.src = reflec.src.replace('.png', 'Hover.png');
//    } catch (Err) { }
    showTtip = true;
    tTipTimeoutHndl = setTimeout(function() { doTooltip(img) }, 300)
}
var showTtip;
function InactiveButton(img) {
    showTtip = false;
    clearTimeout(tTipTimeoutHndl);
    //document.getElementById('divTooltip').style.display = 'none';
    fadeText(document.getElementById('ctl00_ContentPlaceHolder1_Tooltip1_divText'), '', colortable);
    if (img == fixedButton) { return }
    img.src = img.src.replace('Hover.png', '.png');
    img.src = img.src.replace('Hover.jpg', '.jpg');
    var imgLeft = document.getElementById(img.id + 'Left');
    imgLeft.src = imgLeft.src.replace('Hover.png', '.png');
    imgLeft.src = imgLeft.src.replace('Hover.jpg', '.jpg');
//    try {
//        var reflec = document.getElementById(img.id.replace('Up', 'Down'))
//        reflec.src = reflec.src.replace('Hover.png', '.png');
//    } catch (Err) { }

}
function DoButtonClick(sender, targetURL, ReqAuth) {
    if (ReqAuth) {
        if (document.getElementById('ctl00_ContentPlaceHolder1_HiddIsAuthenticated').value == 'True') {
            window.location = targetURL
        } else {
            document.getElementById('ctl00_ContentPlaceHolder1_LoginControlEmbeded_HiddenLoginTarget').value = targetURL;
            ShowLogin(sender)
        }
    } else {
        window.location = targetURL;
    }
}
var divOutLog;
var divInLog;
function ShowLogin(sender) {
    fixedButton = sender;
    document.getElementById('ctl00_ContentPlaceHolder1_HiddExpandedButton').value = sender.id;
    divOutLog = document.getElementById('divOutterLogin');
    divInLog = document.getElementById('divInnerLogin');
    if (divOutLog.style.height == '0px') { Expand() } else { Collapse() };
}
function Expand() {
    var currHeiht = parseInt(divOutLog.style.height.replace('px', ''))
    divOutLog.style.height = currHeiht + 10;
    if (currHeiht < 110) {
        setTimeout('Expand()', 1)
    } else { divInLog.style.display = 'inline'; }
}
function Collapse() {
    document.getElementById('ctl00_ContentPlaceHolder1_HiddExpandedButton').value = '';
    divInLog.style.display = 'none'
    var currHeiht = parseInt(divOutLog.style.height.replace('px', ''))
    divOutLog.style.height = currHeiht - 10;
    if (currHeiht > 10) {
        setTimeout('Collapse()', 1)
    } else {
        divOutLog.style.height = 0;
        var tmp = fixedButton;
        fixedButton = null;
        InactiveButton(tmp);
    }
}
function WARPIsAuthenticated_RefreshRequest(oPanel, oEvent, id) {
    oPanel.getProgressIndicator().setTemplate('<div/>');
}
function OnLoad() {
    
    var expB = document.getElementById('ctl00_ContentPlaceHolder1_HiddExpandedButton').value;
    if (expB.length > 0) {
        ShowLogin(document.getElementById(expB));
    }
}
function BeforeSubmit() {
    if (fixedButton != null) {
        var tmp = fixedButton;
        Collapse(fixedButton);
        document.getElementById('ctl00_ContentPlaceHolder1_HiddExpandedButton').value = tmp.id;
    }
}
function GetElementLeftPosition(xElement) { var selectedPosX = 0;
    var theElement = xElement;
    while (theElement != null) {
        selectedPosX += theElement.offsetLeft;
        theElement = theElement.offsetParent;
    }

    return selectedPosX
}


function GetElementTopPosition(o) {

    var fixBrowserQuirks = true;
    var top = 0;
    var parentNode = null;
    var offsetParent = null;
    offsetParent = o.offsetParent;
    var originalObject = o;
    var el = o; // "el" will be nodes as we walk up, "o" will be saved for offsetParent references
    while (el.parentNode != null) {
        el = el.parentNode;
        if (el.offsetParent == null) {
        }
        else {
            var considerScroll = true;
            /*
            In Opera, if parentNode of the first object is scrollable, then offsetLeft/offsetTop already 
            take its scroll position into account. If elements further up the chain are scrollable, their 
            scroll offsets still need to be added in. And for some reason, TR nodes have a scrolltop value
            which must be ignored.
            */
            if (fixBrowserQuirks && window.opera) {
                if (el == originalObject.parentNode || el.nodeName == "TR") {
                    considerScroll = false;
                }
            }
            if (considerScroll) {
                if (el.scrollTop && el.scrollTop > 0) {
                    top -= el.scrollTop;
                }
                if (el.scrollLeft && el.scrollLeft > 0) {
                    left -= el.scrollLeft;
                }
            }
        }
        // If this node is also the offsetParent, add on the offsets and reset to the new offsetParent
        if (el == offsetParent) {
            
            top += o.offsetTop;
            if (el.clientTop && el.nodeName != "TABLE") {
                top += el.clientTop;
            }
            o = el;
            if (o.offsetParent == null) {
               
                if (o.offsetTop) {
                    top += o.offsetTop;
                }
            }
            offsetParent = o.offsetParent;
        }
    }


    return top ;
}
function doCommonTooltip(refObj, txt) {
    var offsetTop = GetElementTopPosition(refObj) - 29;
    var offsetLeft = GetElementLeftPosition(refObj) + 290;
    var tTip = document.getElementById('divTooltip');
    tTip.style.top = offsetTop + 'px';
    tTip.style.left = offsetLeft + 'px';
    //document.getElementById('ctl00_ContentPlaceHolder1_Tooltip1_divText').innerText = txt;
    tTip.style.display = 'block';
    fadeText(document.getElementById('ctl00_ContentPlaceHolder1_Tooltip1_divText'), txt, colortable);
}
function doDialogTooltip(refObj, txt) {
    var offsetTop = GetElementTopPosition(refObj) - 29;
    var offsetLeft = GetElementLeftPosition(refObj) + 290;
    var tTip = document.getElementById('divTooltip');
    tTip.className = 'tooltip';
    tTip.style.top = offsetTop + 'px';
    tTip.style.left = offsetLeft + 'px';
    //document.getElementById('ctl00_ContentPlaceHolder1_Tooltip1_divText').innerText = txt;
    tTip.style.display = 'block';
    fadeText(document.getElementById('ctl00_ContentPlaceHolder1_Tooltip1_divText'), txt, colortable);
}
function fadeText(item, text, colors) {
    if (item) {
        fadeData = new Object();
        fadeData.item = item;
        fadeData.text = text;
        fadeData.colors = colors;
        fadeData.color = colors.length;
    }
    fadeData.color--;
    if (fadeData.color == 0)
        fadeData.item.innerHTML = fadeData.text;
    fadeData.item.style.color = fadeData.colors[Math.abs(fadeData.color)];
    if (fadeData.color > -fadeData.colors.length)
        setTimeout("fadeText()", 100);
}
var colortable = [
	"#7DA0B3",
	"#9DB7C6",
	"#BECFD9",
	"#DEE7EC",
	"#FFFFFF"
];