function load()
{
	request = makeObject();
}

function loadImage()
{
	var url = "http://www.grumpychimp.com/profile-editor/profile-editor.php?css=";

	var args = "body { background-attachment: scroll; background-image: url('" + backgroundImage + "'); background-position: top left; background-repeat: repeat; }";

	document.location.href = url + escape(args);
}

// voting code

function isIE()
{
 	var ua = window.navigator.userAgent
	var msie = ua.indexOf ( "MSIE " )

	if ( msie <= 0 )  
		return false;
	return true;
}


// the XMLHTTP object
var request;
// the element whose innerHTML to change
var elemToChange;


// function that gets called when a vote radio button is clicked
function rateImage(ranking) {
	if(backgroundImage.indexOf('/') >= 0) {
		var arr = backgroundImage.split('/');
		var filename = arr[arr.length-1];
	}
	else 
		var filename = backgroundImage;

	var requestParams = Array("ranking=" + ranking, "filename=" + filename);
	doRequest('vote_div', '../../vote.php', requestParams, parseInfo);
}

// function for making asynchronous php requests
// elemID is the string ID for the element to change
// params is a string array. each string on the format "paramname=value"
// stateHandler is the function to call for parsing the request data
function doRequest(elemID, phpfile, params, stateHandler){
	elemToChange = elemID;
	var requestString = "?";
	for(i=0; i<params.length; i++) {
		requestString += params[i];
		if(i!=params.length-1) requestString += "&";
	}
	request.open('get', phpfile+requestString);
	request.onreadystatechange = stateHandler;
	request.send('');
}

// parses the data retrieved from the asynchronous request
function parseInfo(){
	if(request.readyState == 1){
		document.getElementById(elemToChange).innerHTML = 'Loading...';
	}
	if(request.readyState == 4){	
		var answer = parseFloat(request.responseText);	
		if(answer > 0)
			var newHTML = 'Voted! This image is rated <b>'+answer.toFixed(2)+'</b>';
		else
			var newHTML = 'You have already rated this picture!';
		document.getElementById(elemToChange).innerHTML = newHTML;
	}
}

// function to create a XMLHttpRequest object (returns the object)
function makeObject(){
	var x;
	// Create new XMLHTTP object
	var browser = navigator.appName;
	if(isIE())
		// for IE:
		x = new ActiveXObject("Microsoft.XMLHTTP");
	else
		// for other browsers
		x = new XMLHttpRequest();	
	return x;
}