var xmlHttp;
var debt_clock;

var ajaxImage = new Image();
ajaxImage.src='dynamic/debt_clock/images/ajax_loader1.gif';

var banner = new Image();
banner.src='dynamic/debt_clock/images/debt_banner.png'; 

var image1 = new Image();
image1.src='dynamic/debt_clock/images/x1.png'; 
var image2 = new Image();
image2.src='dynamic/debt_clock/images/x2.png'; 
var image3 = new Image();
image3.src='dynamic/debt_clock/images/x3.png'; 
var image4 = new Image();
image4.src='dynamic/debt_clock/images/x4.png'; 
var image5 = new Image();
image5.src='dynamic/debt_clock/images/x5.png'; 
var image6 = new Image();
image6.src='dynamic/debt_clock/images/x6.png'; 
var image7 = new Image();
image7.src='dynamic/debt_clock/images/x7.png';
var image8 = new Image();
image8.src='dynamic/debt_clock/images/x8.png'; 
var image9 = new Image();
image9.src='dynamic/debt_clock/images/x9.png'; 
var image0 = new Image();
image0.src='dynamic/debt_clock/images/x0.png';
var imagedecimal = new Image();
imagedecimal.src='dynamic/debt_clock/images/xdecimal.png'; 
var imagedsign = new Image();
imagedsign.src='dynamic/debt_clock/images/xdsign.png';
var imagecomma = new Image();
imagecomma.src='dynamic/debt_clock/images/xcomma.png'; 

function ofpSettings() { 
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request");
 return;
 }
var url = "dynamic/debt_clock/php/debt_update.php";
 url=url+"?sid="+Math.random();
 xmlHttp.onreadystatechange=stateChanged; 
 xmlHttp.open("GET",url,true);
 xmlHttp.send(null);
}

