function ajaxFunction(contactID, articalId, checked, tcs) {
    var xmlHttp;
    try {    // Firefox, Opera 8.0+, Safari    
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {    // Internet Explorer    
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {

            //alert(xmlHttp.responseText);

            return true;

        }
    }

    if (checked) {
        //SET
        xmlHttp.open("GET", "AJAXCalls/MyTCS.aspx?mode=Set&tcs=" + tcs + "&id=" + contactID + "&aid=" + articalId, true);
        xmlHttp.send(null);
    }
    else {
        //CLEAR
        xmlHttp.open("GET", "AJAXCalls/MyTCS.aspx?mode=Clear&tcs=" + tcs + "&id=" + contactID + "&aid=" + articalId, true);
        xmlHttp.send(null);
    }


}


function AddtoRank(mode, itemId) {
    var xmlHttp;
    try {    // Firefox, Opera 8.0+, Safari    
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {    // Internet Explorer    
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            return true;
        }
    }

    xmlHttp.open("GET", "AJAXCalls/Rank.aspx?mode=" + mode + "&id=" + itemId);
    xmlHttp.send(null);
}



function OnClientItemClicking(sender, eventArgs) {

    var item = eventArgs.get_item();
    var AmaxX, AminX, BmaxX, BminX, maxY, minY

    AminX = 710;
    AmaxX = 771;
    BminX = 825;
    BmaxX = 885;
    if (item.get_level() == 0) {
        minY = 35;
        maxY = 77;
    }
    else {
        minY = 13;
        maxY = 47;
    }
    alert(eventArgs.get_domEvent().offsetX + "  && " + eventArgs.get_domEvent().offsetY);


    if (item.get_expanded()) {


        if (eventArgs.get_domEvent().offsetX < 600) {  // **MODE** normal collapse
            return;
        }
        else { // **MODE**  collapse ALL
            eventArgs.set_cancel(true);
            if (eventArgs.get_domEvent().offsetX > BminX && eventArgs.get_domEvent().offsetX < BmaxX && eventArgs.get_domEvent().offsetY > minY && eventArgs.get_domEvent().offsetY < maxY) {
                // in the zone

                item.collapse();
                var allitems = item.get_items();
                var count1;
                for (count1 = 0; count1 < allitems.get_count(); count1++) {

                    allitems.getItem(count1).collapse();
                    var allsubitems = allitems.getItem(count1).get_items();
                    var count2;
                    for (count2 = 0; count2 < allsubitems.get_count(); count2++) {
                        allsubitems.getItem(count2).collapse();
                    }
                }
            }
            else {
                // not in the zone
            }


        }
    }
    else {


        switch (item.get_level()) {
            case 0:
                AddtoRank("Cat", item.get_value());
                break;
            case 1:
                AddtoRank("SubCat", item.get_value());
                break;
            case 2:
                AddtoRank("Art", item.get_value() / 1000);
                break;
            default:
                alert(item.get_level());
                break;
        }

        if (eventArgs.get_domEvent().offsetX < 600) {// **MODE**  normal expand
            return;
        }
        else { // **MODE**  expand ALL
            // expand the child items first to help with the animation
            eventArgs.set_cancel(true);
            if (eventArgs.get_domEvent().offsetX > AminX && eventArgs.get_domEvent().offsetX < AmaxX && eventArgs.get_domEvent().offsetY > minY && eventArgs.get_domEvent().offsetY < maxY) {
                //in the zone
                var allitems = item.get_items();
                var count1;
                for (count1 = 0; count1 < allitems.get_count(); count1++) {

                    var allsubitems = allitems.getItem(count1).get_items();
                    var count2;
                    for (count2 = 0; count2 < allsubitems.get_count(); count2++) {
                        allsubitems.getItem(count2).expand();
                    }
                    allitems.getItem(count1).expand();
                }
                item.expand();
            }
            else {
                //not in the zone            
            }
        }
    }
}

function DAOnClientItemClicking(sender, eventArgs) {

    var item = eventArgs.get_item();
    var maxX, minX, maxY, minY
    collapseImgBtn.src = "Images/todays_collapseOff1.jpg";

    if (item.get_level() == 1) {
        minX = 793;
        maxX = 890;
        minY = 5;
        maxY = 30;

        if ((minX <= eventArgs.get_domEvent().offsetX && eventArgs.get_domEvent().offsetX <= maxX) && (minY <= eventArgs.get_domEvent().offsetY && eventArgs.get_domEvent().offsetY <= maxY)) {
            if (null != showPopWin) {
                eventArgs.set_cancel(true);

                showPopWin('Popups/DAPlayer.aspx?file_id=' + item._itemData[0].value, 400, 250, null, true);

            }

        }

    }

}



// grab all events and suppress expansion for the panel
function DAPrintableOnClientItemClicking(sender, eventArgs) {

    var item = eventArgs.get_item();
    var maxX, minX, maxY, minY

    if (item.get_level() == 0) {
        minX = 515;
        maxX = 585;
        minY = 2;
        maxY = 20;

        eventArgs.set_cancel(true);
        if ((minX <= eventArgs.get_domEvent().offsetX && eventArgs.get_domEvent().offsetX <= maxX) && (minY <= eventArgs.get_domEvent().offsetY && eventArgs.get_domEvent().offsetY <= maxY)) {
            if (null != showPopWin) {

                showPopWin('Popups/DAPlayer.aspx?file_id=' + item._itemData[0].value, 400, 250, null, true);
            }
        }


    }
}

function DATopBitsOnClientItemClicking(sender, eventArgs) {

    var item = eventArgs.get_item();
    var maxX, minX, maxY, minY
    collapseImgBtn.src = "Images/todays_collapseOff1.jpg";

    if (item.get_level() == 0) {
        minX = 793;
        maxX = 890;
        minY = 5;
        maxY = 30;

        if ((minX <= eventArgs.get_domEvent().offsetX && eventArgs.get_domEvent().offsetX <= maxX) && (minY <= eventArgs.get_domEvent().offsetY && eventArgs.get_domEvent().offsetY <= maxY)) {
            if (null != showPopWin) {
                eventArgs.set_cancel(true);
                showPopWin('Popups/DAPlayer.aspx?file_id=' + item._itemData[0].value, 400, 250, null, true);
            }
        }

    }
}

function ExpandAll(panelItem, imageBasePath) {
    // expand the child items first to help with the animation
    var eImageName = "ExpandALLimg";
    var cImageName = "CollapseALLimg";
    if (document.getElementById(eImageName).src == imageBasePath + 'Images/todays_expandOff.jpg') {
        document.getElementById(eImageName).src = imageBasePath + 'Images/todays_expandOn.jpg';
        document.getElementById(cImageName).src = imageBasePath + 'Images/todays_collapseOff.jpg';

        var panel = $find(panelItem);
        var items = panel.get_items();
        //panel.trackChanges();
        var count1;
        for (count1 = 0; count1 < items.get_count(); count1++) {
            var subitems = items.getItem(count1).get_items();
            var count2;
            for (count2 = 0; count2 < subitems.get_count(); count2++) {

                subitems.getItem(count2).expand();
            }
            items.getItem(count1).expand();
        }
        //panel.commitChanges();    
    }

    return true;
}

function CollapseAll(panelItem, imageBasePath) {
    var eImageName = "ExpandALLimg";
    var cImageName = "CollapseALLimg";
    if (document.getElementById(cImageName).src == imageBasePath + 'Images/todays_collapseOff.jpg') {
        document.getElementById(cImageName).src = imageBasePath + 'Images/todays_collapseOn.jpg';
        document.getElementById(eImageName).src = imageBasePath + 'Images/todays_expandOff.jpg';

        var panel = $find(panelItem);
        var items = panel.get_items();

        var count1;
        for (count1 = 0; count1 < items.get_count(); count1++) {
            items.getItem(count1).collapse();
            var subitems = items.getItem(count1).get_items();
            var count2;
            for (count2 = 0; count2 < subitems.get_count(); count2++) {
                subitems.getItem(count2).collapse();

            }
        }


    }
}

function lightStarts(inVal, bId) {
    if (inVal > 0) {
        document.getElementById(bId + 'imgVote1').src = 'images/Rating/stars_yellow.gif';
    }
    if (inVal > 1) {
        document.getElementById(bId + 'imgVote2').src = 'images/Rating/stars_yellow.gif';
    }
    if (inVal > 2) {
        document.getElementById(bId + 'imgVote3').src = 'images/Rating/stars_yellow.gif';
    }
    if (inVal > 3) {
        document.getElementById(bId + 'imgVote4').src = 'images/Rating/stars_yellow.gif';
    }
    if (inVal > 4) {
        document.getElementById(bId + 'imgVote5').src = 'images/Rating/stars_yellow.gif';
    }

    return true;
}

function darkStars(bId) {
    document.getElementById(bId + 'imgVote1').src = 'images/Rating/stars_white.gif';
    document.getElementById(bId + 'imgVote2').src = 'images/Rating/stars_white.gif';
    document.getElementById(bId + 'imgVote3').src = 'images/Rating/stars_white.gif';
    document.getElementById(bId + 'imgVote4').src = 'images/Rating/stars_white.gif';
    document.getElementById(bId + 'imgVote5').src = 'images/Rating/stars_white.gif';
    return true;
}


function vote(vote, bitId, userId, oldRating) {
    var xmlHttp;
    try {    // Firefox, Opera 8.0+, Safari    
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) {    // Internet Explorer    
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;
            }
        }
    }

    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            //document.myForm.time.value=xmlHttp.responseText;

            document.getElementById(bitId + 'imgYourVote').src = 'images/rating/y' + vote + '.gif';
            document.getElementById(bitId + 'imgYesVote').src = 'images/rating/r' + xmlHttp.responseText + '.gif';
            //document.getElementById(bitId + 'imgNoVote').src = 'images/rating/r' + xmlHttp.responseText + '.gif';
            //alert(vote);

            toggleLayer(bitId + 'Vote');
            toggleLayer(bitId + 'YourVote');
            if (oldRating == 0) {
                toggleLayer(bitId + 'NoVote');
                toggleLayer(bitId + 'YesVote');
            }
        }
    }


    xmlHttp.open("GET", "AJAXCalls/rate.aspx?vote" + bitId + "=" + vote + "&bitId=" + bitId + "&userId=" + userId, true);
    xmlHttp.send(null);

}

