var ImgValue;
var imgArray = new Array('img1','img2','img3','img4','img5','img6','img7','img8');

function Image_OnClick(ImgValue) {
    document.getElementById('VideoTd').style.display = 'none';
    document.getElementById('ImageTd').style.display = 'block';
    if (ImgValue == 'img1') {
        document.getElementById('ImgShow').src = "images/img1.jpg";
        document.getElementById('ImgShow').alt = "This is image 1";
    }
    else if (ImgValue == 'img2') {
        document.getElementById('ImgShow').src = "images/img2.jpg";
        document.getElementById('ImgShow').alt = "This is image 2";
    }
    else if (ImgValue == 'img3') {
        document.getElementById('ImgShow').src = "images/img3.jpg";
        document.getElementById('ImgShow').alt = "This is image 3";
    }
    else if (ImgValue == 'img4') {
        document.getElementById('ImgShow').src = "images/img4.jpg";
        document.getElementById('ImgShow').alt = "This is image 4";
    }
    else if (ImgValue == 'img5') {
        document.getElementById('ImgShow').src = "images/img1.jpg";
        document.getElementById('ImgShow').alt = "This is image 5";
    }
    else if (ImgValue == 'img6') {
        document.getElementById('ImgShow').src = "images/img2.jpg";
        document.getElementById('ImgShow').alt = "This is image 6";
    }
    else if (ImgValue == 'img7') {
        document.getElementById('ImgShow').src = "images/img3.jpg";
        document.getElementById('ImgShow').alt = "This is image 7";
    }
    else if (ImgValue == 'img8') {
        document.getElementById('ImgShow').src = "images/img4.jpg";
        document.getElementById('ImgShow').alt = "This is image 8";
    }
}























///////////////////////////////////////////////////
//                scroll script                  //
///////////////////////////////////////////////////
var the_timeout;

function moveTop() {
    //debugger;
    var tblH = document.getElementById("gallerybelt").offsetHeight;
    var the_style = getStyleObject("gallerybelt");
    var d = document.getElementById("gallerybelt").style.pixelTop;

    var lastpoint = -tblH + 330;
    //alert(lastpoint);
    //alert(d);
    
    if (document.getElementById("gallerybelt").style.pixelTop < lastpoint) {
        clearInterval(the_timeout);
        document.getElementById("NextBtnSpan").style.display = "block";
          document.getElementById("PrevBtnSpan").style.display = "none";
    }
    else if (the_style) {
        document.getElementById("NextBtnSpan").style.display = "block";
        document.getElementById("PrevBtnSpan").style.display = "block";
        var start = parseInt(the_style.top);
        var end = start - 80;
        moveDivTop(end, -80);
    }
}

function moveDivTop(end, x) {
    var the_style = getStyleObject("gallerybelt");
    if (the_style) {
        var current_top = parseInt(the_style.top);
        var new_top = current_top - 5;

        if (document.layers) {
            the_style.top = new_top;
        }
        else {
            the_style.top = new_top + "px";
        }

        if (new_top > end) {
            the_timeout = setTimeout('moveDivTop(' + end + ',' + x + ');', 10);
        }

    }
}



     function moveBottom() {
         var the_style = getStyleObject("gallerybelt");

         if (document.getElementById("gallerybelt").offsetTop > 0) {
             clearInterval(the_timeout);
             document.getElementById("NextBtnSpan").style.display = "none";
             document.getElementById("PrevBtnSpan").style.display = "block";
         }
         else if (the_style) {
            document.getElementById("NextBtnSpan").style.display = "block";
            document.getElementById("PrevBtnSpan").style.display = "block";
             var start = parseInt(the_style.top);
             var end = start + 80;
             moveDivBottom(end, 80);
         }
     }


     function moveDivBottom(end, x) {
         var the_style = getStyleObject("gallerybelt");
         if (the_style) {
             var current_top = parseInt(the_style.top);
             var new_top = current_top + 5;

             if (document.layers) {
                 the_style.top = new_top;
             }
             else {
                 the_style.top = new_top + "px";
             }

             if (new_top < end) {
                 the_timeout = setTimeout('moveDivBottom(' + end + ',' + x + ');', 10);
             }

             if (document.getElementById("gallerybelt").offsetTop > 0) {
                 clearInterval(the_timeout);
             }
         }
     }


function getStyleObject(objectId) {
    if (document.getElementById && document.getElementById(objectId)) {
        return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
        return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
        return document.layers[objectId];
    } else {
        return false;
    }
}