<!--
//Code by Lonnie Lee Best
var insideWidth;
var insideHeight;

function handler() {
insideWidth = document.body.offsetWidth;
insideHeight = document.body.offsetHeight;
if (insideWidth > 200)
	{
		document.getElementById('s1').style.width = (insideWidth/2 - 28) + "px";
		document.getElementById('s2').style.width = (insideWidth/2 - 28) + "px";
		document.getElementById('css').style.width = "98%";
		document.getElementById('out').style.width = "98%";
		document.getElementById('settings').style.width = "98%";
		if (insideHeight > 200)
		{
			document.getElementById('s1').style.height = (insideHeight - 100) + "px";
			document.getElementById('s2').style.height = (insideHeight - 100) + "px";
			document.getElementById('css').style.height = (insideHeight - 150) + "px";
			document.getElementById('out').style.height = (insideHeight - 150) + "px";
			document.getElementById('settings').style.height = (insideHeight - 150) + "px";
			
		}
	}

	var bgImage = new Image();
	bgImage.onload = showBgImage;
	bgImage.src = "http://sites.google.com/site/lonniebiz/earth/earth.jpg";	
}
	
onload = handler;
onresize = handler;

function showBgImage()
{
	document.body.style.background = "url(http://sites.google.com/site/lonniebiz/earth/earth.jpg)";
}


//_____________________________________________
// RPC
//_____________________________________________

//Global Variables
var startTime;
var httpRequest;
var url = "";
var countReadyStateChanges = 0;
var readyStateChangeLog = "";
function setStartTime()
{
    var startDate = new Date();
    startTime = startDate.getTime();
}
setStartTime();

function handleReadyStateChange() 
{
	countReadyStateChanges++;
	readyStateChangeLog = readyStateChangeLog + "\n" + countReadyStateChanges + " httpRequest.readyState:" + httpRequest.readyState;

	// only if the httpRequest's readyState is "complete"
	if (httpRequest.readyState == 4)
	{
        // only if "OK"
        if (httpRequest.status == 200)
		{
			// ...processing statements go here...
			document.getElementById('output').innerHTML = '<textarea id="out" name="out" cols="0" rows="0" wrap="off" >' + httpRequest.responseText + '</textarea>';
			handler();
			//alert("Success:\n" + httpRequest.statusText + "\nThe httpRequest's status is: " + httpRequest.status + "\nThe httpRequest's readyState is: " + httpRequest.readyState + "\nreadyState changed " + countReadyStateChanges + " times." + "\n" + readyStateChangeLog);
			httpRequest = "";
        }
		else 
		{
			document.getElementById('output').innerHTML = httpRequest.responseText;
			alert("The httpRequest's Status was not 200:\n" + httpRequest.statusText + "\nThe httpRequest's status is: " + httpRequest.status + "\nThe httpRequest's readyState is: " + httpRequest.readyState + "\nreadyState changed " + countReadyStateChanges + " times." + "\n" + readyStateChangeLog);
	        }
	}
}
function NormalizeNewLines(str)
{
    if (!(str == null))
    {
        var unlikelyString = startTime + "MooMooCow";
        var regEx = /\r\n/gi;
        str = str.replace(regEx,unlikelyString);
        regEx = /\n/gi;
        str = str.replace(regEx,unlikelyString);
        regEx = /\r/gi;
        str = str.replace(regEx,unlikelyString);
        regEx = eval("/" + unlikelyString + "/gi");
        str = str.replace(regEx,"\r\n");
    }
    return str;
}
function SuperEscape(str)
{
	str = escape(str);
	var regEx = /\+/gi;
	str = str.replace(regEx,'%2B');
	return str;
}

function Prep(str)
{
    str = NormalizeNewLines(str);
    str = SuperEscape(str);
    return str;
}

function PreviewClick()
{
	document.getElementById('s2').style.display = 'block';
	document.getElementById('settings').style.display = 'none';

	document.getElementById('output').style.display = 'block';
	document.getElementById('output').innerHTML = "<table style=\"background-color:#F4F4F4;border:solid 1px #333333;padding:7px;\"><tr style=\"color:#333333;font-size:10px;\"><td>Loading...&nbsp;</td><td><img src=\"spin.gif\" /></td></tr></table></div>";
	GetPreview();
}


function showSettings()
{
	document.getElementById('s2').style.display = 'block';
	if (document.getElementById('settings').style.display == 'none')
	{
		document.getElementById('settings').style.display = 'block';
		document.getElementById('output').style.display = 'none';

	}
	else
	{
		document.getElementById('settings').style.display = 'none';
		document.getElementById('output').style.display = 'block';
	}
}


function GetPreview()
{
	var aryElement;
	var count;
	var len;
        
//    var currentDate = new Date();
//    var currentTime = currentDate.getTime();

	var strValues = "css=" + Prep(document.getElementById("css").value);
	//document.getElementById('s1').innerHTML = document.getElementById('s1').innerHTML + strValues;
	aryElement = document.getElementsByTagName('select');
	len = aryElement.length;
	count= 0;
	while(count < len)
	{
		strValues = strValues + "&" + aryElement[count].id + "=" + Prep(aryElement[count].value);
		count++;
	}
	aryElement = document.getElementsByTagName('input');
	len = aryElement.length;
	count= 0;
	while(count < len)
	{	
		if(aryElement[count].checked)
		{
			strValues = strValues + "&" + aryElement[count].id + "=" + Prep(aryElement[count].value);
		}
		count++;
	}
	



    var currentTime = new Date().getTime();
    var duration = currentTime - startTime;

        httpRequest = "";
        countReadyStateChanges = 0;
        readyStateChangeLog = "";
        url = "FormatCSS.aspx"
        
    	if (window.XMLHttpRequest) 
    	{
		    httpRequest = new XMLHttpRequest();
    		httpRequest.onreadystatechange = handleReadyStateChange;
	    	try
	    	{
			httpRequest.open("POST", url, true);
			httpRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

    		}
    		catch (e)
    		{
		        alert(e);
    		}
	    	httpRequest.send(strValues);
    	}
    	// branch for IE/Windows ActiveX version
    	else if (window.ActiveXObject)
    	{
    		httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
            if (httpRequest)
            {
                httpRequest.onreadystatechange = handleReadyStateChange;
                httpRequest.open("POST", url, true);
		        httpRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                httpRequest.send(strValues);
            }
	}

}

// -->