function Voted(vote, bitId) {

    if (vote != "0") {
        toggleLayerOFF(bitId + 'Vote');
        toggleLayer(bitId + 'YourVote');
    }
}

function toggleLayer(whichLayer) {
    var elem, vis;
    if (document.getElementById) // this is the way the standards work    
        elem = document.getElementById(whichLayer);
    else if (document.all) // this is the way old msie versions work      
        elem = document.all[whichLayer]; else if (document.layers) // this is the way nn4 works    
        elem = document.layers[whichLayer];
    vis = elem.style;  // if the style.display value is blank we try to figure it out here  
    if (vis.display == '' && elem.offsetWidth != undefined && elem.offsetHeight != undefined)
        vis.display = (elem.offsetWidth != 0 && elem.offsetHeight != 0) ? 'block' : 'none';
    vis.display = (vis.display == '' || vis.display == 'block') ? 'none' : 'block';
}

function toggleLayerOFF(whichLayer) {
    var elem, vis;
    if (document.getElementById) // this is the way the standards work    
        elem = document.getElementById(whichLayer);
    else if (document.all) // this is the way old msie versions work      
        elem = document.all[whichLayer]; else if (document.layers) // this is the way nn4 works    
        elem = document.layers[whichLayer];
    vis = elem.style;  // if the style.display value is blank we try to figure it out here  
    if (vis.display == '' && elem.offsetWidth != undefined && elem.offsetHeight != undefined)
        vis.display = 'none';

}

