// JavaScript Document

var images = new Array();
var imagesObj = new Array();
var tmrSlide;
var imagesCounter = 0;

function loadArray(){			
	images[images.length] = '/stores/s/saltwater/images/NeoSet/sf01.jpg';
	images[images.length] = '/stores/s/saltwater/images/NeoSet/sf02.jpg';
	images[images.length] = '/stores/s/saltwater/images/NeoSet/sf03.jpg';
	images[images.length] = '/stores/s/saltwater/images/NeoSet/sf05.jpg';
		
	imagesCounter = Math.floor(Math.random()*images.length);
	
	document.getElementById('slideShowInner').innerHTML = '<img src="' + images[imagesCounter] +'" id="imgSlide" border="0"/> <img src="' +images[imagesCounter] + '" id="imgSlide_under" border="0"/>';
	
	for(i = 0; i < images.length; i++){
		imagesObj[i] = new Image;
		imagesObj[i].src = images[i];
	}	
		
	imagesCounter++;	
	if(imagesCounter > images.length - 1){
		imagesCounter = 0;
	}	
}

function loadSlide(){			
	clearTmrSlide();
	image = document.getElementById('imgSlide');
	image.src = images[imagesCounter];
	setOpacity(image, 0);
	//image.style.visibility = 'visible';
	fadeIn('imgSlide', 10);		
}

function clearTmrFade(){
	clearTimeout(tmrFade);
}

function clearTmrSlide(){
	clearTimeout(tmrSlide);
}
		
function slideShow(){
	tmrSlide = window.setTimeout("loadSlide()", 4000);	
}		

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {		
	obj = document.getElementById(objId);				
	if (opacity < 100) {		
		setOpacity(document.getElementById('imgSlide_under'), 100 - opacity);
		setOpacity(obj, opacity);
		opacity += 5;
		
		tmrFade = window.setTimeout("fadeIn('"+objId+"',"+opacity+")",50);				
	}		
	
	if(opacity == 100){				
		clearTmrFade();		
		setOpacity(document.getElementById('imgSlide_under'), 100);
		document.getElementById('imgSlide_under').src = images[imagesCounter];					
		setOpacity(document.getElementById('imgSlide'), 0);
		imagesCounter++;	
		if(imagesCounter > images.length - 1){
			imagesCounter = 0;
		}		
		slideShow();
	}		
}					

function init(){
	loadArray();
	slideShow();
}