var overall_title    = comic_title + ' ' + issue + ': ' + issue_title;
var fancy_title      = comic_title + ' ' + issue + ': <I>' + issue_title + '</I>';
var images_loaded    = 0;
var images_to_load   = 0;

for(seq=0;seq<sequences_to_cache;seq++) {
	for ( p=0; p < pages_for_sequence[seq].length; p++ ) {
		var page = pages_for_sequence[seq][p];
		var page_id = 'p' + page;
		document.write('<IMG id="' + page_id + '" onLoad="image_loaded();" class="preload">');
		images_to_load++;
		for(panel=1;panel<=panels_for_page[page];panel++) {
			var panel_id = page_id + 'p' + panel;
			document.write('<IMG id="' + panel_id +'" onLoad="image_loaded(this);" class="preload" >');
			images_to_load++;
		}
		//alert('done ' + seq + ' of ' + sequences_to_cache );
	}
}

// arrow images

document.write('<IMG onLoad="image_loaded(this);" class="preload"; src="/gcv/images/leftbutton-inactive.gif" >');
document.write('<IMG onLoad="image_loaded(this);" class="preload"; src="/gcv/images/rightbutton-inactive.gif" >');
document.write('<IMG onLoad="image_loaded(this);" class="preload"; src="/gcv/images/leftbutton-active.gif" >');
document.write('<IMG onLoad="image_loaded(this);" class="preload"; src="/gcv/images/rightbutton-active.gif" >');
images_to_load += 4;

//alert('done loading cache.js');

function image_loaded(image) {
	images_loaded++;
	redraw_status_bar();
	if ( images_loaded == images_to_load ) {
		 window.location = post_cache_target;
	}
}

function startcache() { 

	// source up all cachable images.
	////alert('starting cache');

	for(seq=0;seq<sequences_to_cache;seq++) {
		//alert("seq = " + seq );
		for ( p=0; p < pages_for_sequence[seq].length; p++ ) {
			var page = pages_for_sequence[seq][p];
			//alert("seq = " + seq + " page = " + page );
			var page_id = 'p' + page; 
			var src = image_path + '/' + page + '.jpg';
			document.getElementById(page_id).src = src;
			for(panel=1;panel<=panels_for_page[page];panel++) {
				//alert("seq = " + seq + " page = " + page + " panel = " + panel);
				var panel_id = page_id + 'p' + panel;
				var src = image_path + '/' + page + '-' + panel + '.jpg';
				document.getElementById(panel_id).src = src;
			}
		}
	}
}

function redraw_status_bar() {
	 document.getElementById('bar').style.width = parseInt ( parseInt( document.getElementById('progress').offsetWidth ) * ( images_loaded / images_to_load ) - 4 ) + "px" ;
}

function gimme_logo() {
	document.write('<IMG CLASS="splash-logo" SRC="' + cache_logo_image + '">'); 
}

function gimme_cache_image() {
	document.getElementById('cache-sizer-loader').src = cache_image;
	//document.write('<IMG ID="cache_image" class="preload" SRC="' + cache_image + '" onLoad="display_cache_page();startcache();">'); 
}

function display_cache_page() {
	var sizer = document.getElementById('cache-sizer');
	sizer.style.backgroundImage = 'url('+ cache_image + ')';
	sizer.style.width      = sizer_width  + 'px';
	sizer.style.height     = sizer_height + 'px';
	sizer.style.visibility = 'visible';
	//aert('cache page displayed');
}