function ExpandOrCollapseTree(lyricID, artistID, i, total) {
    var treeNode = document.getElementById(lyricID);
    var rootNode = document.getElementById(artistID);
    var browser = navigator.appVersion;
    if (treeNode != null) {
        if (treeNode.style.display == "block") {
            treeNode.style.display = "none";
            rootNode.className = "lyricplus";
        }
        else {
            treeNode.style.display = "block";
            rootNode.className = "lyricsubtract"
        }
    }
}

function selectLyric(lyricID, code, lyric, song, price, artist) {
    var strOldLyricID = document.getElementById("ctl00_ContentPlaceHolder1_txtLyric").value;
    var strLyric = lyric.toString().replace("~", "'");
    while (strLyric.indexOf("~") > 0)
        strLyric = strLyric.replace("~", "'");
    while (song.indexOf("~") > 0)
        song = song.replace("~", "'");
    while (song.indexOf("|") > 0)
        song = song.replace("|", "\"");
    while (artist.indexOf("~") > 0)
        artist = artist.replace("~", "'");

    //artist = artist.replace("-", "--");
    //while (artist.indexOf(" ") > 0)
    //    artist = artist.replace(" ", "-");
    //while (song.indexOf("\"") > 0)
    //    song = song.replace("\"", "~");
    //song = song.replace("-", "--");
    //while (song.indexOf(" ") > 0)
    //    song = song.replace(" ", "-");
    //while (song.indexOf("...") > 0)
    //    song = song.replace("...", "_");

    if (window.location.pathname.indexOf('ViewItem') != -1) {
        window.location = '/Index.aspx?ID=' + lyricID + '&artist=' + artist + '&song=' + song + '&lyric=' + strLyric + '&item=' + code + '&p=' + price;
        return false;
    }
    else {
        var strGender = '';
        var strColor = '';

        if (document.getElementById("ctl00_ContentPlaceHolder1_txtStyle").value != '')
            strGender = document.getElementById("ctl00_ContentPlaceHolder1_txtStyle").value;
        else {
            strGender = 'Men';
            document.getElementById("ctl00_ContentPlaceHolder1_txtStyle").value = strGender;
        }
        if (document.getElementById("ctl00_ContentPlaceHolder1_txtColor").value != '') {
            strColor = document.getElementById("ctl00_ContentPlaceHolder1_txtColor").value;
        }
        else {
            strColor = 'Black';
            document.getElementById("ctl00_ContentPlaceHolder1_txtColor").value = strColor;
        }

        document.getElementById("ctl00_ContentPlaceHolder1_uclImages1_imgProduct1").src = '/assets/images/T-Shirts/' + code + 'WB.jpg';
        document.getElementById("ctl00_ContentPlaceHolder1_uclImages1_btnView1").attributes["onclick"].value = "viewimage('/assets/images/T-Shirts/" + code + "WB.jpg'); return false;";
        document.getElementById("ctl00_ContentPlaceHolder1_uclImages2_imgProduct1").src = '/assets/images/T-Shirts/' + code + 'WW.jpg';
        document.getElementById("ctl00_ContentPlaceHolder1_uclImages2_btnView1").attributes["onclick"].value = "viewimage('/assets/images/T-Shirts/" + code + "WW.jpg'); return false;";
        document.getElementById("ctl00_ContentPlaceHolder1_uclImages3_imgProduct1").src = '/assets/images/T-Shirts/' + code + 'MB.jpg';
        document.getElementById("ctl00_ContentPlaceHolder1_uclImages3_btnView1").attributes["onclick"].value = "viewimage('/assets/images/T-Shirts/" + code + "MB.jpg'); return false;";
        document.getElementById("ctl00_ContentPlaceHolder1_uclImages4_imgProduct1").src = '/assets/images/T-Shirts/' + code + 'MW.jpg';
        document.getElementById("ctl00_ContentPlaceHolder1_uclImages4_btnView1").attributes["onclick"].value = "viewimage('/assets/images/T-Shirts/" + code + "MW.jpg'); return false;";

        document.getElementById("ctl00_ContentPlaceHolder1_txtCode").value = code;
        document.getElementById("ctl00_ContentPlaceHolder1_txtLyric").value = lyricID;
        document.getElementById("ctl00_ContentPlaceHolder1_txtPrice").value = price;

        document.getElementById("ctl00_ContentPlaceHolder1_lblArtistName").innerHTML = artist;
        document.getElementById("ctl00_ContentPlaceHolder1_lblSongName").innerHTML = song;
        document.getElementById("ctl00_ContentPlaceHolder1_lblPrice").innerHTML = '$' + price;

        document.getElementById("ctl00_ContentPlaceHolder1_lblArtist").innerHTML = artist;
        document.getElementById("ctl00_ContentPlaceHolder1_lblSong").innerHTML = song;
        //document.getElementById("ctl00_ContentPlaceHolder1_lblLyric").innerHTML = strLyric;
        document.getElementById("ctl00_ContentPlaceHolder1_shirtimage").style.display = 'block';
        document.getElementById("ctl00_ContentPlaceHolder1_homeflash").style.display = 'none';
        if ((document.getElementById("lyricid_" + lyricID).className == 'lyric_selected') || (document.getElementById("lyricid_" + lyricID).className == 'childnode activesong')) {
            if ((strOldLyricID != null) && (strOldLyricID != '')) {

                document.getElementById("lyricid_" + strOldLyricID).className = 'childnode activesong';
            }
            document.getElementById("lyricid_" + lyricID).className = 'lyric_selected';
        }
        else {
            if ((strOldLyricID != null) && (strOldLyricID != '')) {

                document.getElementById("lyricid_" + strOldLyricID).className = 'songlist';
            }
            document.getElementById("lyricid_" + lyricID).className = 'songlist_selected';
        }
        selectGenderColor(strGender, strColor);
    }
    //window.location = '/Lyrics/' + artist + '/' + song + '/Index.aspx?item=' + code;

    //window.location = 'Index.aspx?ID=' + lyricID + '&artist=' + artist + '&song=' + song + '&lyric=' + strLyric + '&item=' + code + '&p=' + price;
    //__doPostBack('Test', 'Index.aspx?ID=' + lyricID + '&artist=' + artist + '&song=' + song + '&lyric=' + strLyric + '&item=' + code + '&p=' + price);
    //__doPostBack('','');
}
function ExpandNode(artistID) {
    var artistNode;
    var treeNode = document.getElementById('divList' + artistID);
    if (treeNode == null) {
        treeNode = document.getElementById('lyric_' + artistID);
        artistNode = document.getElementById('imgNode_IE7' + artistID);
        if (treeNode.className == 'collapsedchild') {
            treeNode.className = 'expandedchild';
            treeNode.style.display = 'block';
            artistNode.src = '/assets/images/minus.jpg';
        }
        else {
            treeNode.className = 'collapsedchild';
            treeNode.style.display = 'none';
            artistNode.src = '/assets/images/plus.jpg';
        }
    }
    else {
        artistNode = document.getElementById('imgNode' + artistID);
        if (treeNode.style.display != 'none') {
            treeNode.style.display = 'none';
            artistNode.src = '/assets/images/plus.jpg';
        }
        else {
            treeNode.style.display = 'block';
            artistNode.src = '/assets/images/minus.jpg';
        }
    }
    
//    if (treeNode.style.display != 'none') {
//        treeNode.style.display = 'none';
//        artistNode.src = '/assets/images/plus.jpg';
//    }
//    else {
//        treeNode.style.display = 'block';
//        artistNode.src = '/assets/images/minus.jpg';
//    }
}
function selectGenderColorLyricSize(gender, color, lyricID, artistID, size) {
    selectGenderColorLyric(gender, color, lyricID, artistID);
    selectSize(size, null);
}
function selectGenderColorLyric(gender, color, lyricID, artistID) {
    var browser = navigator.appVersion;
    if (browser.indexOf('MSIE 7.0') != -1)
        ExpandOrCollapseTree('lyricid_' + lyricID, 'artist_' + artistID, 0, 0);
    else
        ExpandNode(artistID);
    var strOldLyricID = document.getElementById("ctl00_ContentPlaceHolder1_txtLyric").value;
    if ((document.getElementById("lyricid_" + lyricID).className == 'lyric_selected') || (document.getElementById("lyricid_" + lyricID).className == 'childnode activesong')) {
        if ((strOldLyricID != null) && (strOldLyricID != '')) {

            document.getElementById("lyricid_" + strOldLyricID).className = 'childnode activesong';
        }
        document.getElementById("lyricid_" + lyricID).className = 'lyric_selected';
    }
    else {
        if ((strOldLyricID != null) && (strOldLyricID != '')) {

            document.getElementById("lyricid_" + strOldLyricID).className = 'songlist';
        }
        document.getElementById("lyricid_" + lyricID).className = 'songlist_selected';
    }
    selectGenderColor(gender, color);
    selectCharity();
}
function selectGenderColor(gender, color) {
    var shirtID = document.getElementById("ctl00_ContentPlaceHolder1_txtCode").value;
    if (document.getElementById("ctl00_ContentPlaceHolder1_txtLyric").value == '') {
        alert('Please select a Lyric from the Song Lyrics List first.');
    }
    else {
        document.getElementById("ctl00_ContentPlaceHolder1_lblGenderColor").innerText = gender + "'s " + color;
        document.getElementById("ctl00_ContentPlaceHolder1_txtStyle").value = gender;
        document.getElementById("ctl00_ContentPlaceHolder1_txtColor").value = color;
        var imageSrc = '/assets/images/T-Shirts/' + shirtID + gender.toString().substring(0, 1) + color.toString().substring(0, 1) + '.jpg';
        if (gender == 'Men') {
            if (color == 'Black') {
                if (document.getElementById("style_MB").className == '') {
                    document.getElementById("style_MB").style.color = '#E29D3C';
                    document.getElementById("style_MW").style.color = '';
                    document.getElementById("style_WB").style.color = '';
                    document.getElementById("style_WW").style.color = '';
                }
                else {
                    document.getElementById("style_MB").className = 'selectpic_IE7_selected';
                    document.getElementById("style_MW").className = 'selectpic_IE7';
                    document.getElementById("style_WB").className = 'selectpic_IE7';
                    document.getElementById("style_WW").className = 'selectpic_IE7';
                }
                document.getElementById("ctl00_ContentPlaceHolder1_divImage1").style.display = 'none';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage2").style.display = 'none';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage3").style.display = 'block';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage4").style.display = 'none';
            }
            else {
                if (document.getElementById("style_MB").className == '') {
                    document.getElementById("style_MB").style.color = '';
                    document.getElementById("style_MW").style.color = '#E29D3C';
                    document.getElementById("style_WB").style.color = '';
                    document.getElementById("style_WW").style.color = '';
                }
                else {
                    document.getElementById("style_MB").className = 'selectpic_IE7';
                    document.getElementById("style_MW").className = 'selectpic_IE7_selected';
                    document.getElementById("style_WB").className = 'selectpic_IE7';
                    document.getElementById("style_WW").className = 'selectpic_IE7';
                }
                document.getElementById("ctl00_ContentPlaceHolder1_divImage1").style.display = 'none';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage2").style.display = 'none';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage3").style.display = 'none';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage4").style.display = 'block';
            }
            document.getElementById("XS").style.visibility = 'hidden';
            document.getElementById("XL").style.visibility = 'visible';
            document.getElementById("XXL").style.visibility = 'visible';
        }
        else {
            if (color == 'Black') {
                if (document.getElementById("style_MB").className == '') {
                    document.getElementById("style_MB").style.color = '';
                    document.getElementById("style_MW").style.color = '';
                    document.getElementById("style_WB").style.color = '#E29D3C';
                    document.getElementById("style_WW").style.color = '';
                }
                else {
                    document.getElementById("style_MB").className = 'selectpic_IE7';
                    document.getElementById("style_MW").className = 'selectpic_IE7';
                    document.getElementById("style_WB").className = 'selectpic_IE7_selected';
                    document.getElementById("style_WW").className = 'selectpic_IE7';
                }
                document.getElementById("ctl00_ContentPlaceHolder1_divImage1").style.display = 'block';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage2").style.display = 'none';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage3").style.display = 'none';
                document.getElementById("ctl00_ContentPlaceHolder1_divImage4").style.display = 'none';
            }
            else {
                if (document.getElementById("style_MB").className == '') {
                    document.getElementById("style_MB").style.color = '';
                    document.getElementById("style_MW").style.color = '';
                    document.getElementById("style_WB").style.color = '';
                    document.getElementById("style_WW").style.color = '#E29D3C';
                }
                else {
                    document.getElementById("style_MB").className = 'selectpic_IE7';
                    document.getElementById("style_MW").className = 'selectpic_IE7';
                    document.getElementById("style_WB").className = 'selectpic_IE7';
                    document.getElementById("style_WW").className = 'selectpic_IE7_selected';
                }
                document.getElementById("ctl00_ContentPlaceHolder1_divImage1").style.display = 'none';   // WB
                document.getElementById("ctl00_ContentPlaceHolder1_divImage2").style.display = 'block';   // WW
                document.getElementById("ctl00_ContentPlaceHolder1_divImage3").style.display = 'none';   // MB
                document.getElementById("ctl00_ContentPlaceHolder1_divImage4").style.display = 'none';   // MW
            }
            document.getElementById("XS").style.visibility = 'visible';
            document.getElementById("XL").style.visibility = 'hidden';
            document.getElementById("XXL").style.visibility = 'hidden';
        }
        document.getElementById("ctl00_ContentPlaceHolder1_imgMain").src = imageSrc;
        //document.getElementById("ctl00_ContentPlaceHolder1_imgMain").alt = 'test';
        //document.getElementById("shirtimage").style.visibility = 'visible';
    }
}
function selectSize(size, ctrl) {
    if (document.getElementById("ctl00_ContentPlaceHolder1_txtStyle").value == '') {
        alert('Please select a Style before selecting a size.');
    }
    else {
        document.getElementById("ctl00_ContentPlaceHolder1_lblSize").innerText = size;
        document.getElementById("ctl00_ContentPlaceHolder1_txtSize").value = size;
        document.getElementById("XS").style.color = '';
        document.getElementById("S").style.color = '';
        document.getElementById("M").style.color = '';
        document.getElementById("L").style.color = '';
        document.getElementById("XL").style.color = '';
        document.getElementById("XXL").style.color = '';

        document.getElementById("XS").style.backgroundColor = '';
        document.getElementById("S").style.backgroundColor = '';
        document.getElementById("M").style.backgroundColor = '';
        document.getElementById("L").style.backgroundColor = '';
        document.getElementById("XL").style.backgroundColor = '';
        document.getElementById("XXL").style.backgroundColor = '';

        document.getElementById(size).style.color = 'black';
        document.getElementById(size).style.backgroundColor = '#E29D3C';
    }
}
function selectCharity() {
    var control = document.getElementById('ctl00_ContentPlaceHolder1_ddlCharity');
    var selectedvalue = control.options[control.selectedIndex].text;
    document.getElementById("ctl00_ContentPlaceHolder1_lblCharity").innerText = selectedvalue;

}

