function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}
 
function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 10);
	var timer = 0;
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	changeOpac(0, imageid);
	document.getElementById(imageid).src = imagefile;
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}
 
function RunSlideShow(divid,imageid,current_index,displaySecs) {
	changeOpac(0, imageid);
	blendimage(divid,imageid,slideshow[current_index],200);

	if (++current_index == num_images) current_index = 0;
	
	setTimeout("RunSlideShow('"+divid+"','"+imageid+"','"+current_index+"',"+displaySecs+")",displaySecs*1000); 
}

var slideshow = new Array();
var arr_images = new Array();
var orange_bg;
var num_images;
var num_images_loaded = 0;
var current_index = 0;
var speed = 2000;
var img_width = 680;
var jump_step;

$(document).ready(function() {
	orange_bg = $('#bg_orange');
	loadPNG();	
});

function loadPNG() {
	var img_png = new Image();
	var img_png_src = $('#homepage_text').attr('src');
	img_png.onload = pngLoaded;
	// img_png.onerror = pngLoadedError;
	img_png.src = img_png_src;
	
	if (img_png.complete || img_png.complete === undefined){
		img_png.src = '#';
		img_png.src = img_png_src;
	}
}

function pngLoaded() {
	// now our png is loaded so we can change the background color to white
	$('#bg_white').css('background-color', '#ffffff');
	initImages();
}

function initImages() {
	num_images = slideshow.length;	
	jump_step = Math.ceil(img_width / num_images);	
	current_index = Math.floor( Math.random() * num_images );
	for (var i = 0; i < num_images; i++) {
		arr_images[i] = new Image();
		arr_images[i].onload = imgLoaded;
		arr_images[i].onerror = imgFailed;
		// change this back!
		arr_images[i].src = slideshow[i];
		
		if (arr_images[i].complete || arr_images[i].complete === undefined){
			var src = arr_images[i].src;
			// webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
			arr_images[i].src = '#';
			arr_images[i].src = src;
		}
	}
}

function imgFailed() {
	num_images_loaded++;
	updateProgressBar();
}

function imgLoaded() {
	num_images_loaded++;
	//if (num_images_loaded >= num_images) {
//		return;
//	}
	updateProgressBar();
}

function updateProgressBar() {

	if (num_images_loaded == num_images)
	{	
		orange_bg.width(img_width - 15);
		$('#bg_orange').fadeOut(2500, function() {startSlideshow();});
		return;
	}

	var width = orange_bg.width();
	if (width < img_width) {
		if (width > img_width - jump_step) { 		
			width = img_width - 15;
			orange_bg.width(width);
		}
		else {
			width += jump_step;
			orange_bg.width(width);
		}
	}
}

function startSlideshow() {
	$('#tbl_loading').hide();
	$('#tbl_slideshow').show();
	$('#imageid').show();
	RunSlideShow("slideshow_div","imageid",current_index,3);
	$('#lbl_home').show();
}