function stateChanged()
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 {
	//alert("data received");
	 var settings = xmlHttp.responseText.replace(/^\s*|\s*$/g,'');
	 settings = settings.split("\n");
	 var limit = settings.length;
	 ofpSettings = new Array();
	 var i = 0;
	 while (i < limit) {
		 var x = settings[i].split('=');
		 ofpSettings[x[0]] = x[1];
		 i++;
	 }
	var debt_div = document.createElement('div');
	debt_div.setAttribute('id','debt_div');
	 //debt_div.appendChild(dsign);
	 //debt_clock.appendChild(dsign);
	var debts_together = ofpSettings['Current Debt'];
	var debt_list = debts_together.split(",");
	var debts_together = 0;
	var debtcount = 0;
	while (debtcount < debt_list.length) {
		debts_together = debts_together + parseFloat(debt_list[debtcount]);
		debtcount++;
	}
	 var current_debt = '$'+addCommas(debts_together);
	 var starting_debt = document.createTextNode('original amount: $'+addCommas(ofpSettings['Starting Debt']));
	 var starting_div = document.createElement('div');
	 starting_div.style.paddingTop = "7px";
	 starting_div.style.color = "#8fd4fd";
	 starting_div.style.fontSize = "9px";
	 starting_div.appendChild(starting_debt);
	 debt_clock.setAttribute('title',current_debt);
	 var current_debt = current_debt.split('');
	 var limit = current_debt.length;
	 var i = 0;
	 var reveal_delay = 100;
	 while (i < limit) {
		//alert("adding image");
		 if (current_debt[i] == ',') {
			//var imageSize = getImageSize('dynamic/debt_clock/images/xcomma.png');
			//var pic=new Image(imageSize['width'],imageSize['height']);
			//pic.src='dynamic/debt_clock/images/xcomma.png'; 
			//var w = document.createElement('img');
			//w.setAttribute('width',imageSize['width']);
			//w.setAttribute('height',imageSize['height']);
			//w.setAttribute('src','dynamic/debt_clock/images/xcomma.png');

			//w.setAttribute('id','image'+i);
			//w.style.opacity = 0;
			//if (navigator.appName != "Microsoft Internet Explorer") {
			//	w.style.filter = 'alpha(opacity='+0+')';
			//	debt_div.appendChild(w);
			//	var delay = 'fadeIn("image'+i+'")';
			//	setTimeout(delay, reveal_delay * i );
			//}
			//else {
				debt_div.appendChild(imagecomma);
			//}
		 }
		 else if (current_debt[i] == '.') {
			//var imageSize = getImageSize('dynamic/debt_clock/images/xdecimal.png');
			//var pic=new Image(imageSize['width'],imageSize['height']);
			//pic.src='dynamic/debt_clock/images/xdecimal.png'; 
			//var x = document.createElement('img');
			//x.setAttribute('width',imageSize['width']);
			//x.setAttribute('height',imageSize['height']);
			//x.setAttribute('src','dynamic/debt_clock/images/xdecimal.png');
			//x.setAttribute('id','image'+i);
			//x.style.opacity = 0;
			//if (navigator.appName != "Microsoft Internet Explorer") {
			//	x.style.filter = 'alpha(opacity='+0+')';
			//	debt_div.appendChild(x);
			//	var delay = 'fadeIn("image'+i+'")';
			//	setTimeout(delay, reveal_delay * i );
			//}
			//else {
				debt_div.appendChild(imagedecimal);
			//}
		 }
		 else if (current_debt[i] == '$') {
			//var imageSize = getImageSize('dynamic/debt_clock/images/xdsign.png');
			//var pic=new Image(imageSize['width'],imageSize['height']);
			//pic.src='dynamic/debt_clock/images/xdsign.png'; 
			//alert(imageSize['width']+" "+imageSize['height']);
			//var y = document.createElement('img');
			//y.setAttribute('width',imageSize['width']);
			//y.setAttribute('height',imageSize['height']);
			//y.setAttribute('src','dynamic/debt_clock/images/xdsign.png');
			//y.setAttribute('id','image'+i);
			//y.style.opacity = 0;
			//if (navigator.appName != "Microsoft Internet Explorer") {
			//	y.style.filter = 'alpha(opacity='+0+')';
			//	debt_div.appendChild(y);
			//	var delay = 'fadeIn("image'+i+'")';
			//	setTimeout(delay, reveal_delay * i );
			//}
			//else {
				debt_div.appendChild(imagedsign);
			//}
		 }
		 else {
			//var imageSize = getImageSize('dynamic/debt_clock/images/x'+current_debt[i]+'.png');
			//var pic=new Image(imageSize['width'],imageSize['height']);
			//pic.src='dynamic/debt_clock/images/x'+current_debt[i]+'.png';
			var z = document.createElement('img');
			//z.setAttribute('width',imageSize['width']);
			//z.setAttribute('height',imageSize['height']);
		 	z.setAttribute('src','dynamic/debt_clock/images/x'+current_debt[i]+'.png');
			z.setAttribute('id','image'+i);
			//z.style.opacity = 0;
			//if (navigator.appName != "Microsoft Internet Explorer") {
			//	z.style.filter = 'alpha(opacity='+0+')';
			//	debt_div.appendChild(z);
			//	var delay = 'fadeIn("image'+i+'")';
			//	setTimeout(delay, reveal_delay * i );
			//}
			//else {
				debt_div.appendChild(z);
			//}
		 }		 
		 i++;
	 }
	document.getElementById("debt_clock").removeChild(ajaxImage);
	document.getElementById("debt_clock").appendChild(debt_div);
	document.getElementById("debt_clock").appendChild(starting_div);
} 
}

// FADE LOGIC START

function setOpacity(x,element) {
 document.getElementById(element).style.opacity = x / 10;
 document.getElementById(element).style.filter = 'alpha(opacity=' + x * 10 + ')';
}

function fadeIn(element) {
	if (navigator.appName != "Microsoft Internet Explorer") {
		for( var i = 0 ; i <= 150 ; i++ ) {
			var xvalue = 'setOpacity(' + (i / 15) + ',"'+element+'")';
			setTimeout(xvalue, 4 * i );
		}
	}
	else {
		for( var i = 0 ; i <= 10 ; i++ ) {
			var xvalue = 'setOpacity(' + (i / 1) + ',"'+element+'")';
			setTimeout(xvalue, 15 * i );
		}
	}
}



//ADD COMMA LOGIC START

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

//ADD COMMA LOGIC END

//AJAX LOGIC START

function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}
//AJAX LOGIC END

//GET IMAGE SIZE

function getImageSize(path) {
	var newImg = new Image();
	newImg.src = path;
	var imageSize = new Array();
	imageSize['width'] = newImg.width;
	imageSize['height'] = newImg.height;
	return imageSize;
}