function CountrySelecting() {
    var country = document.getElementById("ctl00_ContentPlaceHolder1_ddlCountry");
    var rqvState1 = document.getElementById("ctl00_ContentPlaceHolder1_rqvState");
    var rqvState2 = document.getElementById("ctl00_ContentPlaceHolder1_rqvState2");
    var dvStateDdl = document.getElementById("dvDdlState");
    var dvStateTxt = document.getElementById("dvTxtState");
    var dvShippingDdlState = document.getElementById("dvDdlShippingState");
    var dvShippingTxtState = document.getElementById("dvTxtShippingState");
    var show, sort;
    for (var idx = 0; idx < country.options.length; idx++) {
        if (country.options[idx].selected) {
            show = country.options[idx].value;
            if (show != "") {
                if (show == "US") {
                    dvStateDdl.style.display = "";
                    //dvShippingDdlState.style.display = "";
                    //dvShippingTxtState.style.display = "none";
                    dvStateTxt.style.display = "none";
                    if (rqvState1 != null)
                        rqvState1.enabled = true;
                    if (rqvState2 != null)
                        rqvState2.enabled = false;
                        
                }
                else {
                    dvStateDdl.style.display = "none";
                    //dvShippingDdlState.style.display = "none";
                    //dvShippingTxtState.style.display = "";
                    dvStateTxt.style.display = "";
                    if (rqvState1 != null)
                        rqvState1.enabled = false;
                    if (rqvState2 != null)
                        rqvState2.enabled = true;
                }
            }
            else {
                dvStateDdl.style.display = "";
                //dvShippingDdlState.style.display = "";
            }
            break;
        }
    }
}