function ListenClick(id, e) {
    if (null != showPopWin) {
        showPopWin('Popups/DAPlayer.aspx?file_id=' + id, 400, 250, null, true);
    }

    if (!e) {
        var e = window.event;
    }
    e.cancelBubble = true;

    if (e.stopPropagation) {
        e.stopPropagation();
    }

    return false;
}

function SetTopRadios(eOn, cOn) {

    var cImgBtn, eImgBtn;
    eImgBtn = document.getElementById('eBtn');
    cImgBtn = document.getElementById('cBtn');

    if (eOn) {

        eImgBtn.src = "Images/todays_expandOn1.jpg";
    }
    else {
        eImgBtn.src = "Images/todays_expandOff1.jpg";
    }

    if (cOn) {
        cImgBtn.src = "Images/todays_collapseOn1.jpg";

    }
    else {
        cImgBtn.src = "Images/todays_collapseOff1.jpg";
    }

}

function SetTopRadiosTopBits(eOn, cOn) {

    var cImgBtn, eImgBtn;
    eImgBtn = document.getElementById('teBtn');
    cImgBtn = document.getElementById('tcBtn');

    if (eOn) {

        eImgBtn.src = "Images/bits_ExpandAllOn.jpg";
    }
    else {
        eImgBtn.src = "Images/bits_ExpandAllOff.jpg";
    }

    if (cOn) {
        cImgBtn.src = "Images/bits_collapseOn.jpg";

    }
    else {
        cImgBtn.src = "Images/bits_collapseOff.jpg";
    }

}
function ERadioClick(myDiv, id, e) {

    SetTopRadios(false, false);
    var $pElement;

    $pElement = $(myDiv).parent().parent();

    $pElement.find("div.Nav2").show();
    $pElement.find("div.Nav3").show();

    $pElement.find("div.Nav1Text").addClass("Nav1TextExp");
    $pElement.find("div.Nav2Text").addClass("Nav2TextExp");
    $pElement.find("div.Nav1TextDouble").addClass("Nav1TextDoubleExp");
    $pElement.find("div.Nav2TextDouble").addClass("Nav2TextDoubleExp");

    if (!e) {
        var e = window.event;
    }
    e.cancelBubble = true;

    if (e.stopPropagation) {
        e.stopPropagation();
    }

    return false;
}

