////////////////////////////////////////////////////////////////////////////////////////////////////
// ROCKETDAY ARTS
////////////////////////////////////////////////////////////////////////////////////////////////////

// INITIALIZE THE AJAX REQUEST OBJECT
function iniAjaxRequestObject() {
	var xmlhttp;
	if (window.XMLHttpRequest) {
		// For all browswers that work nicely by compliance
		xmlhttp = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		// Browsers that should have died a painful death some time ago
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		// Please update your browser or turn on JavaScript.  Trust me, it won't hurt
		alert("Your browser does not support XMLHTTP!");
	}

	return xmlhttp;
}

// RUN THE POPULATION SCRIPT BEHIND THE SCENES AT GIVEN INTERVALS
function runPopulationUpdateServer(queryString) {
	// Initialize the ajax object
	var xmlhttp = iniAjaxRequestObject();
	
	// Ensure the server is ready to take the request
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4) {
			document.getElementById('populationnumber').innerHTML = xmlhttp.responseText;
		}
	}
	
	// Send the information to the server
	xmlhttp.open("GET", "scripts/ajax_rd.php" + queryString, true); 
	xmlhttp.send(null);
}

// REPEAT THE AJAX CALL TO THE SERVER EVERY 3 SECONDS SO THE WORLD POPULATION IS UPDATED
function runPopulationUpdateLocal(queryString) {
	setInterval("runPopulationUpdateServer('" + queryString + "')", 2000);
	return false;
}

// LITERAL OBJECTS FOR  ISSUE BROWSING
var issue01Object = {  
	name: 'issue01', 
	speed: 6000,
	items: 0,
	images: ['#issue01-PeterC', '#issue01-Havana'],
	descriptions: ['#issue01-01-description', '#issue01-02-description']
}

var issue02Object = {   
	name: 'issue02',
	speed: 6000,
	items: 0,
	images: ['#issue02-MichaelS', '#issue02-Neuron', '#issue02-Christine', '#issue02-Montreal'],
	descriptions: ['#issue02-01-description', '#issue02-02-description', '#issue02-03-description', '#issue02-04-description']
}

var issue03Object = {   
	name: 'issue03',
	speed: 6000,
	items: 0,
	images: ['#issue03-MairiB', '#issue03-OutoftheBlack', '#issue03-Beach'],
	descriptions: ['#issue03-01-description', '#issue03-02-description', '#issue03-03-description']
}

var issue04Object = {   
	name: 'issue04',
	speed: 6000,
	items: 0,
	images: ['#issue04-EmilyM', '#issue04-Foxglove', '#issue04-AlexS', '#issue04-Dehogg'],
	descriptions: ['#issue04-01-description', '#issue04-02-description', '#issue04-03-description', '#issue04-04-description']
}

function fadeInOut(objectIn) {
	$(objectIn.images[objectIn.items]).fadeOut();
	$(objectIn.descriptions[objectIn.items]).fadeOut();
	
	objectIn.items++;
	
	if (objectIn.items >= objectIn.images.length)
		objectIn.items = 0;
	
	$(objectIn.images[objectIn.items]).fadeIn();
	$(objectIn.descriptions[objectIn.items]).fadeIn();
}

// jQuery SLIDER FOR THE WHERE WE GO FROM HERE JOURNAL
$(document).ready(function() {
	
	$("#browsejournali").click(function () {
		$("#browsejournal").css({zIndex: '0'});
		return false;
	});
	
	$("#browsejournali").click(function () {
		$("#browseopen").animate({left: '0px'}, 300);
		return false;
	});  
	
    $("#browsejournalj").click(function () {
    	$("#browseopen").animate({left: '649px'}, 300, function() { 
			$("#browsejournal").css({zIndex: '2'});
		});
		return false;
	});
	
	// ROTATE IMAGES WITHIN EACH ARTICLE
	setInterval("fadeInOut(issue01Object)", issue01Object.speed);
	setInterval("fadeInOut(issue02Object)", issue02Object.speed);
	setInterval("fadeInOut(issue03Object)", issue03Object.speed);
	setInterval("fadeInOut(issue04Object)", issue04Object.speed);
	
});