﻿//=========================================
//      Tabs Navigation Management
//=========================================
function ShowTab(index) {
    var list = document.getElementById("lodtablist").childNodes;
    for (var i = 1; i <= 2; i++) {
        if (document.getElementById("lodtab" + i) && document.getElementById("tab" + i)) {
            document.getElementById("lodtab" + i).style.display = "none";
            document.getElementById("tab" + i).className = "";
        }
    }

    if (document.getElementById("lodtab" + index) && document.getElementById("tab" + index)) {
        document.getElementById("lodtab" + index).style.display = "block";
        document.getElementById("tab" + index).className = "current";
    }
}

//==========================================
//          Related LODs Methods
//==========================================
function InitRelatedLODs() {
    if (typeof LODId != "undefined") {
        $.getJSON("/common/etc/relatedlods.aspx?id=" + LODId,
        function(json) {
            ArrLOD = json.lods;
            ShowRelatedLODs(true);
        });
    }
}

function ShowLoader() {
    $("tr.relatedlodspanel").empty();
    for (var i = 0; i < nbItems; i++) {
        $("tr.relatedlodspanel").append("<td width='" + (100/nbItems) + "%' align='center'><img src='/img/icons/ajax-loader.gif' width='16' height='16' /></td>");
    }
}

function ShowRelatedLODs(f) {
    if (!f) {
        // if end of table
        if (index == ArrLOD.length) {
            if ((ArrLOD.length % nbItems) == 0) {
                index = index - nbItems;
            }
            else {
                index = index - (ArrLOD.length % nbItems);
            }
        }
        else {
            index = index - nbItems;
        }
        index = index - nbItems;
    }

    if (index <= 0) {
        index = 0;
    }
    if (index <= ArrLOD.length) {
        $("tr.relatedlodspanel").empty();
        for (var i = 0; i < nbItems; i++) {
            $("tr.relatedlodspanel").append("<td width='" + (100 / nbItems) + "%' align='center' valign='top'><a href='?km_id=" + ArrLOD[index].id + "'><img border='0' width='70' height='70' alt='" + ArrLOD[index].title + "' src='" + ArrLOD[index].imgpath + "' style='border:1px solid #2e3c5d' /></a><br /><a href='/learning-on-demand/knowmore.aspx?km_id=" + ArrLOD[index].id + "'>" + ArrLOD[index].title + "</a><br /><b>by " + ArrLOD[index].speaker + "</b></td>");
            index++;

            if (index == ArrLOD.length) {
                for (var j = i; j < nbItems; j++) {
                    $("tr.relatedlodspanel").append("<td width='" + (100 / nbItems) + "%'>&nbsp;</td>");
                }
                break;
            }
        }
    }
    DisplayNavigationButtons();
}

// show / hide navigation buttons
function DisplayNavigationButtons() {
    if (index <= nbItems) {
        $("#lodnavprevious").css('background-position', 'top right');
    }
    else {
        $("#lodnavprevious").css('background-position', 'top left');
    }

    if (index < ArrLOD.length) {
        $("#lodnavnext").css('background-position', 'top left');
    }
    else {
        $("#lodnavnext").css('background-position', 'top right');
    }
}

$(document).ready(function() {
    // onload event: fill in box
    InitRelatedLODs();

    // onclick event: display previous items
    $("#lodnavprevious").click(function() {
        if (index > nbItems) {
            $(this).css('background-position', 'top center');
            ShowLoader();
            window.setTimeout('ShowRelatedLODs()', '500');
        }
    });

    // onclick event: display next items
    $("#lodnavnext").click(function() {
        if (index < ArrLOD.length) {
            $(this).css('background-position', 'top center');
            ShowLoader();
            window.setTimeout('ShowRelatedLODs(true)', '500');
        }
    });

    // on mouse over, roll over to display the right arrow
    $("#lodnavprevious").hover(function() {
        if (index > nbItems) {
            $(this).css('background-position', 'top center');
        }
    }, function() {
        if (index <= nbItems) {
            $(this).css('background-position', 'top right');
        }
        else {
            $(this).css('background-position', 'top left');
        }
    });

    // on mouse over, roll over to display the right arrow
    $("#lodnavnext").hover(function() {
        if (index < ArrLOD.length) {
            $(this).css('background-position', 'top center');
        }
    }, function() {
        if (index == ArrLOD.length) {
            $(this).css('background-position', 'top right');
        }
        else {
            $(this).css('background-position', 'top left');
        }
    });
});


//======================================
//              Recommend
//======================================
function Send(id) {
    var popup = window.open('/common/etc/sendlod.aspx?id=' + id, 'send', 'width=520,height=590,titlebar=yes,statusbar=no,toolbar=no,scrollbars=yes,resizable=yes');
    if (popup) popup.focus();
}

// Check that all fields are not null
function Validation() {
    var FromName    = getObjFormField("Form1", "FromName");
    var FromEmail   = getObjFormField("Form1", "FromEmail");
    var URL         = getObjFormField("Form1", "URL");
    var form        = getObjForm("Form1");
    // FromName
    if (isNull(FromName.value)) {
        alert("Your Name is required.");
        FromName.focus();
        return false;
    }
    // FromEmail
    if (isNull(FromEmail.value)) {
        alert("Your email address is required.");
        FromEmail.focus();
        return false;
    }
    if (!checkmail(FromEmail.value)) {
        alert("Your email address does not seem to be valid.");
        FromEmail.select();
        return false;
    }
    // ToName
    if (isNull(form.ToName1.value)) {
        alert("Your colleague's name is required.");
        form.ToName1.focus();
        return false;
    }
    // ToEmail
    if (isNull(form.ToEmail1.value)) {
        alert("Your colleague's email address is required.");
        form.ToEmail1.focus();
        return false;
    }
    if (!checkmail(form.ToEmail1.value)) {
        alert("Your colleague's email address does not seem to be valid.");
        form.ToEmail1.select();
        return false;
    }
    for (i = 1; i > 0; i++) {
        obj1 = eval("form.ToName" + i);
        obj2 = eval("form.ToEmail" + i);
        if (obj1 && obj2) {
            // ToEmail
            if (!isNull(obj2.value)) {
                if (!checkmail(obj2.value)) {
                    alert("Your colleague's email address does not seem to be valid.");
                    obj2.select();
                    return false;
                }
            }
        }
        else {
            break;
        }
    }
    if (window.opener != null && !window.opener.closed) {
        var url = opener.location.href;
        URL.value = url;
    }
    return true;
}

//===================================
//          Basket Methods
//===================================
function delItem(param) {
    var hid = getObjFormField('basketForm', 'delParam');
    var form = getObjForm('basketForm');

    hid.value = param;

    form.submit();
}