function CRadioClick(myDiv, id, e) {

    SetTopRadios(false, false);

    var $pElement;

    $pElement = $(myDiv).parent().parent();
    $pElement.find("div.Nav2").hide();
    $pElement.find("div.Nav3").hide();

    //$(myDiv).parent().find("div.Nav2Text").addClass("Nav2TextExp");
    $pElement.find("div.Nav1Text").removeClass("Nav1TextExp");
    $pElement.find("div.Nav2Text").removeClass("Nav2TextExp");
    $pElement.find("div.Nav1TextDouble").removeClass("Nav1TextDoubleExp");
    $pElement.find("div.Nav2TextDouble").removeClass("Nav2TextDoubleExp");

    if (!e) {
        var e = window.event;
    }
    e.cancelBubble = true;

    if (e.stopPropagation) {
        e.stopPropagation();
    }

    return false;
}




function ERadioAll() {
    SetTopRadios(true, false);

    $my.divNav2.show();
    $my.divNav3.show();

    $my.divNav1Text.addClass("Nav1TextExp");
    $my.divNav2Text.addClass("Nav2TextExp");
    $my.divNav1TextDouble.addClass("Nav1TextDoubleExp");
    $my.divNav2TextDouble.addClass("Nav2TextDoubleExp");

    return false;
}


function CRadioAll() {
    SetTopRadios(false, true);

    $my.divNav2.hide();
    $my.divNav3.hide();

    $my.divNav1Text.removeClass("Nav1TextExp");
    $my.divNav2Text.removeClass("Nav2TextExp");
    $my.divNav1TextDouble.removeClass("Nav1TextDoubleExp");
    $my.divNav2TextDouble.removeClass("Nav2TextDoubleExp");

    return false;
}

function topbitsERadioAll() {
    SetTopRadiosTopBits(true, false);

    $mytopbits.divNav2.show();

    $mytopbits.divNav1Text.addClass("tNav1TextExp");
    $mytopbits.divNav1TextDouble.addClass("tNav1TextDoubleExp");

    return false;
}


function topbitsCRadioAll() {
    SetTopRadiosTopBits(false, true);

    $mytopbits.divNav2.hide();
    $mytopbits.divNav1Text.removeClass("Nav1TextExp");
    $mytopbits.divNav1TextDouble.removeClass("Nav1TextDoubleExp");


    return false;
}