function rollover() {
    if (!document.getElementById || !document.createTextNode) { return; }
    var n = document.getElementById('nav');
    if (!n) { return; }
    var lis = n.getElementsByTagName('li');
    for (var i = 0; i < lis.length; i++) {
        lis[i].onmouseover = function() {
            this.className = this.className ? 'cur' : 'over';
        }
        lis[i].onmouseout = function() {
            this.className = this.className == 'cur' ? 'cur' : '';
        }
    }
}

function OnClicked(sender, eventArgs)
{
    var imgSrc = eventArgs.get_item().get_text();
    var Text;
    var rapid_check_src;
    var rapid_enterprise_check_src;

    var source = "Images/RAPID_Screenshots/";
    var ImageSource = "Images/";
    var tick_source = "tick.png"; var cross_source = "cross.png";
    
    if (imgSrc == "Spend By Supplier Name") {
        source += "Spend_By_Supplier.png";
        Text = "Spend By Supplier Name";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource +  tick_source;
    }

    if (imgSrc == "Spend By Supplier Code") {
        source += "Spend_By_Supplier_Code.png";
        Text = "Spend By Supplier Code";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }

    if (imgSrc == "Spend By Chart Of Accounts") {
        source += "Spend_By_Chart_Accounts.png";
        Text = "Spend By Chart Of Accounts";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }

    if (imgSrc == "Spend By Cost Code") {
        source += "Spend_By_Cost_Code.png";
        Text = "Spend By Cost Code";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }


    if (imgSrc == "Spend Overview") {
        source += "Spend_Overview.png";
        Text = "Spend Overview";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }

    if (imgSrc == "Spend By Office") {
        source += "Spend_By_Office.png";
        Text = "Spend By Office";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }


    if (imgSrc == "Category Manager") {
        source += "Category_Manager.png";
        Text = "Category Manager";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }

    if (imgSrc == "Category Trend Analysis") {
        source += "Category_Trend_Analysis.png";
        Text = "Category Trend Analysis";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }
    if (imgSrc == "Supplier Trend Analysis") {
        source += "Supplier_Trend_Analysis.png";
        Text = "Supplier Trend Analysis";
        rapid_check_src = ImageSource + tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }
    if (imgSrc == "Dashboard") {
        source += "Dashboard.jpg";
        Text = "All in one Dashboard";
        rapid_check_src = ImageSource +  tick_source;
        rapid_enterprise_check_src = ImageSource + tick_source;
    }
    
    document.getElementById('imgMain').src = source;
    document.getElementById('txt_Name').value = Text;
    document.getElementById('rapid_check').src = rapid_check_src;
    document.getElementById('enterprise_check').src = rapid_enterprise_check_src;
}