﻿function slide_advance() {

	if (fade_img == 1)
		fade_img = 2;
	else
		fade_img = 1;

	var fs1 = document.getElementById("fade_slide1");
	var fs2 = document.getElementById("fade_slide2");

	var fh;
	if (fade_img == 1) { fs = fs1; fh = fs2; } else { fs = fs2; fh = fs1; }

	fh.style.display = "none";
	fh.style.zIndex = 5;


	fs.src = slide_prefix + slide_images[slide_img];
	fs.style.display = "";
	fs.style.zIndex = 4;

	if (!slide_images[slide_img+1])
		slide_img = 0;
	else
		slide_img += 1;

	fh.src = slide_prefix + slide_images[slide_img];

	setTimeout("fade_start()", slide_delay * 1000);
	
}

function slide_position() {

	var fs1 = document.getElementById("fade_slide1");
	var fs2 = document.getElementById("fade_slide2");
	var pos = findPos(document.getElementById("slide_frame"));

	fs1.style.left = pos[0] + "px";
	fs2.style.left = pos[0] + "px";
	fs1.style.top = pos[1] + "px";
	fs2.style.top = pos[1] + "px";
}

function fade_start() {


	var fs1 = document.getElementById("fade_slide1");
	var fs2 = document.getElementById("fade_slide2");

	var fh;
	if (fade_img == 1) fh = fs2; else fh = fs1;

	fh.style.opacity = 0;
	fh.style.filter = "alpha(opacity=0)";
	fh.style.display = "";
	setTimeout("fade_dofade()", 50);
	fade_val = 0;
}

function fade_dofade() {

	var fs1 = document.getElementById("fade_slide1");
	var fs2 = document.getElementById("fade_slide2");
	var fh;
	if (fade_img == 1) fh = fs2; else fh = fs1;

	fade_val += .025;
	fh.style.opacity = fade_val;
	fh.style.filter = "alpha(opacity=" + (fade_val * 100) + ")";
	if (fade_val > 0.999) { slide_advance(); }
	else setTimeout("fade_dofade()", 25);
}

function findPos(obj) {
	var curleft = 0;
        var curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}

	return [curleft,curtop];
}

var slide_img = 0;
var slide_delay = 3;
var fade_val = 0;
var fade_img = 2;

var slide_prefix = "/Templates/JBHome/";
var slide_images = [ "1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg", "13.jpg", "14.jpg", "15.jpg", "16.jpg" ];