function showPanel2() {

    document.getElementById("spShipping").style.display = "none";
    
//    if (id1 == "pnlAddShipping" && id2 == "pnlManageShipping") {
//        var PnlAdd = document.getElementById('<%=pnlAddShipping.ClientID%>');
//        var PnlManage = document.getElementById('<%=pnlManageShipping.ClientID%>');

//        if (PnlAdd != null && PnlManage != null) {
//            PnlAdd.Visible = "true";
//            PnlManage.Visible = "false";
//        }
//    }

}
//***********************************************************************************//

function btnover(id) {
    document.getElementById(id).style.color = 'red';
    //document.getElementById(id).className = 'FormbtnOverM';
}
function btnout(id) {
    document.getElementById(id).style.color = '#16387c';
    //document.getElementById(id).className = 'Formbtn';
}

////////////////////////////////////////
function clearTabs(type) {
    if (type == '1') {
        ClearContents('spSevenReasons');
        ClearContents('spMathSeries');
        ClearContents('spVerbalSeries');
        ClearContents('spSevenReasons2');
        ClearContents('SpanSpecialOffers');
        ClearContents('SpanFreeConsultation');

        Clearbtn('btnSevenReasons2');
        Clearbtn('btnSevenReasons');
        Clearbtn('btnMathSeries');
        Clearbtn('btnVerbalSeries');
        Clearbtn('btnSpecialOffers');
        Clearbtn('btnFreeConsultation');

    }
    if (type == '2') {
        ClearContents('spBlogs');
        ClearContents('spEvents');

        Clearbtn('btnBlogs');
        Clearbtn('btnEvents');
    }
    if (type == '3') {
        ClearContents('spHighLights');
        ClearContents('spDetails');
        ClearContents('spReviews');
        ClearContents('spOffer');
        ClearContents('spTOC');

        Clearbtn('btnHighLights');
        Clearbtn('btnDetails');
        Clearbtn('btnReviews');
        Clearbtn('btnOffer');
        Clearbtn('btnTOC');

    }
    if (type == '4') {

        ClearContents('spPayment');
        ClearContents('spShipping');
        Clearbtn('btnShipping');
        Clearbtn('btnPayment');
    }
    if (type == '5') {
        ClearContents('spBasic');
        ClearContents('spPersonal');
        ClearContents('spEducation');
        ClearContents('spProfessional');
        ClearContents('spInterest');
        ClearContents('spMore');


        Clearbtn('btnBasic');
        Clearbtn('btnPersonal');
        Clearbtn('btnEducation');
        Clearbtn('btnProfessional');
        Clearbtn('btnInterest');
        Clearbtn('btnMore');
    }
    if (type == '6') {
        ClearContents('spFriend');
        Clearbtn('btnFriend');
    }

}
function ClearContents(spSelec) {

    var spSrc = document.getElementById(spSelec);
    spSrc.style.display = "none";
}
function Clearbtn(btnSelec) {
    var btnSrc = document.getElementById(btnSelec);
    btnSrc.className = "TabUnSelc";
}

function showPanel(selectedTab, selectedPanel, type) {

    clearTabs(type);
    document.getElementById(selectedPanel).style.display = "block";
    document.getElementById(selectedTab).className = "TabSelc";
    document.getElementById(selectedTab).blur();

    var activebtn = document.getElementById(selectedTab).value;
    document.cookie = "Value=" + activebtn + ";path=/";

    if (document.getElementById('CreatePassWord').style.display == "block"
      || document.getElementById('EmailWindow').style.display == "block"
      || document.getElementById('YX').style.display == "block"
      || document.getElementById('Remembermewindow').style.display == "block"
      ) {
        document.getElementById('CreatePassWord').style.display = "none"
        document.getElementById('EmailWindow').style.display = "none"
        document.getElementById('YX').style.display = "none"
        document.getElementById('Remembermewindow').style.display = "none"
    }
}

///// for the second tap panel //
function secondshowPanel(selectedTab, selectedPanel, type) {
    clearTabs(type);
    document.getElementById(selectedPanel).style.display = "inline";
    document.getElementById(selectedTab).className = "TabSelc";
    document.getElementById(selectedTab).blur();

    var Sactivebtn = document.getElementById(selectedTab).value;
    document.cookie = "second=" + Sactivebtn + ";path=/";

}
/////////////

function showPanelYahoo(selectedTab, selectedPanel, type) {
    ClearPanelsYahoo();

    document.getElementById(selectedPanel).style.display = "inline";
    document.getElementById(selectedTab).className = 'FormTablebrdDown';
}

function ClearAllPanels() {
    ClearContents('spFriend');
    ClearContents('spFam');
    ClearContents('spFav');
    ClearContents('spInt');
    ClearContents('spMsg');
    ClearContents('spMsgBroad');
    ClearContents('spFwdProf');
    ClearContents('spBlock');
}

