var timerID=0;
var slideTime=3000;//in milliseconds
var currentslide=0;
var theSlides = new Array();
var slide = new Array();
if(document.images) { 
	
	slide=new Array(
		['/images/new/HPBanner1.gif','http://www.purecomponents.com/products/'],
		['/images/new/HPBanner2.gif','http://www.purecomponents.com/products/'],
		['/images/new/HPBanner3.gif','http://www.purecomponents.com/products/'],
		['/images/new/HPBanner4.gif','http://www.purecomponents.com/products/'],
		['/images/new/HPBanner5.gif','http://www.purecomponents.com/products/'],
		['/images/new/HPBanner6.gif','http://www.purecomponents.com/products/'],
		['/images/new/HPBanner7.gif','http://www.purecomponents.com/products/']
		);
	for(var n=0;n<slide.length;n++) { 
		theSlides[n]=new Image(680,300); 
		theSlides[n].src=slide[n][0];
		theSlides[n].onclick=slide[n][1];
	} 
} 	

startRotation(false);


	function startRotation(bPaused) {
		clearInterval(timerID);

		if (bPaused==true) {return;};


		if(!document.images['slide']){
			setTimeout(
				function(){
					startRotation(bPaused)
				}
			,100);
			return;
		}
		timerID=setInterval(
			function(){
				nextSlide();	
			}
		,slideTime);
	}



	function prevSlide() { 
		if(document.images) { 
			currentslide--; 
			if(currentslide<0) currentslide=slide.length-1; 
			fadeSlide(currentslide);
			
		} 
		startRotation(false);
	} 

   function fadeSlide(currentslide) { 
   var slideshow = document.getElementById('slideshow') ; 
      Sd.Effects.fadeOut(slideshow, 200, 
	
	function() { 
					document.images['slide'].src=theSlides[currentslide].src; 
					Sd.Effects.fadeIn(document.getElementById('slideshow'), 200 );
				} ); 
				
		if(slide[currentslide][1]==''){
				document.images['slide'].onclick=function() { }
				document.images['slide'].style.cursor='';
			}else{
				document.images['slide'].onclick=function() { location.href=slide[currentslide][1]; }
				document.images['slide'].style.cursor='pointer';
			}     
				
   };
				
   
	function nextSlide() { 
if(document.images) { 
			currentslide++; 
			if(currentslide>=slide.length) currentslide=0; 
			fadeSlide(currentslide);
			
		} 
		startRotation(false);
	} 
			
			
			
			
			
			//setTimeout( function() { Sd.Effects.fadeIn(document.getElementById('slideshow'), "slow"); }, 250 );
			
	function pauseSlide() {
		startRotation (true);
	}

//this script needs these to run
//<script language="javascript" src="http://scripts.stardock.com/stardock.js"></script>   
//<script language="javascript" src="http://scripts.stardock.com/stardock.effects.js" ></script>