function SetVideoOverStyle() {
    document.getElementById("dvLeftVideo").style.display = "none";
    document.getElementById("dvLeftVideoOver").style.display = "inline";
    
    document.getElementById("dvRightVideo").style.display = "none";
    document.getElementById("dvRightVideoOver").style.display = "inline";
    
    document.getElementById("dvMiddleVideo").style.display = "none";
    document.getElementById("dvMiddleVideoOver").style.display = "inline";

}

//function SetVideoOverStyle() {
//    var dvLeftVideo = document.getElementById("dvLeftVideo");
//    dvLeftVideo.className = "videooverleft";

//    var dvMiddleVideo = document.getElementById("dvMiddleVideo");
//    dvMiddleVideo.className = "videoovermid";

//    var dvRightVideo = document.getElementById("dvRightVideo");
//    dvRightVideo.className = "videooverright";
//}

function SetVideoDefaultStyle() {
    document.getElementById("dvLeftVideo").style.display = "inline";
    document.getElementById("dvLeftVideoOver").style.display = "none";
    
    document.getElementById("dvRightVideo").style.display = "inline";
    document.getElementById("dvRightVideoOver").style.display = "none";
    
    document.getElementById("dvMiddleVideo").style.display = "inline";
    document.getElementById("dvMiddleVideoOver").style.display = "none";
}

//function SetVideoDefaultStyle() {
//    var dvLeftVideo = document.getElementById("dvLeftVideo");
//    dvLeftVideo.className = "commonleftbutton";

//    var dvMiddleVideo = document.getElementById("dvMiddleVideo");
//    dvMiddleVideo.className = "commonmiddlebutton";

//    var dvRightVideo = document.getElementById("dvRightVideo");
//    dvRightVideo.className = "commonrightbutton";
//}

function SetBookOverStyle() {
    document.getElementById("dvLeftBook").style.display = "none";
    document.getElementById("dvLeftBookOver").style.display = "inline";
    
    document.getElementById("dvRightBook").style.display = "none";
    document.getElementById("dvRightBookOver").style.display = "inline";
    
    document.getElementById("dvMiddleBook").style.display = "none";
    document.getElementById("dvMiddleBookOver").style.display = "inline";
}
//function SetBookOverStyle() {
//    var dvLeftBook = document.getElementById("dvLeftBook");
//    dvLeftBook.className = "bookoverleft";

//    var dvMiddleBook = document.getElementById("dvMiddleBook");
//    dvMiddleBook.className = "bookovermid";

//    var dvRightBook = document.getElementById("dvRightBook");
//    dvRightBook.className = "bookoverright";
//}

function SetBookDefaultStyle() {
    document.getElementById("dvLeftBook").style.display = "inline";
    document.getElementById("dvLeftBookOver").style.display = "none";
    
    document.getElementById("dvRightBook").style.display = "inline";
    document.getElementById("dvRightBookOver").style.display = "none";
    
    document.getElementById("dvMiddleBook").style.display = "inline";
    document.getElementById("dvMiddleBookOver").style.display = "none";
}

//function SetBookDefaultStyle() {
//    var dvLeftBook = document.getElementById("dvLeftBook");
//    dvLeftBook.className = "commonleftbutton";

//    var dvMiddleBook = document.getElementById("dvMiddleBook");
//    dvMiddleBook.className = "commonmiddlebutton";

//    var dvRightBook = document.getElementById("dvRightBook");
//    dvRightBook.className = "commonrightbutton";
//}

function SetAudioOverStyle() {
    document.getElementById("dvLeftAudio").style.display = "none";
    document.getElementById("dvLeftAudioOver").style.display = "inline";
    
    document.getElementById("dvRightAudio").style.display = "none";
    document.getElementById("dvRightAudioOver").style.display = "inline";
    
    document.getElementById("dvMiddleAudio").style.display = "none";
    document.getElementById("dvMiddleAudioOver").style.display = "inline";
}
//function SetAudioOverStyle() {
//    var dvLeftAudio = document.getElementById("dvLeftAudio");
//    dvLeftAudio.className = "audiooverleft";

