﻿function BindDataListBox(list, data) {
    var items = list.get_items();
    items.clear();

    for (var i = 0; i < data.length; i++) {        
        var item = new Telerik.Web.UI.RadListBoxItem();
        item.set_text(data[i].Name);
        item.set_value(data[i].Id);
        items.add(item);        
    }
}

function BindDataComboBox(list, data) {
    var items = list.get_items();
    items.clear();    
    for (var i = 0; i < data.length; i++) {
        var item = new Telerik.Web.UI.RadComboBoxItem();
        item.set_text(data[i].Name);
        item.set_value(data[i].Id);
        items.add(item);
    }
    if (data.length > 0)
        items.getItem(0).select();
}

function GetRadWindow() {
    var oWindow = null;
    if (window.radWindow)
        oWindow = window.radWindow;
    else if (window.frameElement.radWindow)
        oWindow = window.frameElement.radWindow;
    return oWindow;
}
function DisplayElement(element) {
    element.style.visibility="visible";
}

function RemoveElement(element) {
    element.style.visibility = "hidden";
}    

/*** Tooltip article****/
function GetMouseXPosition(event) {
    var x = 0;
    var scrollX = 0;
    if (typeof event.clientX != 'undefined')
        x = event.clientX;
    else if (typeof event.pageXOffset != 'undefined')
        x = event.pageXOffset;

    if (typeof window.pageX != 'undefined' && window.pageX != 0)
        scrollX = window.pageX;
    else if (typeof document.body.scrollLeft != 'undefined'&&document.body.scrollLeft!=0)
        scrollX = document.body.scrollLeft;
    else if (typeof document.documentElement.scrollLeft != 'undefined'&&document.documentElement.scrollLeft!=0)
        scrollX = document.documentElement.scrollLeft;

    return x + scrollX;
}
function GetMouseYPosition(event) {
    var y = 0;
    var scrollY = 0;
    if (typeof event.clientY != 'undefined')
        y = event.clientY;
    else if (typeof event.pageYOffset != 'undefined')
        y = event.pageYOffset;

    if (typeof window.pageY != 'undefined' && window.pageY!=0)
        scrollY = window.pageY;
    else if (typeof document.body.scrollTop != 'undefined' && document.body.scrollTop!=0)
        scrollY = document.body.scrollTop;
    else if (typeof document.documentElement.scrollTop != 'undefined' && document.documentElement.scrollTop != 0)
        scrollY = document.documentElement.scrollTop;

    return y + scrollY;
}

function ShowAlert(message) {
    alert(message);
}

function DisplayToolTip(event, articleId) {
        var x = GetMouseXPosition(event);
        var y = GetMouseYPosition(event);
        var divDisplayToolTip = document.getElementById("DisplayToolTip");
        divDisplayToolTip.style.top = (y + 20)+ "px";
        divDisplayToolTip.style.left = (x - 100)+ "px";
        document.getElementById("DisplayTooltipdescription").innerHTML = "<img width='50px' height='50px' src='Images/ajax-loader.gif' alt=''/>";
        divDisplayToolTip.style.visibility = "visible"; 
        
        OnLoadArticleTooltip(articleId);
}
function HiddenTooltip() {
    document.getElementById("DisplayToolTip").style.visibility = "hidden";      
}
function OnLoadArticleTooltip(articleId) {
    PSCPortal.Services.CMS.GetArticleTooltip(articleId, OnLoadArticleTooltipSuccess, OnLoadArticleTooltipFailed);
}
function OnLoadArticleTooltipSuccess(results, context, methodName) {
    var at = Sys.Serialization.JavaScriptSerializer.deserialize(results);
    //document.getElementById("DisplayTooltipTitle").innerHTML = at.Title;
    document.getElementById("DisplayTooltipdescription").innerHTML = at.Description;
    var divDisplayToolTip = document.getElementById("DisplayToolTip");
    divDisplayToolTip.style.visibility = "visible";        
}
function OnLoadArticleTooltipFailed(results, context, methodName) {
}
function MovePanelDisplayTooltip(event) {
    var divDisplayToolTip = document.getElementById("DisplayToolTip");
    if (divDisplayToolTip.style.visibility == "hidden")
        return;
    var x = GetMouseXPosition(event);
    var y = GetMouseYPosition(event);
    
    divDisplayToolTip.style.top = (y + 20) + "px";
    divDisplayToolTip.style.left = (x - 100) + "px";
}     
