var preloadedImages = new Array();
// Put the URLs of images that you want to preload below (as many as you want)
var yourImages = new Array();
var checkedIcon = 0;

var lengthOfPreloadBar = 155; // Length of preload bar (in pixels)
var heightOfPreloadBar = 6; // Height of preload bar (in pixels)
var dots = new Array();
var coverage;
var currCount;
var loaded = new Array();
var i;
var covered;
var timerID;
var leftOverWidth;

var agt = window.navigator.userAgent.toLowerCase(); 
var is_major = parseInt(window.navigator.appVersion); 
var is_ie = (agt.indexOf("msie") != -1); 
var is_ie3 = (is_ie && (is_major < 4)); 
var is_ie4 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")==-1) ); 
var is_ie4up = (is_ie && (is_major >= 4)); 
var is_ie5 = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.0")!=-1) ); 
var is_ie5up =  (is_ie && !is_ie3 && !is_ie4); 

function preloadImage( i, image ){
	  preloadedImages[i] = new Image();
	  preloadedImages[i].src = image;
}	

function imageWidth( i ){
	return preloadedImages[i].width;
}

function imageHeight( i ){
	return preloadedImages[i].height;
}

function showImage( i ){
	/* following is for multi-media objects
	if ( document.getElementById("movie") != null ){
		if ( is_ie ){
			document.getElementById("movie").Stop();
		} else {
			document.getElementById("movie").endtime=0;
		}
	}
	
if ( document.getElementById("mainVideoBox") != null ){
		document.getElementById("mainVideoBox").style.display='none';
	}	
	
	if (is_ie){
		document.getElementById( "pic" + checkedIcon + "_thumb" ).style.filter = "";
		checkedIcon = i;

		document.getElementById( "pic" + i + "_thumb" ).style.filter = "gray";
	}	
*/	
	if ( preloadedImages[i] != null ){
	
		document.getElementById('standartImage').src = preloadedImages[ i ].src;
	}
	else{
		document.getElementById('standartImage').src = "";
	}
}

function showEmpty(){
	document.getElementById('standartImage').src = "images/dot.gif";
}

function initPreBar(){
	// Do not modify anything beyond this point!
	if (document.images) {
		dots[0] = new Image(1,1);
		dots[0].src = "images/dot.gif"; // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
		dots[1] = new Image(1,1);
		dots[1].src = "images/white.gif"; // color of bar as preloading progresses (same note as above)
		coverage = Math.floor(lengthOfPreloadBar/yourImages.length);
		currCount = 0;
		leftOverWidth = lengthOfPreloadBar%coverage;
	}
}

function loadImages() { 
	for (i = 0; i < yourImages.length; i++) { 
		preloadedImages[i] = new Image();
		preloadedImages[i].src = yourImages[i];
	}
	/*for (i = 0; i < preloadedImages.length; i++) { 
		loaded[i] = false;
	} */
//this used for progress bar
	//checkLoad();
}

function blinkLoading(){

	if (currCount != yourImages.length){
		if ( document.getElementById("blinkText").style.color == "white" ){
			document.getElementById("blinkText").style.color = "black";	
		} else {
			document.getElementById("blinkText").style.color = "white";	
		}
		setTimeout("blinkLoading()", 50);
	}	
	
}

function checkLoad() {
	if (currCount == preloadedImages.length) { 
		return;
	}
	for (i = 0; i <= preloadedImages.length; i++) {
		if (loaded[i] == false && preloadedImages[i].complete) {
			loaded[i] = true;
			eval("document.img" + currCount + ".src=dots[1].src");
			currCount++;
		}
	}
	timerID = setTimeout("checkLoad()",10);
}