//    var dvMiddleAudio = document.getElementById("dvMiddleAudio");
//    dvMiddleAudio.className = "audioovermid";

//    var dvRightAudio = document.getElementById("dvRightAudio");
//    dvRightAudio.className = "audiooverright";
//}

function SetAudioDefaultStyle() {
    document.getElementById("dvLeftAudio").style.display = "inline";
    document.getElementById("dvLeftAudioOver").style.display = "none";
    
    document.getElementById("dvRightAudio").style.display = "inline";
    document.getElementById("dvRightAudioOver").style.display = "none";
    
    document.getElementById("dvMiddleAudio").style.display = "inline";
    document.getElementById("dvMiddleAudioOver").style.display = "none";
}

//function SetAudioDefaultStyle() {
//    var dvLeftAudio = document.getElementById("dvLeftAudio");
//    dvLeftAudio.className = "commonleftbutton";

//    var dvMiddleAudio = document.getElementById("dvMiddleAudio");
//    dvMiddleAudio.className = "commonmiddlebutton";

//    var dvRightAudio = document.getElementById("dvRightAudio");
//    dvRightAudio.className = "commonrightbutton";
//}

function SetGameOverStyle() {
    document.getElementById("dvLeftGame").style.display = "none";
    document.getElementById("dvLeftGameOver").style.display = "inline";
    
    document.getElementById("dvRightGame").style.display = "none";
    document.getElementById("dvRightGameOver").style.display = "inline";
    
    document.getElementById("dvMiddleGame").style.display = "none";
    document.getElementById("dvMiddleGameOver").style.display = "inline";
}

//function SetGameOverStyle() {
//    var dvLeftGame = document.getElementById("dvLeftGame");
//    dvLeftGame.className = "gameoverleft";

//    var dvMiddleGame = document.getElementById("dvMiddleGame");
//    dvMiddleGame.className = "gameovermid";

//    var dvRightGame = document.getElementById("dvRightGame");
//    dvRightGame.className = "gameoverright";
//}

function SetGameDefaultStyle() {
    document.getElementById("dvLeftGame").style.display = "inline";
    document.getElementById("dvLeftGameOver").style.display = "none";
    
    document.getElementById("dvRightGame").style.display = "inline";
    document.getElementById("dvRightGameOver").style.display = "none";
    
    document.getElementById("dvMiddleGame").style.display = "inline";
    document.getElementById("dvMiddleGameOver").style.display = "none";
}

//function SetGameDefaultStyle() {
//    var dvLeftGame = document.getElementById("dvLeftGame");
//    dvLeftGame.className = "commonleftbutton";

//    var dvMiddleGame = document.getElementById("dvMiddleGame");
//    dvMiddleGame.className = "commonmiddlebutton";

//    var dvRightGame = document.getElementById("dvRightGame");
//    dvRightGame.className = "commonrightbutton";
//}

function SetCollectorOverStyle() {
    document.getElementById("dvLeftCollector").style.display = "none";
    document.getElementById("dvLeftCollectorOver").style.display = "inline";
    
    document.getElementById("dvRightCollector").style.display = "none";
    document.getElementById("dvRightCollectorOver").style.display = "inline";
    
    document.getElementById("dvMiddleCollector").style.display = "none";
    document.getElementById("dvMiddleCollectorOver").style.display = "inline";
}

function SetCollectorDefaultStyle() {
    document.getElementById("dvLeftCollector").style.display = "inline";
    document.getElementById("dvLeftCollectorOver").style.display = "none";
    
    document.getElementById("dvRightCollector").style.display = "inline";
    document.getElementById("dvRightCollectorOver").style.display = "none";
    
    document.getElementById("dvMiddleCollector").style.display = "inline";
    document.getElementById("dvMiddleCollectorOver").style.display = "none";
}

function SetParaboxSetsOverStyle() {
    document.getElementById("dvLeftParaboxsets").style.display = "none";
    document.getElementById("dvLeftParaboxsetsOver").style.display = "inline";
    
    document.getElementById("dvRightParaboxSets").style.display = "none";
    document.getElementById("dvRightParaboxSetsOver").style.display = "inline";
    
    document.getElementById("dvMiddleParaboxSets").style.display = "none";
    document.getElementById("dvMiddleParaboxSetsOver").style.display = "inline";
}

