var InitialState = 1;  // 1 or 2 = hidden or visible 
	var showDetails  = 1;   // 1 or 2 = hidden or visible 
	var showFileList = 1;  // 1 or 2 = hidden or visible 
	var MeterWidth   = 500;    // Must be multiple of 100 pixels
	
	var HideForm     = 2;      // Colapse form when submitted ? 1 : 2
	var DisableBtn   = 1;    // Disable Submit Button onsubmit ? 1 : 2
	
	var Row1BG       = "#72B8F5";      // File stat table's first row background color
	var Row2BG       = "#E0F0FF";      // 2nd and 4th row's background colors
	var Row3BG       = "#EAFAFF";      // 3rd row's background color
	
	var CurRowBG     = "#fcf9e8";    // current file row's background color
	var FinRowBG     = "#FFD700";    // finished file row's background color
	var borderClr    = "#FFFFFF";   // color of border for both info tables
	var borderWidth  = 3;   // pixel width of border for both info tables
	
	var ProgBarBG    = "#fcf9e8";   // Progress bar's background color
	var ProgBarFG    = "#FF0000";   // Progress bar's completed color
	
	var FontSze      = 13;       // font size in pixels
	var FontFamily   = "Arial,Helvetica,sans-serif";  // font name
	var FontClr      = "#000000";     // font color
	
	var UseKBytes    = 1;     // 1 or 2 = kb or mb
	var JSdebugging  = 2;   // 1 or 2 = kb or mb
	
	var req          = 0;
	var JSargs       = "";
	var ScriptURL    = "";
	var ScriptCmd1   = "";
	var ScriptCmd2   = "progress";
	var UID          = new Date(); UID = UID.getTime(); 
	var types        = new Array();
	types[0] = "zip";
	types[1] = "jpg";
	types[2] = "pdf";
	types[3] = "gif";
	types[4] = "png";
	
	function printProgressMeter(){
		var UMMeter = "";
		
		BS         = UseKBytes == 1 ? 'KB' : 'MB';
		divVis     = InitialState == 1 ? 'block' : 'none';
		
		MeterWidth = MeterWidth % 100 == 0 ? MeterWidth : 300;
		MeterWidth = MeterWidth < 100 ? 100 : MeterWidth > 1000 ? 1000 : MeterWidth;
		MeterFactr = MeterWidth / 100;
		
		UMMeter += '<style>\n';
		UMMeter += '.progTable {\nfont-family: ' + FontFamily + ';\nfont-size: ' + FontSze;
		UMMeter += 'px;\ncolor: ' + FontClr + '}\n';
		UMMeter += '.head3D {\nborder-top: #ffffff solid 1px;\n';
		UMMeter += 'border-bottom: #000000 solid 1px;\n}\n';
		UMMeter += '.row3D {\nborder-top: #eeeeee solid 1px;\n';
		UMMeter += 'border-bottom: #666666 solid 1px;\n}\n';
		UMMeter += '#progcase {\nbackground:  ' + ProgBarBG + ';\n';
		UMMeter += 'border: ' + borderClr + ' solid ' + borderWidth + 'px;\n';
		UMMeter += '\nheight: 20px;\nwidth: ' + MeterWidth + 'px;\n}\n';
		UMMeter += '#progstat {\nbackground:' + ProgBarFG + ';\n';
		UMMeter += 'border-top: white outset 1px;\nborder-right: white outset 1px;\n';
		UMMeter += 'border-bottom: white outset 1px;\nborder-left: 0px;\n';
		UMMeter += 'height: 18px;\nwidth: 0px;\n}\n</style>\n';
		
		UMMeter += '<table border="0" cellpadding="0" cellspacing="0"><tr><td>';
		UMMeter += '<div id="progscreen" style="position: relative; display:' + divVis + ';';
		UMMeter += 'font-family: ' + FontFamily + '; font-size:' + FontSze + 'px;">\n\n';
		UMMeter += '<div id="progcase"><div id="progstat"></div></div>\n';
		UMMeter += '<div id="progtext" style="position: relative; text-align: ';
		UMMeter += 'center; height: 20px;"></div>\n\n';
		
		if(showDetails == 1 || JSdebugging == 1){
			UMMeter += '<table border="0" class="progTable" cellpadding="2" cellspacing="0" ';
			UMMeter += 'style="border: ' + borderClr + ' solid ' + borderWidth + 'px;" ';
			UMMeter += 'width="' + MeterWidth + '">\n';
			UMMeter += '<tr bgcolor="' + Row1BG + '">\n';
			UMMeter += '<td class="head3D" width="25%" nowrap>Completed</td>\n';
			UMMeter += '<td class="head3D" width="25%" nowrap>Transferred (' + BS + ')</td>\n';
			UMMeter += '<td class="head3D" width="25%" nowrap>Rate (KB/S)</td>\n';
			UMMeter += '<td class="head3D" width="25%" nowrap>Time Left</td>\n';
			UMMeter += '</tr>\n';
			UMMeter += '<tr bgcolor="' + Row2BG + '">\n';
			UMMeter += '<td class="row3D" id="fDone" nowrap>&nbsp;</td>\n';
			UMMeter += '<td class="row3D" id="dDone" nowrap>&nbsp;</td>\n';
			UMMeter += '<td class="row3D" id="tRate" nowrap>&nbsp;</td>\n';
			UMMeter += '<td class="row3D" id="lTime" nowrap>&nbsp;</td>\n';
			UMMeter += '</tr>\n';
			UMMeter += '</table><br>\n';
		}
		
		if(showFileList == 1 || JSdebugging == 1){
			UMMeter += '<div id="fListDiv"><table border="0" class="progTable" ';
			UMMeter += 'style="border: ' + borderClr + ' solid ' + borderWidth + 'px;" ';
			UMMeter += 'cellpadding="2" cellspacing="0" width="' + MeterWidth + '">';
			UMMeter += '<tr bgcolor="' + Row1BG + '">';
			UMMeter += '<td class="head3D" width="25%">File Name</td>';
			UMMeter += '<td class="head3D" width="25%">Status</td>';
			UMMeter += '</tr>';
			UMMeter += '<tr bgcolor="' + Row2BG + '">';
			UMMeter += '<td class="row3D" colspan="2">&nbsp;</td>';
			UMMeter += '</tr></table></div>';
		}
		
		if(JSdebugging == 1){
			UMMeter += '<br><div id="showdata" class="progTable" ';
			UMMeter += 'style="border: ' + borderClr + ' solid ' + borderWidth + 'px; ';
			UMMeter += 'padding: 3px; background : #eeeeee;">Troubleshooting Data <a href="http://toshibafileexchange.com/cgi-bin/amp.cgi?CGIinfo" target="_blank">Click here for more information</a></div>\n';
		}
		
		UMMeter += '</div></td></tr></table>\n'; document.write(UMMeter);
	}
	
	function sendRqst(URL){
		if(window.ActiveXObject){ // MSIE
			req = new ActiveXObject("Microsoft.XMLHTTP");
			mth = 'POST';
		} else if(window.XMLHttpRequest){ // Moz and Opera
			req = new XMLHttpRequest();
			mth = 'GET';
			if(req.overrideMimeType){ req.overrideMimeType('text/xml'); }
		}
		if(!req){
			msg  = 'Your Web Browser does not support XML Override technology<br>';
			msg += 'File Transfer continuing without Progress Meter.<br><br>';
			msg += '<b>Please wait while your files are uploaded.</b><br>';
			document.getElementById('progscreen').innerHTML = msg;
			return;
		}
		
		theURL = URL;
		theLoc = window.location.toString();
		hasWWW = theLoc.search(/:\/\/www\./i) >= 0 ? 1 : 0;
		
		if(hasWWW && theURL.search(/:\/\/www\./i) < 0){
			theURL = theURL.replace(/:\/\//, "://www.");
		} else if(hasWWW == 0 && theURL.search(/:\/\/www\./i) >= 0){
			theURL = theURL.replace(/:\/\/www./, "://");
		}
		
		req.onreadystatechange = getResults; req.open(mth, theURL, true); req.send(null);
	}
	
	function getResults(){
		if(req.readyState == 4){
			if(req.status == 200){
				res = new Array(); res = req.responseText.split('||');
				
				if(req.responseText){
					totalSize  = res[0]; bytesDone = res[1]; 
					secsLapsed = res[2]; filePrgss = res[3];
					
					// Client totalSize||filesDone||bytesDone||duration in secs
					if(req.responseText.search(/^Complete/i) >= 0){
						msg = '<b>File transfer complete.... please wait....</b><br>';
						if(JSdebugging == 1){
							msg += '<br><font size="3">' + req.responseText + '</font>';
						}
						document.getElementById('progscreen').innerHTML = msg;
						return;
					} else if(req.responseText.search(/^NoLog/i) >= 0){
						msg = '<b>Uploading files.... please wait....</b><br>';
						if(JSdebugging == 1){
							msg += '<br><font size="3">' + req.responseText + '</font>';
						}
						document.getElementById('progscreen').innerHTML = msg;
						return;
					}
					
					filePrgss  = filePrgss.substr(0, filePrgss.length - 2);
					
					fsD = new Array(); fsD = filePrgss.split('++');
					filesDone  = fsD.length - 1; // skip current file
					
					bytesDone = bytesDone < 1 ? 1 : bytesDone;
					
					percentDone = Math.floor((bytesDone / totalSize) * 100);
					percentDone = percentDone < 1 ? 1 : percentDone;
					progressPxW = percentDone * MeterFactr;
					progressPxW = parseInt(progressPxW);
					progressPxS = progressPxW.toString();
					if(progressPxS.search(/^\d+$/) < 0){progressPxW = 1}
					secsReqed   = parseInt((secsLapsed * 100) / percentDone);
					
					transRate   = convertBits(bytesDone / secsLapsed);
					percentHT   = percentDone + '%';
					
					if(JSdebugging == 1){
						msg  = '<table><tr><td>totalFiles</td><td>' + totalFiles + '</td></tr>\n';
						msg += '<tr><td>percentDone</td><td>' + percentDone + '</td></tr>\n';
						msg += '<tr><td>progressPxW</td><td>' + progressPxW + '</td></tr>\n';
						msg += '<tr><td>fileNames</td><td>' + fileNames + '</td></tr>\n';
						msg += '<tr><td>RawString</td><td>' + req.responseText + '</td></tr>';
						msg += '</table>\n';
						document.getElementById('showdata').innerHTML = msg;
					}
					
					if(showDetails == 1 || JSdebugging == 1){
						secsLeft  = convertSecs(secsReqed - secsLapsed);
						totalSize = convertBits(totalSize);
						bytesDone = convertBits(bytesDone);
						
					document.getElementById('fDone').innerHTML = filesDone  + ' of ' + totalFiles;
					document.getElementById('dDone').innerHTML = bytesDone  + ' of ' + totalSize;
					document.getElementById('tRate').innerHTML = transRate;
					document.getElementById('lTime').innerHTML = secsLeft;
					}
					
					if(showFileList == 1 || JSdebugging == 1){
						allFiles = new Array();
						allFiles = fileNames.split('++');
						
						dneFiles = new Array();
						dneFiles = filePrgss.split('++');
						
					fListMsg  = '<table border="0" class="progTable" cellpadding="2" ';
					fListMsg += 'style="border: ' + borderClr + ' solid ' + borderWidth + 'px;" ';
					fListMsg += 'cellspacing="0" width="' + MeterWidth + '">\n';
					fListMsg += '<tr bgcolor="' + Row1BG + '">\n';
					fListMsg += '<td class="head3D" width="25%">File Name</td>\n';
					fListMsg += '<td class="head3D" width="25%">Status</td>\n';
					fListMsg += '</tr>\n';
						
						for(a = 0; a < allFiles.length; a++){
							bg = a % 2 == 0 ? Row2BG : Row3BG;
							
							if(a < dneFiles.length - 1){
								fileStatus = 'Finished';
								bg = FinRowBG;
							} else if(a == dneFiles.length - 1){
								thisFile = new Array();
								thisFile = dneFiles[a].split('=');
								if(thisFile[1] == 'undefined' || !thisFile[1]){
									thisFile = '0.00';
								} else {
									thisFile = convertBits(thisFile[1]);
								}
								fileStatus = thisFile + '' + BS;
								bg = CurRowBG;
							} else {
								fileStatus = 'Pending';
							}
							fListMsg += '<tr bgcolor="' + bg + '">\n';
							fListMsg += '<td class="row3D">' + allFiles[a] + '</td>\n';
							fListMsg += '<td class="row3D">' + fileStatus + '</td>\n';
							fListMsg += '</tr>\n';
						}
						
						fListMsg += '</table>\n';
						document.getElementById('fListDiv').innerHTML = fListMsg;
					}
				}
				document.getElementById('progtext').style.top   = '-19px';
				document.getElementById('progtext').innerHTML   = percentHT;
				document.getElementById('progstat').style.width = progressPxW + 'px';
				
				window.setTimeout("sendRqst(ScriptURL + '?' + ScriptCmd2 + '=' + JSargs)", 1000);
			} else {
				alert('Progress request failed. Data transfer has terminated .... ' + req.status);
			}
		}
	}
	
	function transInit(f){
		ScriptURL = f.action; totalFiles = 0; fileName = ""; fileNames = "";
		typeOK = 0; same1 = 0; same2 = 0; same3 = 0;
		
		ScriptCmd1 = ScriptURL.indexOf("?");
		ScriptCmd1 = ScriptURL.substr(ScriptCmd1 + 1);
		ScriptURL  = ScriptURL.replace(/\?.*/ig, "");
		
		for(a = 0; a < f.elements.length; a++){
			if(f.elements[a].name.search(/^FILE\d+$/) >= 0){
				if(f.elements[a].value.length > 1){
					
					totalFiles++; typeOK = 0; same1 = 0; same2 = 0; same3 = 0;
					f.elements[a].style.color = "#000000";
					
					fileName   = f.elements[a].value;
					fileName   = fileName.replace(/^.*(\\|\/)/ig, "");
					fileNames += fileName + '++';
					
					ext = f.elements[a].value.lastIndexOf(".");
					ext = f.elements[a].value.substr(ext + 1);
					ext = ext.toLowerCase();
					
					for(c = 0; c < types.length; c++){
						if(ext == types[c] || types[c] == "all"){ typeOK++; }
					}
					if(!typeOK){
						msg  = "Illegal file type.\n\nWe do not allow " + ext + " ";
						msg += "file uploads.\n\nPlease change or remove the selected ";
						msg += "file from the hilighted field."; alert(msg);
						f.elements[a].style.color = "#00aa00";
						return;
					}
					typeOK = 0;
				}
				
				for(aa = a + 1; aa < f.elements.length - 1; aa++){
					nextF = f.elements[aa].value;
					if(f.elements[a].value == nextF && nextF.length > 0){
						same1++; same2 = a; same3 = aa;
					}
					if(same1){
						msg  = "Duplicate file name.\n\nTwo or more fields contain ";
						msg += "identical file names\n\nPlease change or remove the ";
						msg += "Duplicate file."; alert(msg);
						f.elements[same2].style.color = "#00aa00";
						f.elements[same3].style.color = "#00aa00";
						return;
					}
				}
			}
		} fileNames  = fileNames.substr(0, fileNames.length - 2);
		
		JSargs   = f.id.value + '=' + UID;
		f.action = ScriptURL + '?' + ScriptCmd1 + '=' + JSargs;
		
		if(totalFiles){
			if(HideForm == 1){f.style.display = 'none';}
			document.getElementById('progscreen').style.display = 'block';
			window.setTimeout("sendRqst(ScriptURL + '?' + ScriptCmd2 + '=' + JSargs)", 1000);
		} else { document.getElementById('progscreen').style.display = 'none'; }
		
		return true;
	}
	
	function convertBits(bytes){
		bytes  = bytes / 1024;
		bytes  = Math.floor(100 * bytes) / 100;
		bytes  = String(bytes); ena = bytes.length - 2; dio = bytes.length - 3;
		deci   = bytes.substr(ena,1) == "." ? "0" : bytes.substr(dio,1) == "." ? "" : ".00";
		bytes += deci; return bytes;
	}
	
	function convertSecs(secs){
		remsecs = 0; remmins = 0; remhrs  = 0;
		if(secs >= 3600){
			remsecs = secs % 60;
			remmins = secs / 60;
			remhrs  = secs / 3600;
			if(remhrs > 0) remmins = remmins - (parseInt(remhrs) * 60);
		} else if(secs >= 60){
			remsecs = secs % 60;
			remmins = secs / 60;
		} else { remsecs = secs % 60; }
		
		remsecs = parseInt(remsecs);
		remmins = parseInt(remmins);
		remhrs  = parseInt(remhrs);
		
		remsecs = remsecs < 10 ? '0' + remsecs : remsecs;
		remmins = remmins < 10 ? '0' + remmins : remmins;
		remhrs  = remhrs  < 10 ? '0' + remhrs  : remhrs ;
		secs    = remhrs + ':' + remmins + ':' + remsecs;
		return secs;
	}
	printProgressMeter();