function ShippingCountrySelecting() {
    var country = document.getElementById("ctl00_ContentPlaceHolder1_ddlShipCountry");
    var dvShippingDdlState = document.getElementById("dvDdlShippingState");
    var dvShippingTxtState = document.getElementById("dvTxtShippingState");
    var show, sort;
    for (var idx = 0; idx < country.options.length; idx++) {
        if (country.options[idx].selected) {
            show = country.options[idx].value;
            if (show != "") {
                if (show == "US") {
                    dvShippingDdlState.style.display = "";
                    dvShippingTxtState.style.display = "none";
                }
                else {
                    dvShippingDdlState.style.display = "none";
                    dvShippingTxtState.style.display = "";
                }
            }
            else {
                dvShippingDdlState.style.display = "";
            }
            break;
        }
    }
}
function CountrySelectingShiping_billing() {
    var country = document.getElementById("ctl00_ContentPlaceHolder1_ddlCountry");
    var sShippingcountry = document.getElementById("ctl00_ContentPlaceHolder1_ddlShipCountry");
    var dvStateDdl = document.getElementById("dvDdlState");
    var dvStateTxt = document.getElementById("dvTxtState");
    var dvShippingDdlState = document.getElementById("dvDdlShippingState");
    var dvShippingTxtState = document.getElementById("dvTxtShippingState");
    var show, sort;
    for (var idx = 0; idx < country.options.length; idx++) {
        if (country.options[idx].selected) {
            show = country.options[idx].value;
            if (show != "") {
                if (show == "US") {
                    dvStateDdl.style.display = "";
                    dvStateTxt.style.display = "none";
                    dvShippingDdlState.style.display = "";
                    dvShippingTxtState.style.display = "none";
                }
                else {
                    dvStateDdl.style.display = "none";
                    dvStateTxt.style.display = "";
                    dvShippingDdlState.style.display = "none";
                    dvShippingTxtState.style.display = "";
                }
            }
            else {
                dvStateDdl.style.display = "";
                dvShippingDdlState.style.display = "";
            }
            break;
        }
    }
}
function CheckboxChecked() {
    var thesame = document.getElementById("ctl00_ContentPlaceHolder1_chkSame");
    var firstname = document.getElementById("ctl00_ContentPlaceHolder1_txtFirstName");
    var lastname = document.getElementById("ctl00_ContentPlaceHolder1_txtLastName");
    var address1 = document.getElementById("ctl00_ContentPlaceHolder1_txtAddress1");
    var address2 = document.getElementById("ctl00_ContentPlaceHolder1_txtAddress2");
    var city = document.getElementById("ctl00_ContentPlaceHolder1_txtCity");
    var country = document.getElementById("ctl00_ContentPlaceHolder1_ddlCountry");
    var ddlState = document.getElementById("ctl00_ContentPlaceHolder1_ddlState");
    var txtState = document.getElementById("ctl00_ContentPlaceHolder1_txtState");
    var zipcode = document.getElementById("ctl00_ContentPlaceHolder1_txtZipCode");
    var dayphone = document.getElementById("ctl00_ContentPlaceHolder1_txtPhone1");
    var nightphone = document.getElementById("ctl00_ContentPlaceHolder1_txtPhone2");

    var firstnameship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipFirstName");
    var lastnameship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipLastName");
    var address1ship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipAddress1");
    var address2ship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipAddress2");
    var cityship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipCity");
    var countryship = document.getElementById("ctl00_ContentPlaceHolder1_ddlShipCountry");
    var ddlStateship = document.getElementById("ctl00_ContentPlaceHolder1_ddlShipState");
    var txtStateship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipState");
    var zipcodeship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipZipCode");
    var dayphoneship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipPhone1");
    var nightphoneship = document.getElementById("ctl00_ContentPlaceHolder1_txtShipPhone2");
    if (thesame.checked) {
        CountrySelectingShiping_billing();
        firstnameship.value = firstname.value;
        firstnameship.disabled = true;
        lastnameship.value = lastname.value;
        lastnameship.disabled = true;
        address1ship.value = address1.value;
        address1ship.disabled = true;
        address2ship.value = address2.value;
        address2ship.disabled = true;
        cityship.value = city.value;
        cityship.disabled = true;
        for (var idx = 0; idx < country.options.length; idx++) {
            if (country.options[idx].selected) {
                countryship.options[idx].selected = true;
                countryship.disabled = true;
                break;
            }
        }
        for (idx = 0; idx < ddlState.options.length; idx++) {
            if (ddlState.options[idx].selected) {
                ddlStateship.options[idx].selected = true;
                ddlStateship.disabled = true;
                break;
            }
        }
        txtStateship.value = txtState.value;
        txtStateship.disabled = true;
        zipcodeship.value = zipcode.value;
        zipcodeship.disabled = true;
        dayphoneship.value = dayphone.value;
        dayphoneship.disabled = true;
        nightphoneship.value = nightphone.value;
        nightphoneship.disabled = true;
    }
    else {
        firstnameship.disabled = false;
        lastnameship.disabled = false;
        address1ship.disabled = false;
        address2ship.disabled = false;
        cityship.disabled = false;
        countryship.disabled = false;
        ddlStateship.disabled = false;
        txtStateship.disabled = false;
        zipcodeship.disabled = false;
        dayphoneship.disabled = false;
        nightphoneship.disabled = false;
    }
}