function SetParaboxSetsDefaultStyle() {
    document.getElementById("dvLeftParaboxsets").style.display = "inline";
    document.getElementById("dvLeftParaboxsetsOver").style.display = "none";
    
    document.getElementById("dvRightParaboxSets").style.display = "inline";
    document.getElementById("dvRightParaboxSetsOver").style.display = "none";
    
    document.getElementById("dvMiddleParaboxSets").style.display = "inline";
    document.getElementById("dvMiddleParaboxSetsOver").style.display = "none";
}

function SetActiveStyle(category) {
    //alert(category);
    var dvLeft, dvMiddle, dvRight;
    var dvMain, dvmenupadding;
    switch (category) {
        case '0':
            dvLeft = document.getElementById("dvLeftVideo");
            dvMiddle = document.getElementById("dvMiddleVideo");
            dvRight = document.getElementById("dvRightVideo");
            dvLeft.className = "activeleft";
            dvMiddle.className = "activemiddle";
            dvRight.className = "activeright";
            dvMain = document.getElementById("dvVideo");
            dvMain.onmouseover = "";
            dvMain.onmouseout = "";
            dvmenupadding = document.getElementById("dvmenupaddingvideo");
            dvmenupadding.className = "activemenupaddingtop";
            break;
        case '1':
            dvLeft = document.getElementById("dvLeftAudio");
            dvMiddle = document.getElementById("dvMiddleAudio");
            dvRight = document.getElementById("dvRightAudio");
            dvLeft.className = "activeleft";
            dvMiddle.className = "activemiddle";
            dvRight.className = "activeright";
            dvMain = document.getElementById("dvAudio");
            dvMain.onmouseover = "";
            dvMain.onmouseout = "";
            dvmenupadding = document.getElementById("dvmenupaddingaudio");
            dvmenupadding.className = "activemenupaddingtop";
            break;
        case '2':
            dvLeft = document.getElementById("dvLeftGame");
            dvMiddle = document.getElementById("dvMiddleGame");
            dvRight = document.getElementById("dvRightGame");
            dvLeft.className = "activeleft";
            dvMiddle.className = "activemiddle";
            dvRight.className = "activeright";
            dvMain = document.getElementById("dvGame");
            dvMain.onmouseover = "";
            dvMain.onmouseout = "";
            dvmenupadding = document.getElementById("dvmenupaddinggame");
            dvmenupadding.className = "activemenupaddingtop";
            break;
        case '3':
            dvLeft = document.getElementById("dvLeftBook");
            dvMiddle = document.getElementById("dvMiddleBook");
            dvRight = document.getElementById("dvRightBook");
            dvLeft.className = "activeleft";
            dvMiddle.className = "activemiddle";
            dvRight.className = "activeright";
            dvMain = document.getElementById("dvBooks");
            dvMain.onmouseover = "";
            dvMain.onmouseout = "";
            dvmenupadding = document.getElementById("dvmenupaddingbook");
            dvmenupadding.className = "activemenupaddingtop";
            break;
        case '4':
            dvLeft = document.getElementById("dvLeftCollector");
            dvMiddle = document.getElementById("dvMiddleCollector");
            dvRight = document.getElementById("dvRightCollector");
            dvLeft.className = "activeleft";
            dvMiddle.className = "activemiddle";
            dvRight.className = "activeright";
            dvMain = document.getElementById("dvCollector");
            dvMain.onmouseover = "";
            dvMain.onmouseout = "";
            dvmenupadding = document.getElementById("dvmenupaddingcollector");
            dvmenupadding.className = "activemenupaddingtop";
            break;
            
        case '6':
            dvLeft = document.getElementById("dvLeftParaboxsets");
            dvMiddle = document.getElementById("dvMiddleParaboxSets");
            dvRight = document.getElementById("dvRightParaboxSets");
            dvLeft.className = "activeleft";
            dvMiddle.className = "activemiddle";
            dvRight.className = "activeright";
            dvMain = document.getElementById("dvParaboxSets");
            dvMain.onmouseover = "";
            dvMain.onmouseout = "";
            dvmenupadding = document.getElementById("dvmenupaddingParaboxsets");
            dvmenupadding.className = "activemenupaddingtop";
            break;
    }
}

