// JavaScript Document



/*call initSlideshow() to initiate slide*/



var images = new Array();

var imagesObj = new Array();

var tmrSlide;

var imagesCounter = 0;



function loadArray(){			

	images[images.length] = new Array('http://www.hbgsecurity.com/category/safes/catId=3088003','http://www.nettwebber.com/slideshow/sfImage01.jpg');

	images[images.length] = new Array('http://www.hbgsecurity.com/category/video-surveillance/catId=3088022','http://www.nettwebber.com/slideshow/sfImage02.jpg');

	images[images.length] = new Array('http://www.hbgsecurity.com/category/self-defense/catId=3088013','http://www.nettwebber.com/slideshow/sfImage03.jpg');

	images[images.length] = new Array('http://www.hbgsecurity.com/category/home-protection/catId=3088034','http://www.nettwebber.com/slideshow/sfImage04.jpg');



		

	//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(){

	loadArray();

	slideShow();

}