var timerlen = 10;
        var slideAniLen = 500;
        var IsMoving = false;
        var timerID = new Array();
        var startTime = new Array();
        var endWidth = 512;
        var DivLeft;
        var DivCenter;
        var DivRight;
        var smallWidth = 144;
        var LastPosition = "left";
        var i = 0;
        var LastLeft = 0;
        var LastWidth = 0;
        var img2;
        var img3;
        var ocf = new Array();
        var oc = new Array();
        var IsExplorer = false;
        function fadeIn(MyDivId) 
        {
            var MyDiv = document.getElementById(MyDivId);

            if (IsExplorer) {
                if (oc[MyDiv.id] == null)
                    oc[MyDiv.id] = 60;

                MyDiv.style.filter = "alpha(opacity=" + oc[MyDiv.id] + ")"

                if (oc[MyDiv.id] < 100) {
                    oc[MyDiv.id] += 5;
                    setTimeout('fadeIn(' + MyDiv.id + ');', 50);
                }
            }
            else 
            {
                if (ocf[MyDiv.id] == null)
                    ocf[MyDiv.id] = 0.6;

                MyDiv.style.opacity = ocf[MyDiv.id];

                if (ocf[MyDiv.id] < 1) 
                {
                    ocf[MyDiv.id] += 0.05;
                    setTimeout('fadeIn(' + MyDiv.id + ');', 50);
                }

                if (ocf[MyDiv.id] > 0.95)
                    ocf[MyDiv.id] = 1; 
            }
        }

        function fadeOut(MyDivId) 
        {
           var MyDiv = document.getElementById(MyDivId);

           if (IsExplorer) {
                if (oc[MyDiv.id] == null)
                    oc[MyDiv.id] = 100;

                MyDiv.style.filter = "alpha(opacity=" + oc[MyDiv.id] + ")"

                if (oc[MyDiv.id] != 60) {
                    oc[MyDiv.id] -= 5;
                    setTimeout('fadeOut(' + MyDiv.id + ');', 50);
               }
           }
           else {
                if (ocf[MyDiv.id] == null)
                    ocf[MyDiv.id] = 1;

                if (ocf[MyDiv.id] == 1)
                    ocf[MyDiv.id] = 0.95;

                MyDiv.style.opacity = ocf[MyDiv.id];

                if (ocf[MyDiv.id] > 0.55) {
                    ocf[MyDiv.id] -= 0.05;
                    oc[MyDiv.id] -= 5;
                    setTimeout('fadeOut(' + MyDiv.id + ');', 50);
                }
           }
        }
        function setUp() {
            DivLeft = document.getElementById("leftImage");
            DivCenter = document.getElementById("centerImage");
            DivRight = document.getElementById("rightImage");
            img2 = document.getElementById("image2");
            img3 = document.getElementById("image3");
            DivLeft.style.left = "0px";
            DivLeft.style.width = endWidth + "px";
            DivCenter.style.left = endWidth + "px";
            DivCenter.style.width = smallWidth + "px";
            DivCenter.style.filter = "alpha(opacity=60)";
            DivCenter.style.opacity = 0.6;
            DivRight.style.left = endWidth + smallWidth + "px";
            DivRight.style.width = smallWidth + "px";
            DivRight.style.filter = "alpha(opacity=60)";
            DivRight.style.opacity = 0.6;
            if (navigator.appName.indexOf("Internet Explorer") != -1)
                IsExplorer = true;
            else 
                IsExplorer = false;          
        }
        function slide(objname, position) {
            if (IsMoving)
                return;
            if (LastPosition == position)
                return; // cannot slide down something that is already visible

            i = 0

            IsMoving = true;
            startslide(objname, position);
        }

        function startslide(objname, position) {
            startTime[objname] = (new Date()).getTime();
            i = 0;
            timerID[objname] = setInterval('slidetick(\'' + objname + '\', \'' + position + '\');', timerlen);
        }

      
        function slidetick(objname, position) 
        {
            var elapsed = (new Date()).getTime() - startTime[objname];
            
            var d = Math.round(elapsed / slideAniLen * endWidth);
            var smd = (endWidth - d) - smallWidth;
            var exit = false;
            switch (position) {
                case "left":
                    {
                        fadeIn(DivLeft.id);
                        LastWidth = parseInt(DivLeft.style.width);
                        if (d > endWidth)
                        { exit = true; d = endWidth; }
                        if (d > parseInt(DivLeft.style.width)) 
                        {
                            DivLeft.style.width = d + "px";
                            RemoveAt = parseInt(DivLeft.style.width) - LastWidth;
                           
                            if (LastPosition == "center") {
                                fadeOut(DivCenter.id); 
                                DivCenter.style.left = parseInt(DivLeft.style.width)  + "px";
                                DivCenter.style.width = (parseInt(DivCenter.style.width) - RemoveAt) + "px";
                                DivRight.style.left = parseInt(DivCenter.style.left) + parseInt(DivCenter.style.width) + "px";
                            }

                            if (LastPosition == "right") {
                                fadeOut(DivRight.id); 
                                DivCenter.style.left = DivLeft.style.width;
                                RemoveAt = parseInt(DivLeft.style.width) - LastWidth;
                                DivRight.style.left = (parseInt(DivLeft.style.width) + smallWidth) + "px";
                                DivRight.style.width = (parseInt(DivRight.style.width) - RemoveAt) + "px";
                            }
                            if ((parseInt(img2.style.marginLeft) - (RemoveAt)) > "-230")
                                img2.style.marginLeft = parseInt(img2.style.marginLeft) - (RemoveAt) + "px";
                            else
                                img2.style.marginLeft = "-230px";

                            if ((parseInt(img3.style.marginLeft) - (RemoveAt)) > "-300")
                                img3.style.marginLeft = parseInt(img3.style.marginLeft) - (RemoveAt) + "px";
                            else
                                img3.style.marginLeft = "-300px";
                        }

                        
                        if (elapsed > slideAniLen || exit == true) {
                            LastPosition = "left"; endSlide(objname);
                        }
                        break;
                    };
                case "center":
                    {
                        fadeIn(DivCenter.id);
                        
                        LastWidth = parseInt(DivCenter.style.width);
                        if (LastPosition == "left") {
                            fadeOut(DivLeft.id);   
                            if (smd < smallWidth)
                            { exit = true; smd = smallWidth; }
                            if (smd < parseInt(DivLeft.style.width)) {
                                DivLeft.style.width = smd + "px"; LastLeft = parseInt(DivCenter.style.left);
                                DivCenter.style.left = parseInt(DivLeft.style.width) + "px";
                                AddTo = LastLeft - parseInt(DivCenter.style.left);
                                DivCenter.style.width = parseInt(parseInt(DivCenter.style.width) + AddTo) + "px";
                                DivRight.style.left = parseInt(DivCenter.style.left) + parseInt(DivCenter.style.width) + "px";

                                if (parseInt(img2.style.marginLeft) < 0)
                                    img2.style.marginLeft = parseInt(img2.style.marginLeft) + parseInt(DivCenter.style.left) + "px";
                                else
                                    img2.style.marginLeft = "0px";
                            }
                        };
                        if (LastPosition == "right") {
                            fadeOut(DivRight.id);
                            if (d > endWidth)
                            { exit = true; d = endWidth; }
                            if (d > parseInt(DivCenter.style.width)) {
                                DivCenter.style.width = d + "px";
                                RemoveAt = parseInt(DivCenter.style.width) - LastWidth;
                                DivRight.style.width = (parseInt(DivRight.style.width) - RemoveAt) + "px";
                                DivRight.style.left = (parseInt(DivCenter.style.width) + parseInt(DivCenter.style.left)) + "px";

                                if (parseInt(img2.style.marginLeft) + parseInt(RemoveAt) < 0)
                                    img2.style.marginLeft = parseInt(img2.style.marginLeft) + parseInt(RemoveAt) + "px";
                                else
                                    img2.style.marginLeft = "0px";

                                if (parseInt(parseInt(img3.style.marginLeft) - parseInt(RemoveAt)) > "-300")
                                    img3.style.marginLeft = parseInt(img3.style.marginLeft) - (RemoveAt) + "px";
                                else
                                    img3.style.marginLeft = "-300px";
                            }
                        };

                        if (elapsed > slideAniLen || exit == true)
                        { LastPosition = "center"; endSlide(objname); }
                        break;
                    };
                case "right":
                    {
                        fadeIn(DivRight.id);
                        if (LastPosition == "left") {
                            fadeOut(DivLeft.id); 
                            if (smd < smallWidth)
                            { exit = true; smd = smallWidth; }
                            if (smd < parseInt(DivLeft.style.width)) {
                                DivLeft.style.width = smd + "px"; LastLeft = parseInt(DivRight.style.left);
                                DivCenter.style.left = parseInt(DivLeft.style.width) + "px";
                                DivRight.style.left = (parseInt(DivLeft.style.width) + smallWidth) + "px";
                                AddTo = LastLeft - parseInt(DivRight.style.left);
                                DivRight.style.width = parseInt(parseInt(DivRight.style.width) + AddTo) + "px";
                                if (parseInt(img3.style.marginLeft) < 0)
                                    img3.style.marginLeft = parseInt(img3.style.marginLeft) + parseInt(DivCenter.style.left + 4) + "px";
                                else
                                    img3.style.marginLeft = "0px";
                            }
                        }
                        if (LastPosition == "center") {
                            fadeOut(DivCenter.id); 
                            if (smd < smallWidth)
                            { exit = true; smd = smallWidth; }
                            if (smd < parseInt(DivCenter.style.width)) {
                                DivCenter.style.width = smd + "px"; LastLeft = parseInt(DivRight.style.left);
                                DivRight.style.left = (parseInt(DivCenter.style.width) + smallWidth) + "px";
                                AddTo = LastLeft - parseInt(DivRight.style.left);
                                DivRight.style.width = parseInt(parseInt(DivRight.style.width) + AddTo) + "px";
                                if ((parseInt(img2.style.marginLeft) - (AddTo)) > "-230")
                                    img2.style.marginLeft = parseInt(img2.style.marginLeft) - (AddTo) + "px";
                                else
                                    img2.style.marginLeft = "-230px";

                                if (parseInt(img3.style.marginLeft) + parseInt(AddTo) < 0)
                                    img3.style.marginLeft = parseInt(img3.style.marginLeft) + parseInt(AddTo) + "px";
                                else
                                    img3.style.marginLeft = "0px";
                            }
                        }
                       
                        if (elapsed > slideAniLen || exit == true)
                        { LastPosition = "right"; endSlide(objname); }
                        break;
                    };
            }
            return;
        }

        function endSlide(objname) {
            clearInterval(timerID[objname]);
            IsMoving = false;
            delete (timerID[objname]);
            delete (startTime[objname]);
            return;
        }