r = 1;
     function changeBg()
    {
        m = document.getElementById("main");
        m.style.filter = "alpha(opacity=100)";
        m.style.background = "url(images/collage1b.jpg)";
        bg = window.setInterval(switchIt, 5000);
        
       
        
    }
    
    function switchIt()
    {
        window.status = r;
        m = document.getElementById("main");
        switch (r)
        {
            case 1:
                m.style.filter = "alpha(opacity=0)";
                m.style.background = "url(images/collage2b.jpg)";
                fadeInt = window.setInterval(fadeIt, 100);
                r = 2;
                break;
            case 2:
                m.style.filter = "alpha(opacity=0)";
                m.style.background = "url(images/collage3b.jpg)";
                fadeInt = window.setInterval(fadeIt, 100);
                r = 3;
                break;
            case 3:
                m.style.filter = "alpha(opacity=0)";
                m.style.background = "url(images/collage1b.jpg)";
                fadeInt = window.setInterval(fadeIt, 100);
                r = 1;
                break;
        }
        
         
    
    }

    fade = 0;
    function fadeIt()
    {
         m = document.getElementById("main");
         if (fade == 100)
         {
            window.clearInterval(fadeInt);
            fade = 0;
            return;
         }
         else
         {
            fade = fade + 10;
            m.style.filter = "alpha(opacity=" + fade + ")";
         }
    
    }

    function moveInfo(loc)
    {
    
        i = document.getElementById('infoPlacement');
        a = document.getElementById(loc);
        d = document.getElementById("info");
        i.innerHTML = a.innerHTML;    
        
        id = window.setInterval(slideInfo, 50);        
    
    }
    
    function closeInfo(loc)
    {
    
        d = document.getElementById("info");
        d.style.left = "445px";
        i.innerHTML = "";   
    
    }
    
    function slideInfo()
    {
      
        d = document.getElementById("info");
        r = parseInt(d.style.left);
        if (r <= 60)
        {
            window.clearInterval(id);
            return;
        }
       
        l = r - 40;
        d.style.left = l + "px";
        return;
        
       
        if (r > 400)
        {
            l = r - 40;
            d.style.left = l + "px";
        }
        else
        {
            l = r - 10;
            d.style.left = l + "px";
        }
      
    }