// JScript File
function blendimage(imageid, imgfile, millisec) {

    millisec = 0;
    imageid = "ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_"+imageid;
    imagefile = "ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_"+imgfile;

    var speed = 1; //Math.round(millisec / 10);
    var timer = 1;
       /* for(i = 100; i >= 1; i--) 
        {
            setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
            timer++;
        }*/ 
    
    setTimeout("resizeBigImage(document.getElementById('ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList').selectedIndex)", (timer * speed));
    
    setTimeout("document.getElementById('" + imageid + "').src = document.getElementById('" + imagefile + "').src", (timer * speed));
    /*for(i = 0; i <= 100; i++) 
    { 
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); 
        timer++;
    }*/
    border(imgfile);
}

function changeOpac(opacity, id) 
{ 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

function down() 
{
    if (navigator.appName == "Netscape")
    {
        if(document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgListCount").value == document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex + 5)
        {
            var selected = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_selectedPicture").value;
            if (selected != 'tblimg4')
            {   
                var No = parseInt(selected.substring(6));
                var img = "img" + No;
                blendimage("imgLarge", img, 60);
            }

            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex+=1;
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img1").src = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").value;
            
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex+=1;
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img2").src = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").value;
            
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex+=1;
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img3").src = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").value;
            
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex+=1;
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img4").src = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").value;
            
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex -= 3;
            return;
        }
    }
    for (var i = 1; i<=4; i++)
    {
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img" + i).style.borderWidth = "2px";
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img" + i).style.borderColor = "WhiteSmoke";
    }
    
    if(document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgListCount").value-4 != document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex)
    {
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex + 1;
        var selectedIndex = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex;
        resizeImage(selectedIndex);
        for(var i = 1; i<=4; i++)
        {
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img"+i).src = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").value;
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex + 1;
        }
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = selectedIndex;

        var selected = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_selectedPicture").value;
        if (selected != "")
        {
            blendimage("imgLarge", selected.substring(3), 60);
        }
    }

    else 
    {
        var selected = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_selectedPicture").value;
        if (selected != 'tblimg4')
        {   
            var No = parseInt(selected.substring(6)) + 1;
            var img = "img" + No;
            blendimage("imgLarge", img, 60);
        }
        else
        {
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = 0;
            blendimage("imgLarge", "img1", 60);
            down();
            up();
        }
        resizeImage(document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex);
    }
}

function up() 
{
    if (document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex == document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgListCount").value - 1)
    {
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgListCount").value - 4;
    }
    for (var i = 1; i<=4; i++)
    {
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img" + i).style.borderWidth = "2px";
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img" + i).style.borderColor = "WhiteSmoke";
    }
    
    if(document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex != 0)
    {
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex - 1;
        var selectedIndex = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex;
        resizeImage(selectedIndex);
        
        for(var i = 1; i<=4; i++)
        {
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img"+i).src = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").value;
            document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex + 1;
        }
        document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex = selectedIndex;

        var selected = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_selectedPicture").value;
        if (selected != "")
        {
            blendimage("imgLarge", selected.substring(3), 60);
        }

    }
    else
    {
        var selected = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_selectedPicture").value;
        if (selected != 'tblimg1')
        {
            var No = selected.substring(6) - 1;
            var img = "img" + No;
            blendimage("imgLarge", img, 60);
        }
    }
}

function border(img)
{
    var image = "tbl" + img;
    for (var i = 1; i<=4; i++)
    {
        document.getElementById("tblimg" + i).style.border="thin solid WhiteSmoke";
    }
    document.getElementById(image).style.border="thin solid black";
    document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_selectedPicture").value = image;
    //resizeBigImage(document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgList").selectedIndex);
}

function overborder(imagefile, action)
{
    var imagefile = "tbl" + imagefile;
    if (action = "over")
    {
        document.getElementById(imagefile).style.border="thin solid gray";
    }
}

function downborder(imagefile, action)
{
    imagefile = "tbl"+imagefile;
    var selected = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_selectedPicture").value;
    if (action = "down")
    {
        document.getElementById(imagefile).style.border="thin solid WhiteSmoke";
    }
    if (selected != "")
    {
        document.getElementById(selected).style.border="thin solid black";
    }
}

function resizeImage(index)
{
    for (var i = 1; i<= 4; i++)
    {
        var image = "ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_img" + i;
        var No = index + i -1;
        
       

        document.getElementById(image).style.width = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgWidth").value + "px";
        document.getElementById(image).style.height = document.getElementById("ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgHeight").value + "px";
    }
}

function resizeBigImage(index)
{
    var image = "ctl00_ctl00_ContentPlaceHolder1_cp1_objectForm_imgLarge";
                


    if ((document.getElementById(image).style.width > 412) && (document.getElementById(image).style.height > 550)) {

        var height; 
        var width;        
                
        var factorHeight= 550/ height;
        var factorWidth = 412/ width;
        var scaleFactor = 0;

         if (factorHeight < factorWidth) {
                    // Portrait
                    scaleFactor = factorHeight; }
                else {
                    // Landscape
                    scaleFactor = factorWidth;  }
               
        var sizeheight= (height * scaleFactor);
        var sizewidth= (width * scaleFactor);
        
        document.getElementById(image).style.width=sizewidth;
        document.getElementById(image).style.height =sizeheight;

    }    

  
}