        //Function to make transitions between the images shown on the page

        var transitionTimerID;

        var transitionImgArray = new Array()
        var transitionFilters  = new Array();
        var transitionHistory  = new Array(10);
        var transitionHistoryCtr = 0;
        
        var transitionHistoryImage = new Array(20);
        var transitionHistoryImageCtr = 0;
        var transitionImageCount = 45

        transitionImgArray[0] =   "Images/HomeChangingImages/01.jpg"
        transitionImgArray[1] =   "Images/HomeChangingImages/43720_wallpaper280.jpg"
        transitionImgArray[2] =   "Images/HomeChangingImages/8.jpg"
        transitionImgArray[3] =   "Images/HomeChangingImages/9.jpg"
        transitionImgArray[4] =   "Images/HomeChangingImages/APMElseCrude13.jpg"
        transitionImgArray[5] =   "Images/HomeChangingImages/APMElseCrude14.jpg"
        transitionImgArray[6] =   "Images/HomeChangingImages/APMS1.jpg"
        transitionImgArray[7] =   "Images/HomeChangingImages/APMS2.jpg"
        transitionImgArray[8] =   "Images/HomeChangingImages/cadets.jpg"
        transitionImgArray[9] =   "Images/HomeChangingImages/CheeringCrew.jpg"
        transitionImgArray[10] =  "Images/HomeChangingImages/chopper.jpg"
        transitionImgArray[11] =  "Images/HomeChangingImages/clock.jpg"
        transitionImgArray[12] =  "Images/HomeChangingImages/clock1.jpg"
        transitionImgArray[13] =  "Images/HomeChangingImages/compass.jpg"
        transitionImgArray[14] =  "Images/HomeChangingImages/compass1.jpg"
        transitionImgArray[15] =  "Images/HomeChangingImages/compassbrass.jpg"
        transitionImgArray[16] =  "Images/HomeChangingImages/container.jpg"
        transitionImgArray[17] =  "Images/HomeChangingImages/CrewOnDeck.jpg"
        transitionImgArray[18] =  "Images/HomeChangingImages/DCP_3873.jpg"
        transitionImgArray[19] =  "Images/HomeChangingImages/DCP_3874.jpg"
        transitionImgArray[20] =  "Images/HomeChangingImages/develop1.jpg"
        transitionImgArray[21] =  "Images/HomeChangingImages/DSC00751.jpg"
        transitionImgArray[22] =  "Images/HomeChangingImages/DSC01229.jpg"
        transitionImgArray[23] =  "Images/HomeChangingImages/duel_cadets.jpg"
        transitionImgArray[24] =  "Images/HomeChangingImages/ElseCrude.jpg"
        transitionImgArray[25] =  "Images/HomeChangingImages/ElseCrude13.jpg"
        transitionImgArray[26] =  "Images/HomeChangingImages/ElseCrude15.jpg"
        transitionImgArray[27] =  "Images/HomeChangingImages/ElseCrude16.jpg"
        transitionImgArray[28] =  "Images/HomeChangingImages/ElseCrude3.jpg"
        transitionImgArray[29] =  "Images/HomeChangingImages/ElseCrude9.jpg"
        transitionImgArray[30] =  "Images/HomeChangingImages/empty.jpg"
        transitionImgArray[31] =  "Images/HomeChangingImages/front.jpg"
        transitionImgArray[32] =  "Images/HomeChangingImages/graph.jpg"
        transitionImgArray[33] =  "Images/HomeChangingImages/iglobe.jpg"
        transitionImgArray[34] =  "Images/HomeChangingImages/iStock_000000176751_L1.jpg"
        transitionImgArray[35] =  "Images/HomeChangingImages/Launching 3.jpg"
        transitionImgArray[36] =  "Images/HomeChangingImages/layout.jpg"
        transitionImgArray[37] =  "Images/HomeChangingImages/Liftingbarrels.jpg"
        transitionImgArray[38] =  "Images/HomeChangingImages/Lookout.jpg"
        transitionImgArray[39] =  "Images/HomeChangingImages/MaerskBahrain_6.jpg"
        transitionImgArray[40] =  "Images/HomeChangingImages/maerskstar.jpg"
        transitionImgArray[41] =  "Images/HomeChangingImages/maersk_phoenix.jpg"
        transitionImgArray[42] =  "Images/HomeChangingImages/maersk_radiant.jpg"
        transitionImgArray[43] =  "Images/HomeChangingImages/maersk_ship.jpg"
        transitionImgArray[44] =  "Images/HomeChangingImages/maersk_star.jpg"
        transitionImgArray[45] =  "Images/HomeChangingImages/mast.jpg"
        transitionImgArray[47] =  "Images/HomeChangingImages/new1.jpg"
        transitionImgArray[48] =  "Images/HomeChangingImages/new2.jpg"
        transitionImgArray[49] =  "Images/HomeChangingImages/new3.jpg"
        transitionImgArray[50] =  "Images/HomeChangingImages/new4.jpg"
        transitionImgArray[51] =  "Images/HomeChangingImages/Operatingpipes.jpg"
        transitionImgArray[52] =  "Images/HomeChangingImages/P3150101.jpg"
        transitionImgArray[53] =  "Images/HomeChangingImages/Pipes.jpg"
        transitionImgArray[54] =  "Images/HomeChangingImages/radiant.jpg"
        transitionImgArray[55] =  "Images/HomeChangingImages/ship.jpg"
        transitionImgArray[56] =  "Images/HomeChangingImages/Stem.jpg"
        transitionImgArray[57] =  "Images/HomeChangingImages/sts.jpg"
        transitionImgArray[58] =  "Images/HomeChangingImages/tanker.jpg"
        transitionImgArray[59] =  "Images/HomeChangingImages/tanker1.jpg"
        transitionImgArray[60] =  "Images/HomeChangingImages/wave.jpg"


        transitionFilters[0] = "FILTER:DXImageTransform.Microsoft.CheckerBoard(direction='right');";
        transitionFilters[1] = "FILTER:DXImageTransform.Microsoft.RandomDissolve;";
        transitionFilters[2] = "FILTER:DXImageTransform.Microsoft.Strips(motion='leftdown');";
        transitionFilters[3] = "FILTER:DXImageTransform.Microsoft.RandomBars(orientation='horizontal');";

        //function to check if the square being selected, is different from the 
        //previous 6

        function checkHistoryForSquare(imgObjNumber)
        {

            //document.all("myTestingDiv").innerHTML =
            //document.all("myTestingDiv").innerHTML + "&nbsp;" + imgObjNumber

            for (ctr=0;ctr<6;ctr++)
            {
                if (transitionHistory[ctr] == imgObjNumber)
                    return false;
            }

            //now push the next image in
            transitionHistory[transitionHistoryCtr] = imgObjNumber;
            transitionHistoryCtr = transitionHistoryCtr + 1
            if (transitionHistoryCtr >= 6) transitionHistoryCtr = 0;

            return true;
        }
    
        //function to check if the image being selected, is similar to the
        //previous five.
        function checkHistoryForImage(imgNumber)
        {

            for (ctr=0;ctr<20;ctr++)
            {
                if (transitionHistoryImage[ctr] == imgNumber)
                    return false;
            }

            //now push the next image in
            transitionHistoryImage[transitionHistoryImageCtr] = imgNumber;
            transitionHistoryImageCtr = transitionHistoryImageCtr + 1
            if (transitionHistoryImageCtr >= 20) transitionHistoryImageCtr = 0;

            return true;
        }   

        function makeImageTransitions()
        {
                if(transitionTimerID != "")
                    clearTimeout(transitionTimerID);

                //generate the random number for image object to transition
                var imgObjNumber = parseInt((Math.random()*90)/10)

                //check if the number has not been generated in the previous 10 tries.
                while (!checkHistoryForSquare(imgObjNumber))
                {
                    imgObjNumber = parseInt((Math.random()*90)/10)
                }

                var imgObject = document.all("homeChangingImg"+ imgObjNumber);

                if (imgObject != null)
                {
                    //imgObject.style.cssText = transitionFilters[1];

                    imgObject.filters[0].apply();

                    //generate the random number for image to change
                    var imgNumber = parseInt((Math.random()*(transitionImageCount*10))/10)
                    
                    //check if the number has not been generated in the previous 20 tries.
                    while (!checkHistoryForImage(imgNumber))
                    {
                        imgNumber = parseInt((Math.random()*(transitionImageCount*10))/10)
                    }                    
                    imgObject.src = transitionImgArray[imgNumber];
                    imgObject.filters[0].play();
                }

                transitionTimerID = setTimeout("makeImageTransitions()",500);
        }

