// JavaScript Document

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

function loadArray(slideImages){	
	for(i=0; i<slideImages.length; i++){
		images[images.length] = new Array(slideImages[i][0], slideImages[i][1]);
	}
		
	//imagesCounter = Math.floor(Math.random()*images.length);
	document.getElementById('slideShowLink').href = images[imagesCounter][0];
	document.getElementById('slideShowInner').innerHTML = '<img src="'+images[imagesCounter][1]+'" id="imgSlide" border="0"/> <img src="'+images[imagesCounter][1]+'" 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][1];
	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;
		if(opacity <= 50){document.getElementById('slideShowLink').href = images[imagesCounter][0];}
		tmrFade = window.setTimeout("fadeIn('"+objId+"',"+opacity+")",50);				
	}		
	
	if(opacity == 100){				
		clearTmrFade();		
		setOpacity(document.getElementById('imgSlide_under'), 100);
		document.getElementById('imgSlide_under').src = images[imagesCounter][1];					
		setOpacity(document.getElementById('imgSlide'), 0);
		imagesCounter++;	
		if(imagesCounter > images.length - 1){
			imagesCounter = 0;
		}		
		slideShow();
	}		
}					

function initSlideshow(slideImages){
	loadArray(slideImages);
	slideShow();
}