var progress_images_width = 0;
var max_stages = 0;
var start_stage = 0;
var next_stage = 0;
var next_complete = 0;
var gallery_start = 1;
var show_image = 0;
var image_delay = 0;
var transition_secs = 0;
var frame_rate = 0;

function init_image_slideshow(id,web_root,show_time,transition_time,fade_frames){
	document.getElementById(id).innerHTML = 'test'
	progress_images_width = 120;
	max_stages = pre_load_images.length;
	next_stage = 1;
	frame_rate = fade_frames;
	transition_secs = (parseFloat(transition_time) * 1000) / 10
	image_delay = show_time * 1000
	progress_bar_init(id,web_root)
}

function image_slideshow(id,web_root){
	if(show_image == 0 && gallery_start == 1){
		new_image = web_root+'images/'+pre_load_images[show_image][0]
		setTimeout("fade_image_out('"+new_image+"',"+100+",'"+id+"','"+web_root+"')",500)
		show_image++
		gallery_start = 0
		
	}else if(show_image == 0  && gallery_start == 0){
		new_image = web_root+'images/'+pre_load_images[show_image][0]
		setTimeout("fade_image_out('"+new_image+"',"+100+",'"+id+"','"+web_root+"')",image_delay)
		show_image++
		
	}else if(show_image == (pre_load_images.length) - 1){
		new_image = web_root+'images/'+pre_load_images[show_image][0]
		setTimeout("fade_image_out('"+new_image+"',"+100+",'"+id+"','"+web_root+"')",image_delay)
		show_image = 0
		
	}else{
		new_image = web_root+'images/'+pre_load_images[show_image][0]
		setTimeout("fade_image_out('"+new_image+"',"+100+",'"+id+"','"+web_root+"')",image_delay)
		show_image++
		
	}
}

function progress_bar_init(id,web_root){
	var percentBarContent = '<br />Loading<br /><span class="progressBar" id="element1"><img id="element1_percentImage" src="'+web_root+'images/percentImage.png" alt="15%" style="margin: 0pt; padding: 0pt; width: 120px; height: 12px; background-position: -120px 50%; background-image: url('+web_root+'images/percentImage_back.png);" class="percentImage"></span>'
	document.getElementById(id).innerHTML = percentBarContent
	load_images(id,web_root)
}

function progress_bar(id,web_root){
	pixels_per_stage = Math.round((parseFloat(progress_images_width) / parseFloat(max_stages)))
	current_pixel_position = progress_images_width - (pixels_per_stage * start_stage)
	end_pixel_position = progress_images_width - (pixels_per_stage * next_stage)
	current_percent = document.getElementById('element1_percentImage').style.backgroundPosition
	animate_progress_bar(current_pixel_position,end_pixel_position,id,web_root)
}

function animate_progress_bar(start,end,id,web_root){
	current = start;
	if(parseInt(current) >= parseInt(end)){	
		current = parseInt(current) - 5;
		try{
			document.getElementById('element1_percentImage').style.backgroundPosition = "-"+current+'px 50%';
		}catch(err){
			
		}
		
		setTimeout('animate_progress_bar(\''+current+'\',\''+end+'\',\''+id+'\',\''+web_root+'\')',100);
	}else{
		if(start_stage != (max_stages -1)){
			start_stage++;
			next_stage++;
			load_images(id,web_root)
		}else{
			if(start_stage == (max_stages -1) && next_complete == 0){
				next_complete = 1
				image_slideshow(id,web_root)
			}
		}
	}
}
function load_images(id,web_root){
	current_content = document.getElementById(id).innerHTML
	image_out = '';
	//image_out += '<img src="'+image_preimages[i][0]+'" width="1" height="1" onload="image_arrived('+i+');" style="position:absolute; top:-1000px;" />';
	image_out += '<img src="'+web_root+'images/'+pre_load_images[start_stage][0]+'" width="1" height="1" onload="image_arrived(\''+id+'\',\''+web_root+'\');" style="position:absolute; top:-1000px;" />';
	
	document.getElementById(id).innerHTML = current_content+image_out 
}

function image_arrived(id,web_root) {
	progress_bar(id,web_root)
}

function fade_image_out(new_image,vis,id,web_root){
	if(parseInt(vis) > 0){
		new_vis = (parseInt(vis) - parseInt(frame_rate))
		//alert(new_vis)
		document.getElementById(id).style.MozOpacity = new_vis / 100
		document.getElementById(id).style.opacity =  new_vis / 100
		if(navigator.appName.indexOf("Explorer") != -1){
			document.getElementById(id).filters.alpha.opacity= new_vis
		}
		setTimeout("fade_image_out('"+new_image+"','"+new_vis+"','"+id+"','"+web_root+"')",transition_secs)
	}else{
		document.getElementById(id).innerHTML = ''
		document.getElementById(id).style.background = 'url('+new_image+')'
		fade_image_in(0,id,web_root)
		splash_goto = splash_images_to_locations[current_splash_location]
		if(current_splash_location == splash_images_to_locations.length - 1){
			current_splash_location = 0
		}else{
			current_splash_location++;
		}
	}
}
function fade_image_in(vis,id,web_root){
	if(parseInt(vis) != 100){
		new_vis = (parseInt(vis) + parseInt(frame_rate))
		document.getElementById(id).style.MozOpacity = new_vis / 100
		document.getElementById(id).style.opacity = new_vis / 100
		if(navigator.appName.indexOf("Explorer") != -1){
			document.getElementById(id).filters.alpha.opacity= new_vis
		}
		setTimeout("fade_image_in('"+new_vis+"','"+id+"','"+web_root+"')",transition_secs)
	}else{
		image_slideshow(id,web_root)
	}
}