var MoreFormats = 1;
function ShowMoreFormats() {
    if (MoreFormats == 1) {
        var field = document.getElementById("trFormat");
        var fieldPos = new positionInfo(field);
        var x = fieldPos.getElementLeft() + field.getAttribute('width');
        var y = fieldPos.getElementBottom() - field.getAttribute('height');

        var dvFormat = document.getElementById("dvMoreFormat");
        dvFormat.style.display = 'inline';

        dvFormat.style.left = x + "px";
        dvFormat.style.top = y + "px";
        MoreFormats = 0;
    }
    else {
        var dvFormat = document.getElementById("dvMoreFormat");
        dvFormat.style.display = 'none';
        MoreFormats = 1;
    }
    return false;
}

var Quickview = 1;
function ShowCartPopup(field) {
    //debugger;
    if (Quickview == 1) {
        var fieldPos = new positionInfo(field);
        var x = fieldPos.getElementLeft() + field.getAttribute('width');
        var y = fieldPos.getElementBottom() - field.getAttribute('height');

        var dvLogin = document.getElementById("dvCartPopup");
        dvLogin.style.display = 'block';

        dvLogin.x = x  + "px";
        dvLogin.y = y  + "px";
        Quickview = 0;
    }
    else {
        var dvLogin = document.getElementById("dvCartPopup");
        dvLogin.style.display = 'none';
        Quickview = 1;
    }
}
function CloseCartPopup() {
    var dvCartPopup = document.getElementById("dvCartPopup");
    dvCartPopup.style.display = 'none';
    Quickview = 1;
}

var LoginBox = 1;
function ShowLoginBox(field) {
    //debugger;
    if (LoginBox == 1) {
        var fieldPos = new positionInfo(field);
        var x = fieldPos.getElementLeft() + field.getAttribute('width');
        var y = fieldPos.getElementBottom() - field.getAttribute('height');
        var dvLogin = document.getElementById("dvlogin");
        dvLogin.style.display = 'block';
        dvLogin.style.left = x + "px";
        dvLogin.style.top = y + "px";
        LoginBox = 0;
    }
    else {
        var dvLogin = document.getElementById("dvlogin");
        dvLogin.style.display = 'none';
        LoginBox = 1;
    }
    return false;
}
function CloseLoginBox() {
    var dvLogin = document.getElementById("dvlogin");
    dvLogin.style.display = 'none';
    LoginBox = 1;
}

function ShowOrderStatusPopup(field, dvOrderStatus) {
    field = document.getElementById(field)
    var fieldPos = new positionInfo(field);
    var x = fieldPos.getElementLeft() + field.getAttribute('width');
    var y = fieldPos.getElementBottom() - field.getAttribute('height');
    dvOrderStatus = document.getElementById(dvOrderStatus);
    dvOrderStatus.style.display = 'block';
    dvOrderStatus.style.left = (x + 45) + "px";
    dvOrderStatus.style.top = (y - 90) + "px";    
}
function CloseOrderStatusPopup(dvOrderStatus) {
    document.getElementById(dvOrderStatus).style.display = 'none';
}