function ClearPanelsYahoo() {
    ClearAllPanels();

    document.getElementById('btnFriend').className = 'FormTablebrd';
    document.getElementById('btnFam').className = 'FormTablebrd';
    document.getElementById('btnFav').className = 'FormTablebrd';
    document.getElementById('btnInt').className = 'FormTablebrd';
    document.getElementById('btnMsg').className = 'FormTablebrd';
    document.getElementById('btnMB').className = 'FormTablebrd';
    document.getElementById('btnFwdProf').className = 'FormTablebrd';
    document.getElementById('btnBlock').className = 'FormTablebrd';
}

function ChangeClassMouseOver(btnSelec) {
    var btnsrc = document.getElementById(btnSelec);
    btnsrc.style.color = "#cc6633";

    //btnsrc.style.textDecoration="underline";
}

//////////////////////////////////////////////////////////////////////////////////
//** Function To Read Cookie Which saves the last choice for the user **//
function readCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=")
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1
            c_end = document.cookie.indexOf(";", c_start)
            if (c_end == -1) { c_end = document.cookie.length }

            return unescape(document.cookie.substring(c_start, c_end))
        }
    }
    return ""
}
//////////////////////////////////////////////////////////////////////////////////

//** function to read the selected tab**//
window.onload = function() {


}
//////////////////////////////////////////////////////////////////////////////////




function ChangeClassMouseOut(btnSelec) {
    var btnsrc = document.getElementById(btnSelec);
    //btnsrc.style.textDecoration="none";
    btnsrc.style.color = "#16387c";

}
function ChangeImage(btnsrc) {
    // Buttons Array //
    var myarray = new Array()
    myarray[0] = "btnWn1";
    myarray[1] = "btnWn2";
    myarray[2] = "btnWn3";
    myarray[3] = "btnWn4";
    myarray[4] = "btnWn5";
    myarray[5] = "btnWn6";
    ///////////////////////////
    var num = btnsrc.substring(5);
    Onecurrent = num - 1;

    var btnsrc = document.getElementById(btnsrc);
    var imgsrc = document.getElementById('imgWn');
    eval("imgsrc.src='../Images/Slides/slide_" + btnsrc.value + ".png'");
    enable_btnWnAll();
    btnsrc.disabled = true;
    btnsrc.className = 'FormbtnOverM';
    for (var i = 0; i < myarray.length; i++) {
        switch (myarray[i]) {
            case "btnWn1":
                document.getElementById('btnWn2').style.color = '#16387c';
                document.getElementById('btnWn2').className = 'Formbtn';

                document.getElementById('btnWn3').style.color = '#16387c';
                document.getElementById('btnWn3').className = 'Formbtn';

                document.getElementById('btnWn4').style.color = '#16387c';
                document.getElementById('btnWn4').className = 'Formbtn';

                document.getElementById('btnWn5').style.color = '#16387c';
                document.getElementById('btnWn5').className = 'Formbtn';

                document.getElementById('btnWn6').style.color = '#16387c';
                document.getElementById('btnWn6').className = 'Formbtn';
                break;

            case "btnWn2":
                document.getElementById('btnWn1').style.color = '#16387c';
                document.getElementById('btnWn1').className = 'Formbtn';

                document.getElementById('btnWn3').style.color = '#16387c';
                document.getElementById('btnWn3').className = 'Formbtn';

                document.getElementById('btnWn4').style.color = '#16387c';
                document.getElementById('btnWn4').className = 'Formbtn';

                document.getElementById('btnWn5').style.color = '#16387c';
                document.getElementById('btnWn5').className = 'Formbtn';

                document.getElementById('btnWn6').style.color = '#16387c';
                document.getElementById('btnWn6').className = 'Formbtn';
                break;

            case "btnWn3":
                ddocument.getElementById('btnWn2').style.color = '#16387c';
                document.getElementById('btnWn2').className = 'Formbtn';

                document.getElementById('btnWn1').style.color = '#16387c';
                document.getElementById('btnWn1').className = 'Formbtn';

                document.getElementById('btnWn4').style.color = '#16387c';
                document.getElementById('btnWn4').className = 'Formbtn';

                document.getElementById('btnWn5').style.color = '#16387c';
                document.getElementById('btnWn5').className = 'Formbtn';

                document.getElementById('btnWn6').style.color = '#16387c';
                document.getElementById('btnWn6').className = 'Formbtn';
                break;

            case "btnWn4":
                document.getElementById('btnWn2').style.color = '#16387c';
                document.getElementById('btnWn2').className = 'Formbtn';

                document.getElementById('btnWn3').style.color = '#16387c';
                document.getElementById('btnWn3').className = 'Formbtn';

                document.getElementById('btnWn1').style.color = '#16387c';
                document.getElementById('btnWn1').className = 'Formbtn';

                document.getElementById('btnWn5').style.color = '#16387c';
                document.getElementById('btnWn5').className = 'Formbtn';

                document.getElementById('btnWn6').style.color = '#16387c';
                document.getElementById('btnWn6').className = 'Formbtn';
                break;

            case "btnWn5":
                document.getElementById('btnWn2').style.color = '#16387c';
                document.getElementById('btnWn2').className = 'Formbtn';

                document.getElementById('btnWn3').style.color = '#16387c';
                document.getElementById('btnWn3').className = 'Formbtn';

                document.getElementById('btnWn4').style.color = '#16387c';
                document.getElementById('btnWn4').className = 'Formbtn';

                document.getElementById('btnWn1').style.color = '#16387c';
                document.getElementById('btnWn1').className = 'Formbtn';

                document.getElementById('btnWn6').style.color = '#16387c';
                document.getElementById('btnWn6').className = 'Formbtn';
                break;

            case "btnWn6":
                document.getElementById('btnWn2').style.color = '#16387c';
                document.getElementById('btnWn2').className = 'Formbtn';

                document.getElementById('btnWn3').style.color = '#16387c';
                document.getElementById('btnWn3').className = 'Formbtn';

                document.getElementById('btnWn4').style.color = '#16387c';
                document.getElementById('btnWn4').className = 'Formbtn';

                document.getElementById('btnWn5').style.color = '#16387c';
                document.getElementById('btnWn5').className = 'Formbtn';

                document.getElementById('btnWn1').style.color = '#16387c';
                document.getElementById('btnWn1').className = 'Formbtn';
                break;
        }
    }
    document.getElementById(btnsrc).style.color = '#16387c';

}

