var current_slide=0;

function opacity (id, opacStart, opacEnd, millisec)
{
   // Speed for each frame;
   var speed = Math.round (millisec/100);
   var timer = 0;

   // Determine the direction for the blending, if start and end are the same nothing happens;
   if (opacStart > opacEnd)
   {
      for (i=opacStart; i >= opacEnd; i--)
      {
         setTimeout("changeOpac (" + i + ",'" + id + "')",(timer * speed));
         timer++;
      }
   }
   else if (opacStart < opacEnd)
   {
      for (i=opacStart; i <= opacEnd; i++)
      {
         setTimeout("changeOpac (" + i + ",'" + id + "')",(timer * speed));
         timer++;
      }
   }
}

// Change the opacity for different browsers;
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 shiftOpacity (id, millisec)
{
   // If an element is invisible, make it visible, else make it ivisible;
   if (document.getElementById(id).style.opacity == 0)
   {
      opacity (id, 0, 100, millisec);
   }
   else
   {
      opacity (id, 100, 0, millisec);
   }
}

function currentOpac (id, opacEnd, millisec)
{
   // Standard opacity is 100;
   var currentOpac=100;

   // If the element has an opacity set, get it;
   if (document.getElementById(id).style.opacity < 100)
   {
      currentOpac=document.getElementById(id).style.opacity*100;
   }

   // Call for the function that changes the opacity;
   opacity (id, currentOpac, opacEnd, millisec)
}

function blendimage (divid, imageid, imagefile, millisec, slidenum)
{
    var speed=Math.round (millisec/100);
    var timer=0;

    // Set the current image as background;
    document.getElementById(divid).style.backgroundImage="url("+document.getElementById(imageid).src+")";

    // Make image transparent;
    changeOpac (0, imageid);

    // Make new image;
    document.getElementById(imageid).src=imagefile;

    // Fade in image;
    for (i=0; i <= 100; i++)
    {
        setTimeout ("changeOpac("+i+",'"+imageid+"')", (timer*speed));
        timer++;
    }

    if (slidenum == 1)
    {
       document.getElementById("slide1").innerHTML="<a class=\"small_on\" \">&nbsp;1&nbsp;</a>";
       document.getElementById("slide2").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide2.jpg',500,2)\">&nbsp;2&nbsp;</a>";
       document.getElementById("slide3").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide3.jpg',500,3)\">&nbsp;3&nbsp;</a>";
       document.getElementById("slide4").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide4.jpg',500,4)\">&nbsp;4&nbsp;</a>";
       document.getElementById("slide5").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide5.jpg',500,5)\">&nbsp;5&nbsp;</a>";
       document.getElementById("slide6").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide6.jpg',500,6)\">&nbsp;6&nbsp;</a>";
    }
    if (slidenum == 2)
    {
       document.getElementById("slide1").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide1.jpg',500,1)\">&nbsp;1&nbsp;</a>";
       document.getElementById("slide2").innerHTML="<a class=\"small_on\" \">&nbsp;2&nbsp;</a>";
       document.getElementById("slide3").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide3.jpg',500,3)\">&nbsp;3&nbsp;</a>";
       document.getElementById("slide4").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide4.jpg',500,4)\">&nbsp;4&nbsp;</a>";
       document.getElementById("slide5").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide5.jpg',500,5)\">&nbsp;5&nbsp;</a>";
       document.getElementById("slide6").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide6.jpg',500,6)\">&nbsp;6&nbsp;</a>";
    }
    if (slidenum == 3)
    {
       document.getElementById("slide1").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide1.jpg',500,1)\">&nbsp;1&nbsp;</a>";
       document.getElementById("slide2").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide2.jpg',500,2)\">&nbsp;2&nbsp;</a>";
       document.getElementById("slide3").innerHTML="<a class=\"small_on\" \">&nbsp;3&nbsp;</a>";
       document.getElementById("slide4").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide4.jpg',500,4)\">&nbsp;4&nbsp;</a>";
       document.getElementById("slide5").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide5.jpg',500,5)\">&nbsp;5&nbsp;</a>";
       document.getElementById("slide6").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide6.jpg',500,6)\">&nbsp;6&nbsp;</a>";
    }
    if (slidenum == 4)
    {
       document.getElementById("slide1").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide1.jpg',500,1)\">&nbsp;1&nbsp;</a>";
       document.getElementById("slide2").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide2.jpg',500,2)\">&nbsp;2&nbsp;</a>";
       document.getElementById("slide3").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide3.jpg',500,3)\">&nbsp;3&nbsp;</a>";
       document.getElementById("slide4").innerHTML="<a class=\"small_on\" \">&nbsp;4&nbsp;</a>";
       document.getElementById("slide5").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide5.jpg',500,5)\">&nbsp;5&nbsp;</a>";
       document.getElementById("slide6").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide6.jpg',500,6)\">&nbsp;6&nbsp;</a>";
    }
    if (slidenum == 5)
    {
       document.getElementById("slide1").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide1.jpg',500,1)\">&nbsp;1&nbsp;</a>";
       document.getElementById("slide2").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide2.jpg',500,2)\">&nbsp;2&nbsp;</a>";
       document.getElementById("slide3").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide3.jpg',500,3)\">&nbsp;3&nbsp;</a>";
       document.getElementById("slide4").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide4.jpg',500,4)\">&nbsp;4&nbsp;</a>";
       document.getElementById("slide5").innerHTML="<a class=\"small_on\" \">&nbsp;5&nbsp;</a>";
       document.getElementById("slide6").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide6.jpg',500,6)\">&nbsp;6&nbsp;</a>";
    }
    if (slidenum == 6)
    {
       document.getElementById("slide1").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide1.jpg',500,1)\">&nbsp;1&nbsp;</a>";
       document.getElementById("slide2").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide2.jpg',500,2)\">&nbsp;2&nbsp;</a>";
       document.getElementById("slide3").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide3.jpg',500,3)\">&nbsp;3&nbsp;</a>";
       document.getElementById("slide4").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide4.jpg',500,4)\">&nbsp;4&nbsp;</a>";
       document.getElementById("slide5").innerHTML="<a class=\"small_off\" href=\"javascript:blendimage('blenddiv','blendimage', 'images/slides/slide5.jpg',500,5)\">&nbsp;5&nbsp;</a>";
       document.getElementById("slide6").innerHTML="<a class=\"small_on\" \">&nbsp;6&nbsp;</a>";
    }
}