function positionInfo(object) {

    var p_elm = object;

    this.getElementLeft = getElementLeft;
    function getElementLeft() {
        var x = 0;
        var elm;
        if (typeof (p_elm) == "object") {
            elm = p_elm;
        } else {
            elm = document.getElementById(p_elm);
        }
        while (elm != null) {
            x += elm.offsetLeft;
            elm = elm.offsetParent;
        }
        return parseInt(x);
    }

    this.getElementWidth = getElementWidth;
    function getElementWidth() {
        var elm;
        if (typeof (p_elm) == "object") {
            elm = p_elm;
        } else {
            elm = document.getElementById(p_elm);
        }
        return parseInt(elm.offsetWidth);
    }

    this.getElementRight = getElementRight;
    function getElementRight() {
        return getElementLeft(p_elm) + getElementWidth(p_elm);
    }

    this.getElementTop = getElementTop;
    function getElementTop() {
        var y = 0;
        var elm;
        if (typeof (p_elm) == "object") {
            elm = p_elm;
        } else {
            elm = document.getElementById(p_elm);
        }
        while (elm != null) {
            y += elm.offsetTop;
            elm = elm.offsetParent;
        }
        return parseInt(y);
    }

    this.getElementHeight = getElementHeight;
    function getElementHeight() {
        var elm;
        if (typeof (p_elm) == "object") {
            elm = p_elm;
        } else {
            elm = document.getElementById(p_elm);
        }
        return parseInt(elm.offsetHeight);
    }

    this.getElementBottom = getElementBottom;
    function getElementBottom() {
        return getElementTop(p_elm) + getElementHeight(p_elm);
    }
}

var isDisplay = false;

function DisplaySearchCriteria() {
    var dvCriteria = document.getElementById("dvSearchCriteria");
    
    if (isDisplay) {
        dvCriteria.style.display = "none";
        isDisplay = false;
        document.onclick = '';
        return;
    }
    isDisplay = true;
    var field = document.getElementById("dvSearchText");
    var fieldPos = new positionInfo(field);
    
    //alert(field.offsetHeight);
    var x = fieldPos.getElementLeft() - field.getAttribute('width');    
    var y = fieldPos.getElementBottom() + field.getAttribute('height');    
    //debugger;
    //var x = fieldPos.getElementLeft() - field.offsetWidth;
    //var y = fieldPos.getElementBottom() + field.offsetHeight;    
    
    dvCriteria.style.display = "inline";
    dvCriteria.style.left = x + "px";
    dvCriteria.style.top = y + "px";
    setTimeout("document.onclick=check;", 10);
}

function SetCriteriaValue(id, SearchKey) {
    document.getElementById(txtSearchCriteria).value = id.innerHTML;
    document.getElementById(hdnSearchCriteria).value = SearchKey;
    document.getElementById("dvSearchCriteria").style.display = "none";
    isDisplay = false;
}

function SetActiveStyleProduct(category) {
    //alert(category);
    var dvLeft, dvMiddle, dvRight;
    var dvMain, dvmenupadding;
    switch (category) {
        case '0':
            dvLeft = document.getElementById("dvGlance_l");
            dvMiddle = document.getElementById("dvGlance_m");
            dvRight = document.getElementById("dvGlance_r");
            dvLeft.className = "active_detail_l";
            dvMiddle.className = "active_detail_m";
            dvRight.className = "active_detail_r";

            break;
        case '1':
            dvLeft = document.getElementById("dvCredits_l");
            dvMiddle = document.getElementById("dvCredits_m");
            dvRight = document.getElementById("dvCredits_r");
            dvLeft.className = "active_detail_l";
            dvMiddle.className = "active_detail_m";
            dvRight.className = "active_detail_r";

            break;
        case '2':
            dvLeft = document.getElementById("dvCustReviews_l");
            dvMiddle = document.getElementById("dvCustReviews_m");
            dvRight = document.getElementById("dvCustReviews_r");
            dvLeft.className = "active_detail_l";
            dvMiddle.className = "active_detail_m";
            dvRight.className = "active_detail_r";

            break;
        case '3':
            dvLeft = document.getElementById("dvCritics_l");
            dvMiddle = document.getElementById("dvCritics_m");
            dvRight = document.getElementById("dvCritics_r");
            dvLeft.className = "active_detail_l";
            dvMiddle.className = "active_detail_m";
            dvRight.className = "active_detail_r";

            break;
        case '4':
            dvLeft = document.getElementById("dvMore_l");
            dvMiddle = document.getElementById("dvMore_m");
            dvRight = document.getElementById("dvMore_r");
            dvLeft.className = "active_detail_l";
            dvMiddle.className = "active_detail_m";
            dvRight.className = "active_detail_r";

            break;
        case '5':
            dvLeft = document.getElementById("dvTrailers_l");
            dvMiddle = document.getElementById("dvTrailers_m");
            dvRight = document.getElementById("dvTrailers_r");
            dvLeft.className = "active_detail_l";
            dvMiddle.className = "active_detail_m";
            dvRight.className = "active_detail_r";

            break;

    }
}