function enable_btnWnAll() {
    var btnsrc1 = document.getElementById('btnWn1');
    var btnsrc2 = document.getElementById('btnWn2');
    var btnsrc3 = document.getElementById('btnWn3');
    var btnsrc4 = document.getElementById('btnWn4');
    var btnsrc5 = document.getElementById('btnWn5');
    var btnsrc6 = document.getElementById('btnWn6');

    btnsrc1.disabled = false;
    btnsrc2.disabled = false;
    btnsrc3.disabled = false;
    btnsrc4.disabled = false;
    btnsrc5.disabled = false;
    btnsrc6.disabled = false;

}

var img = new Array();
var which = 0;
img[0] = "../Images/Slides/slide_1.png";
img[1] = "../Images/Slides/slide_2.png";
img[2] = "../Images/Slides/slide_3.png";
img[3] = "../Images/Slides/slide_4.png";
img[4] = "../Images/Slides/slide_5.png";
img[5] = "../Images/Slides/slide_6.png";


function Start() {
    var imgWn = document.getElementById('imgWn');
    var btn_prev = document.getElementById('btn_prev');
    var btn_Start = document.getElementById('btn_Start');
    var btn_next = document.getElementById('btn_next');
    var btn_Last = document.getElementById('btn_Last');

    which = 0;
    imgWn.src = img[which];
    btn_prev.disabled = true;
    btn_Start.disabled = true;
    btn_next.disabled = false;
    btn_Last.disabled = false;

}

function End() {
    var imgWn = document.getElementById('imgWn');
    var btn_prev = document.getElementById('btn_prev');
    var btn_Start = document.getElementById('btn_Start');
    var btn_next = document.getElementById('btn_next');
    var btn_Last = document.getElementById('btn_Last');

    which = img.length - 1;
    btn_prev.disabled = false;
    btn_Start.disabled = false;
    btn_next.disabled = true;
    btn_Last.disabled = true;
    imgWn.src = img[which];
}

function backward() {
    var imgWn = document.getElementById('imgWn');
    var btn_prev = document.getElementById('btn_prev');
    var btn_Start = document.getElementById('btn_Start');
    var btn_next = document.getElementById('btn_next');
    var btn_Last = document.getElementById('btn_Last');

    if (which > 0) {
        btn_next.disabled = false;
        btn_Last.disabled = false;
        which--;
        if (which == 0) {
            btn_Start.disabled = true;
            btn_prev.disabled = true;

            //       enable_btnWnAll();
            // 	 var btnsrc=document.getElementById('btnWn1')";
            //     btnsrc.disabled=true;

        }
        imgWn.src = img[which];
        enable_btnWnAll();
        var num = which - 1;
        var btnsrc = eval("document.getElementById('btnWn" + num + "')");
        btnsrc.disabled = true;
    }

}

function forward() {
    var imgWn = document.getElementById('imgWn');
    var btn_prev = document.getElementById('btn_prev');
    var btn_Start = document.getElementById('btn_Start');
    var btn_next = document.getElementById('btn_next');
    var btn_Last = document.getElementById('btn_Last');

    if (which < img.length - 1) {
        btn_prev.disabled = false;
        btn_Start.disabled = false;
        which++;
        imgWn.src = img[which];
        enable_btnWnAll();
        var num = which + 1;
        var btnsrc = eval("document.getElementById('btnWn" + num + "')");
        btnsrc.disabled = true;

    }
    else {
        btn_Last.disabled = true;
        btn_next.disabled = true;
        //  enable_btnWnAll();
        //  var btnsrc=document.getElementById('btnWn6')";
        //  btnsrc.disabled=true;

    }


}

//setTimeout("tt()", 8000);