

<!-- Cache slide images -->

img1 = new Image();
img1.src = "images/S1_accommodation.jpg";

img2 = new Image();
img2.src = "images/S2_BedBreakfast.jpg";

img3 = new Image();
img3.src = "images/S3_Restaurant.jpg";


var i = 0; //ie
var y = 0.0; // other browsers



function showImage() {
   
//fade in image2

document.getElementById('slide2').style.filter = "alpha(opacity=" + i + ")";
document.getElementById('slide2').style.opacity = y;


if(i<100 || y<1)
    {
    i = i+10;
    y = y+0.1;
    setTimeout("showImage()", 100)
    }
else
    {
        switch(document.getElementById('slide').getAttribute('src'))
        {
            case 'images/S1_accommodation.jpg':
                document.getElementById('slide').setAttribute("src", "images/S3_Restaurant.jpg");
                break;
            
            case 'images/S2_BedBreakfast.jpg':
                document.getElementById('slide').setAttribute("src", "images/S1_accommodation.jpg");
                break;
            
            case 'images/S3_Restaurant.jpg':
                document.getElementById('slide').setAttribute("src", "images/S2_BedBreakfast.jpg");
                break;
       }

    //reset i and y
//    i = 5;
//    y = 0.05;
    setTimeout("fadeImage()", 2000);
    }

}


function fadeImage()
{

//fade out image

document.getElementById('slide2').style.filter = "alpha(opacity=" + i + ")";
document.getElementById('slide2').style.opacity = y;

if(i>0 || y>0)
    {
    i = i-5;
    y = y-0.05;
    setTimeout("fadeImage()", 100)
    }
else
    {
        
//make sure completely invisible - problem in FF
document.getElementById('slide2').style.filter = 'alpha(opacity=0)';
document.getElementById('slide2').style.opacity = '0.0';

var img = document.getElementById('slide2').getAttribute('src');


if (img == 'images/S1_accommodation.jpg')
{document.getElementById('slide2').setAttribute('src', 'images/S3_Restaurant.jpg');}

else if (img == 'images/S2_BedBreakfast.jpg')
{document.getElementById('slide2').setAttribute('src', 'images/S1_accommodation.jpg');}

else if (img == 'images/S3_Restaurant.jpg')
{document.getElementById('slide2').setAttribute('src', 'images/S2_BedBreakfast.jpg');}

else {document.getElementById('slide2').setAttribute('src', 'images/S1_accommodation.jpg');}
/*
   switch('img')
        {
        case "images/image1.jpg":
        document.getElementById('slide').setAttribute('src') ="images/image2.jpg";
        break;
        case 'images/image2.jpg':
        document.getElementById('slide').setAttribute('src') ="images/image1.jpg";
        break;
    default:
    alert('none');
       
        }
        
        */ 
    setTimeout("showImage()", 2000);
    }

}