function CheckSearchText() {
    if (document.getElementById(txtSearch).value == 'Search by Name, KeyWord or Item')
        return false;
    return true;
}

//function ShowOrderBox()
//{
//   

//    var dvOrderStatus = document.getElementById("dvOrderStatus");        
//    dvOrderStatus.style.display='block';
//      
//    dvOrderStatus.style.left = "300px";
//    dvOrderStatus.style.top = "400px";
//    return false;
//}
function CloseOrderBox(Object) {

   $find(Object).hide()
}

function CloseSignUpBox() 
{

    try
    {
      $find('ctl00_ModalPopupExtender').hide()
    }
   catch(err)
   {
   }
   try
   {
    $find('ctl00_ctl00_ModalPopupExtender').hide();
   }
   catch(err)
   {
   }
    try
   {
    $find('ctl00_ContentPlaceHolder1_ModalPopupExtender').hide();
    
    
   }
   catch(err)
   {
   }
    try
   {
    $find('ctl00_ContentPlaceHolder1_ctrlFooter_ModalPopupExtender').hide();
   }
   catch(err)
   {
   }
    try
   {
    $find('ctl00_ctrlFooter_ModalPopupExtender').hide();
   }
   catch(err)
   {
   }
   try
   {
   $find('ctl00_ContentPlaceHolder1_ModalPopupExtenderWish').hide();
   }
   catch(err)
   {
   }
   
   
}

function defaultclick(ObjectID)
{
    var btn = ObjectID;
    if ((event.which && event.which == 13) || (event.keyCode && event.keyCode == 13))  
    {
        document.getElementById(btn).click();
        return false;
    }  
    else 
    return true;
}





