var width = 340;
    var height = 262;
    var imgAr1 = new Array();
    var desc = new Array();
    var rImg1 = new Array();  
    //Image or picture slide show using java script
    //slideshow function
    var picture = 0;
    var myInterval;  
    var slide;
    
    function InitRotate(ziro,one,two,three)
    {
        imgAr1[0] = "Images/IntroPage/intro1.gif";
        imgAr1[1] = "Images/IntroPage/intro2.gif";
        imgAr1[2] = "Images/IntroPage/intro3.gif";
        imgAr1[3] = "Images/IntroPage/intro4.gif";
        
        desc[0]= DecodeString(ziro);
        desc[1]= DecodeString(one);
        desc[2]= DecodeString(two);
        desc[3]= DecodeString(three);

        for(var j = 0; j < imgAr1.length; j++)
        {
		        rImg1[j] = new Image();
                rImg1[j].src = imgAr1[j];
        }       
        
        setting();
    }
    
    function setting()
    {
	    slide = document.getElementById('pic');
	    divDesc=document.getElementById('divDescription');
	    
	    if((slide != null) && (divDesc != null))
	    {
	        if(typeof(imgAr1[0]) != 'undefined')
		    {
	            slide.src = imgAr1[0];
	            slide.setAttribute("width",width);
	            slide.setAttribute("height",height);
    	        
	            divDesc.innerHTML=desc[0];
	        }

	        BeginSlideshow();
	    }
    }   
    
    function BeginSlideshow()
    {                
        picture=0;
        if(myInterval==undefined || myInterval==0)
        {
            myInterval=self.setInterval('slideshow()',10000);
        }  

    }
    
    function slideshow()
    {
        slide.src = imgAr1[picture];            
        divDesc.innerHTML=desc[picture];
        picture=picture+1;            
        
        if(picture==imgAr1.length)
        {
            //window.clearInterval(myInterval);
            picture=0;
        }
        
    }
    
    function stop()
    {
        window.clearInterval(myInterval);
        myInterval = 0;
    }
    
    function next()
    {	        
	    if(picture < imgAr1.length-1)
	    {
		    picture=picture+1;
		    slide.src = imgAr1[picture];
		    divDesc.innerHTML=desc[picture];
	    }
    }

    function prev(){
	    if(picture > 0 ){
		    picture=picture-1;
		    slide.src = imgAr1[picture];
		    divDesc.innerHTML=desc[picture];
	    }
    }    

    function showImage(pic, image)
    {
        window.clearInterval(myInterval);
        myInterval = 0;
        
        picture=pic;
        slide.src=image;
        divDesc.innerHTML=desc[picture];        
        
        //reset the other styles and set the selected style of the selected ones
        for(var j = 0; j < 4; j++)
        {
	            getObjectByName('a', 'anchPicture' + j.toString()).className = "";
        }
        getObjectByName('a', 'anchPicture' + pic.toString()).className = "selected";
    }