// refresh every 10 seconds
var timer = 10;
// periodical and dummy variables for later use
var periodical, dummy;

var url = "http://www.mdveinprofessionals.com/support/randomSnippet.php";


var useAjax = new Ajax(url, {
		onRequest: preparePage,
		onComplete: updatePage,
		evalScripts: true
});

/* our refresh function: it sets a dummy to prevent
   caching of php and add the loader class  */
var refresh = (function() {
	// dummy to prevent caching of php
	dummy = $time() + $random(0, 100);
	// requests of our php plus dummy as query
	useAjax.request(dummy);
});

function getRandomSnippet() {
	//alert("Started Snippet Fetch");
	// prevent insane clicks to start numerous requests
	$clear(periodical);

	// the periodical starts here, the * 1000 is because milliseconds required
	periodical = refresh.periodical(timer * 1000);
	useAjax.request($time());
}

function preparePage() {
	$('quote').effect('opacity').set(0);
	$('snippetText').empty();
	$('snippetName').empty();
}

function updatePage(response, xml) {
	// Use the XML DOM to unpack the data
	var xmlDocument = xml;
	var quote = xmlDocument.getElementsByTagName('quote').item(0).firstChild.data;
	var name = xmlDocument.getElementsByTagName('name').item(0).firstChild.data;
	$('snippetText').innerHTML = quote;
	$('snippetName').innerHTML = name;
	$('quote').effect('opacity', {duration: 2000}).start(0,1);
}