var photos=new Array();
var which=0;
var intDelayOfTransition = new Number(6000);

pic1 = new Image;
pic1.src = "images/slider/1.gif";
pic2 = new Image;
pic2.src = "images/slider/2.gif";
pic3 = new Image;
pic3.src = "images/slider/3.gif";
pic4 = new Image;
pic4.src = "images/slider/4.gif";


pic_prev1 = new Image;
pic_prev1.src = "prev_arrow1.gif";
pic_prev2 = new Image;
pic_prev2.src = "prev_arrow2.gif";
pic_prev3 = new Image;
pic_prev3.src = "prev_arrow3.gif";

pic_next1 = new Image;
pic_next1.src = "next_arrow1.gif";
pic_next2 = new Image;
pic_next2.src = "next_arrow2.gif";
pic_next3 = new Image;
pic_next3.src = "next_arrow3.gif";

var preloadedimages=new Array();
for (i=0;i<intPGNumberOfImages;i++){
	photos[i]="images/" + strPGImageFolder + "/" + (i+1) + ".jpg";
	preloadedimages[i]=new Image();
	preloadedimages[i].src=photos[i];
}

function HiLite(srcImg,destImg) {
	srcImg.src = eval(destImg + ".src");
}

function applyeffect(){
	if (document.all){
		photoslider.filters.revealTrans.Transition=6;
		photoslider.filters.revealTrans.stop();
		photoslider.filters.revealTrans.apply();
	}
}

function playeffect(){
	if (document.all)
		photoslider.filters.revealTrans.play();
}

function backward(){
	if (which <= 0)
		which=photos.length -1;
	else
		which--;
	putImage(which);
}

function forward(){
	if (which<photos.length-1)
		which++;
	else
		which=0;
	putImage(which);
}


var intPrevImage=0;
function putImage(intWhichImage){
	layerWrite('dot'+intPrevImage,'','<a href="javascript:putImage(' + intPrevImage + ');"><img name="dotimage' + intPrevImage +'" id="dotimage' + intPrevImage +'" src="' + eval("pic1.src") + '" width="8" height="8" border="0" alt="" hspace="5" onmouseover="HiLite(this,\'pic4\');" onmouseout="HiLite(this,\'pic1\');"></a>');
	layerWrite('dot'+ intWhichImage ,'','<img src="' + eval("pic2.src") + '" width="8" height="8" border="0" alt="" hspace="5">');
	
	intPrevImage = intWhichImage;

	which=intWhichImage;
	applyeffect()
	document.images.photoslider.src=eval("preloadedimages[" +intWhichImage +"].src");
	playeffect()

	layerWrite('photo_caption','',arrPhotoCaption[intWhichImage]);
	
	//Change prev & next Links 
	if (intWhichImage == 0)
		layerWrite('dot_prev','','<img src="' + eval("pic_prev3.src") + '" width="8" height="8" border="0" alt="" hspace="4">');
	else
		layerWrite('dot_prev','','<a href="javascript:backward();"><img src="' + eval("pic_prev1.src") + '" width="8" height="8" border="0" alt="" hspace="4" onmouseover="HiLite(this,\'pic_prev2\');" onmouseout="HiLite(this,\'pic_prev1\');"></a>');

	if (intWhichImage == photos.length-1)
		layerWrite('dot_next','','<img src="' + eval("pic_next3.src") + '" width="8" height="8" border="0" alt="" hspace="4">');
	else
		layerWrite('dot_next','','<a href="javascript:forward();"><img src="' + eval("pic_next1.src") + '" width="8" height="8" border="0" alt="" hspace="4" onmouseover="HiLite(this,\'pic_next2\');" onmouseout="HiLite(this,\'pic_next1\');"></a>');

	window.clearInterval(timer1);
	if(intPGNumberOfImages != 1)
		timer1 = window.setInterval("forward()",intDelayOfTransition);
}

function layerWrite(id,nestref,text) {
	var lyr = document.getElementById(id);
	lyr.innerHTML = text;
}

function initalizePhotogallery() {
	layerWrite('dot_prev','','<img src="' + eval("pic_prev3.src") + '" width="8" height="8" border="0" alt="" hspace="4">');

	if(intPGNumberOfImages > 1)
		layerWrite('dot_next','','<a href="javascript:forward();"><img src="' + eval("pic_next1.src") + '" width="8" height="8" border="0" alt="" hspace="4" onmouseover="HiLite(this,\'pic_next1\');" onmouseout="HiLite(this,\'pic_next2\');"></a>');
	else
		layerWrite('dot_next','','<img src="' + eval("pic_next3.src") + '" width="8" height="8" border="0" alt="" hspace="4">');

	for(i=0;i<intPGNumberOfImages;i++) {
		if(i < intPGNumberOfImages ) {
			layerWrite('dot'+i,'','<a href="javascript:putImage(' + i + ');"><img name="dotimage' + i +'" id="dotimage' + i +'" src="'+ eval("pic1.src") + '" width="8" height="8" border="0" alt="" hspace="5" onmouseover="HiLite(this,\'pic4\');" onmouseout="HiLite(this,\'pic1\');"></a>');
		}
		else {
			layerWrite('dot'+i,'','<img src="'+ eval("pic3.src") + '" width="8" height="8" border="0" alt="" hspace="5">');
		}
	}
	layerWrite('dot0','','<img src="' + eval("pic2.src") + '" width="8" height="8" border="0" alt="" hspace="5">');
	if(intPGNumberOfImages != 1) {
		timer1 = window.setInterval("forward()",intDelayOfTransition);
		putImage(0);
	}
}
