var imagesQuantity = 1;
var imagesLoadedQuantity = 1;
pictureDiv = new Array();
pictureDivs = document.createElement("div");

function waitUntilBodyLoadedRoutineImages(){
	
	if (document.body==null)
		window.setTimeout("waitUntilBodyLoadedRoutineImages();",100);
	else{		
		document.body.appendChild(pictureDivs);
	}
}

/*
 preload images routine
 arguments - images location prefix before (first parameter), then images location strings
 */
function loadImages(argumentsList) {
	 	
	args=loadImages.arguments;

	images = new Array();

	var imageLocation;

	pictureDivs.style.height = "1px";
	pictureDivs.id = "preloadedPictures";
	for (i=0; i<args.length-1; i++){		
		var imageLocation = args[i];

		//if (the_dot_isIE || the_dot_isFirefox){	// IE			
			pictureDiv[i] = document.createElement("div");
			
			pictureDiv[i].style.visibility = "hidden";
			images[i] = document.createElement("img");			
			images[i].onload = function(){
				imageLoaded();
				//document.body.removeChild(pictureDiv[i]);
			}
			//new Function("window.setTimeout('imageLoaded();document.body.removeChild(pictureDiv["+i+"]);',50)");
			images[i].src = imageLocation;	// element.setAttribute("src", "img1.jpg");
			images[i].style.height = "1px";
			images[i].style.width = "1px";
				
			pictureDiv[i].appendChild(images[i]);			
			pictureDivs.appendChild(pictureDiv[i]);
			imagesQuantity++;
		/*}
		else{	//Opera
			images[i] = new Image();
			images[i].src = imageLocation;
		}*/
	}
	
	if (document.body!=null)
		document.body.appendChild(pictureDivs);
	else
		waitUntilBodyLoadedRoutineImages();
}

function waitUntilBodyLoadedRoutineimagesLoadedQuantity(){
	
	if (document.body==null)
		window.setTimeout("waitUntilBodyLoadedRoutineimagesLoadedQuantity();",100);
	else{		
		imageLoaded();
	}
}

function imageLoaded(){
	if (document.body==null){
		waitUntilBodyLoadedRoutineimagesLoadedQuantity();
		return;
	}
	imagesLoadedQuantity++;
	var newPercentage = Math.round(imagesLoadedQuantity/imagesQuantity*100) + "%";
	/*if (document.getElementById("percentimagesLoadedQuantity")!=null){
		document.getElementById("percentimagesLoadedQuantity").innerHTML = newPercentage;
	}*/
	var percentImagesPictureLoadedDiv = document.getElementById("percentImagesPictureLoaded");
	if (percentImagesPictureLoadedDiv!=null)
		percentImagesPictureLoadedDiv.style.width = newPercentage;
}