﻿function RadioSelect(sender, instance, url) {    
    var objSender = document.getElementById(sender);
    if (objSender) {
        var div1 = objSender.parentNode;
        var div2 = div1.parentNode;
        if (objSender) {
            if (div1) {
                if (div2) {
                    if (objSender.checked == true) {
                        div2.style.backgroundColor = "#ffff99";
                        div2.style.color = "#ff0000";
                        PopulateMain(sender, instance, url);
                    }

                    var myarray = document.getElementsByName(instance + '_group');
                    for (i = 0; i < myarray.length; i++) {
                        if (myarray[i].checked == false) {
                            var OtherRadios = myarray[i]
                            var OR1 = OtherRadios.parentNode;
                            var OR2 = OR1.parentNode;
                            OR2.style.backgroundColor = "transparent";
                            OR2.style.color = "#000000";
                        }
                    }
                }
            }
        }
    }
}

function PopulateMain(sender, instance, url) {
    var objSender = document.getElementById(sender);
    if (objSender) {
        AccID = objSender.value;
    } else {
        AccID = 0;
    }

    var imgMain = document.getElementById(instance + "_imgMain");
    var imgSrc = url + "image.aspx?&id=" + AccID + "&mode=main";
    var Price = document.getElementById(instance + "_lblPrice");
    var Description = document.getElementById(instance + "_lblDescription");
    var imgSrcNone = url + "images/none4.gif";

    if (AccID == 0) {
        imgMain.src = imgSrcNone;
        Price.innerHTML = "£0";
        Description.innerHTML = "No items selected. Select by clicking on an item to the left.";
        return;
    }

    // set image
    if (imgMain) {
        imgMain.src = imgSrc;
    }

    // get price
    if (objSender) {
        var Div1 = objSender.parentNode;
        var DivRadio = Div1.parentNode.id;
        var children = document.getElementById(DivRadio).getElementsByTagName('*');
        if (children[4]) {
            var lblPrice = children[4].innerHTML;
        }
        //set price
        if (lblPrice) {
            if (Price) {
                Price.innerHTML = lblPrice;
                //set price on txtPrice to send to p_strPrice
                var txtPrice = $find(instance + '_txtPrice');
                if (txtPrice) {
                    txtPrice.set_value(lblPrice);
                }
            }
        }

        // get description
        if (children[6]) {
            var lblDescription = children[6].innerHTML;
        }
        // set description
        if (Description) {
            Description.innerHTML = lblDescription;
            //set price on txtPrice to send to p_strPrice
            var txtDescription = $find(instance + '_txtDescription');
            if (txtDescription) {
                txtDescription.set_value(lblDescription);
            }
        }
    }
}

function MouseOut(instance, url) {
    var myarray = document.getElementsByName(instance + '_group');
    for (i = 0; i < myarray.length; i++) {
        if (myarray[i].checked == true) {
            var checked = myarray[i];
            if (checked) {
                RadioSelect(checked.id, instance, url);
            }
        }
    }
}