function SetActiveStyleProductLatest(category) {
    //alert(category);
    var dvLeft, dvMiddle, dvRight;
    var dvMain, dvmenupadding;
    switch (category) {
        case '0':
            dvLeft = document.getElementById("dvGlance_l");
            dvMiddle = document.getElementById("dvGlance_m");
            dvRight = document.getElementById("dvGlance_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";

            break;
        case '1':
            dvLeft = document.getElementById("dvCredits_l");
            dvMiddle = document.getElementById("dvCredits_m");
            dvRight = document.getElementById("dvCredits_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";

            break;
        case '2':
            dvLeft = document.getElementById("dvCustReviews_l");
            dvMiddle = document.getElementById("dvCustReviews_m");
            dvRight = document.getElementById("dvCustReviews_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";

            break;
        case '3':
            dvLeft = document.getElementById("dvCritics_l");
            dvMiddle = document.getElementById("dvCritics_m");
            dvRight = document.getElementById("dvCritics_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";

            break;
        case '4':
            dvLeft = document.getElementById("dvMore_l");
            dvMiddle = document.getElementById("dvMore_m");
            dvRight = document.getElementById("dvMore_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";

            break;
        case '5':
            dvLeft = document.getElementById("dvTrailers_l");
            dvMiddle = document.getElementById("dvTrailers_m");
            dvRight = document.getElementById("dvTrailers_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";

            break;

    }
}

function check(e) {
    //debugger;
    var target = (e && e.target) || (event && event.srcElement);
    var obj = document.getElementById('dvSearchCriteria');
    //var obj2 = document.getElementById('dvSearchText');
    checkParent(target) ? obj.style.display = 'none' : null;
    if (obj.style.display == 'none') {
        document.onclick = '';
        isDisplay = false;
    }
    //target==obj2?obj.style.display='block':null;
}

function checkParent(t) {
    while (t.parentNode) {
        if (t == document.getElementById('dvSearchCriteria'))
            return false
        t = t.parentNode
    }
    return true
}


function SetActiveStyleBookProductDetail(category) {
    var dvLeft, dvMiddle, dvRight;
    var dvMain, dvmenupadding;

    document.getElementById("dvDetails_l").className = "latestdetail_l";
    document.getElementById("dvDetails_m").className = "latestdetail_m";
    document.getElementById("dvDetails_r").className = "latestdetail_r";

    document.getElementById("dvAnnotation_l").className = "latestdetail_l";
    document.getElementById("dvAnnotation_m").className = "latestdetail_m";
    document.getElementById("dvAnnotation_r").className = "latestdetail_r";

    document.getElementById("dvReviews_l").className = "latestdetail_l";
    document.getElementById("dvReviews_m").className = "latestdetail_m";
    document.getElementById("dvReviews_r").className = "latestdetail_r";

    document.getElementById("dvTOC_l").className = "latestdetail_l";
    document.getElementById("dvTOC_m").className = "latestdetail_m";
    document.getElementById("dvTOC_r").className = "latestdetail_r";

    document.getElementById("dvExcerpt_l").className = "latestdetail_l";
    document.getElementById("dvExcerpt_m").className = "latestdetail_m";
    document.getElementById("dvExcerpt_r").className = "latestdetail_r";

    document.getElementById("dvDetails").style.display = "none";
    document.getElementById("dvAnnotation").style.display = "none";
    document.getElementById("dvRiviews").style.display = "none";
    document.getElementById("dvTOC").style.display = "none";
    document.getElementById("dvExcerpt").style.display = "none";
    
    switch (category) {
        case '0':
            dvLeft = document.getElementById("dvDetails_l");
            dvMiddle = document.getElementById("dvDetails_m");
            dvRight = document.getElementById("dvDetails_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";
            document.getElementById("dvDetails").style.display = "inline";
            break;

        case '1':
            dvLeft = document.getElementById("dvAnnotation_l");
            dvMiddle = document.getElementById("dvAnnotation_m");
            dvRight = document.getElementById("dvAnnotation_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";
            document.getElementById("dvAnnotation").style.display = "inline";
            break;

        case '2':
            dvLeft = document.getElementById("dvReviews_l");
            dvMiddle = document.getElementById("dvReviews_m");
            dvRight = document.getElementById("dvReviews_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";
            document.getElementById("dvRiviews").style.display = "inline";
            break;

        case '3':
            dvLeft = document.getElementById("dvTOC_l");
            dvMiddle = document.getElementById("dvTOC_m");
            dvRight = document.getElementById("dvTOC_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";
            document.getElementById("dvTOC").style.display = "inline";
            break;

        case '4':
            dvLeft = document.getElementById("dvExcerpt_l");
            dvMiddle = document.getElementById("dvExcerpt_m");
            dvRight = document.getElementById("dvExcerpt_r");
            dvLeft.className = "latestactive_l";
            dvMiddle.className = "latestactive_m";
            dvRight.className = "latestactive_r";
            document.getElementById("dvExcerpt").style.display = "inline";
            break;
    }
}

function DisplayUpdateImage(field) {
    var dvProgressbar = document.getElementById("dvProgressBar");    
    var fieldPos = new positionInfo(field);
    var x = fieldPos.getElementLeft() - field.getAttribute('width');
    var y = fieldPos.getElementBottom() + field.getAttribute('height');

    dvProgressbar.style.display = "inline";
    dvProgressbar.style.left = (x - 300) + "px";
    dvProgressbar.style.top = (y + 100) + "px";
}

function DisplayCategoryProcess(field, divID) {
    var dvProgressbar = document.getElementById(divID);
    var fieldPos = new positionInfo(field);
    var x = fieldPos.getElementLeft() - field.getAttribute('width');
    var y = fieldPos.getElementBottom() + field.getAttribute('height');

    dvProgressbar.style.display = "inline";
    dvProgressbar.style.left = (x + 50) + "px";
    dvProgressbar.style.top = (y - 20) + "px";
}

function ExpandCategoryData(htmlDiv, imgbtn) {
    document.getElementById(htmlDiv).style.display = 'inline';
    document.getElementById(imgbtn).click();
}

function OpenUPS(trackid) {
  window.open('http://wwwapps.ups.com/WebTracking/track?HTMLVersion=5.0&loc=en_US&Requester=UPSHome&trackNums='+ trackid +'&track.x=track','trailer','');
  return false;
}