$(document).ready(function(){
	var i = 0;  //count of xml items
	var j = -1; //index for loop
	var img = new Array();
	var link = new Array();
	var color = new Array();
	var pause = 0;
	var tmppause = 0;

	$('#centerpause').click(function() {
		if (pause==0)
		{
			pause=1;
            		$("#centerpausebutton").attr("src", "/img/frontimages/center_resume.png");
		}
		else
		{
			pause=0;
            		$("#centerpausebutton").attr("src", "/img/frontimages/center_pause.png");
		}
	});

	$('#centerleft').click(function() {
		j=j-2;
		cycleImages();
	});
	
	$('#centerright').click(function() {
		cycleImages();
	});

	$.ajax({
		type: "GET",
		url: "/includes/frontbox.xml",
		dataType: "xml",
		success: function(xml) {
			$(xml).find('image').each(function(){
				img[i] = $(this).find('img').text();
				link[i] = $(this).find('link').text();
				color[i] = $(this).find('color').text();
				if (i==0) {
					cycleImages();
				}
				i++;
			});
		}
	});

	function cycleImages() {
	   if (pause==0)
	   {
		j++;
		if (j >= i)
		{
			j = 0;
		}
		else if (j < 0)
		{
			j=i-1;
		}
            	$("#centerimage").fadeOut("slow", function() {
            		$("#centerimage").attr("src", img[j]);
            		$("#centerlink").attr("href", link[j]);

            		$("#centerboxgreen").addClass('coloroff');
            		$("#centerboxred").addClass('coloroff');
            		$("#centerboxblue").addClass('coloroff');
            		$("#centerboxyellow").addClass('coloroff');
            		$("#centerboxorange").addClass('coloroff');
            		$("#centerboxbluetwo").addClass('coloroff');
	
			switch(color[j]) {
				case '1':
            				$("#centerboxgreen").removeClass('coloroff').addClass('boxgreen');
					$("#centerboxright").css('backgroundColor', '#9b9b36');
					$("#centercontrols").css('backgroundColor', '#9b9b36');
					break;
				case '2':
            				$("#centerboxred").removeClass('coloroff').addClass('boxred');
					$("#centerboxright").css('backgroundColor', '#bc3950');
					$("#centercontrols").css('backgroundColor', '#bc3950');
					break;
				case '3':
            				$("#centerboxblue").removeClass('coloroff').addClass('boxblue');
					$("#centerboxright").css('backgroundColor', '#324da1');
					$("#centercontrols").css('backgroundColor', '#324da1');
					break;
				case '4':
            				$("#centerboxyellow").removeClass('coloroff').addClass('boxyellow');
					$("#centerboxright").css('backgroundColor', '#cb9b2b');
					$("#centercontrols").css('backgroundColor', '#cb9b2b');
					break;
				case '5':
            				$("#centerboxorange").removeClass('coloroff').addClass('boxorange');
					$("#centerboxright").css('backgroundColor', '#cf6633');
					$("#centercontrols").css('backgroundColor', '#cf6633');
					break;
				case '6':
            				$("#centerboxbluetwo").removeClass('coloroff').addClass('boxbluetwo');
					$("#centerboxright").css('backgroundColor', '#1b3664');
					$("#centercontrols").css('backgroundColor', '#1b3664');
					break;
				default:
					alert('not in range');
					break;
			}
	
			$("#centermiddle").text(j+1);
            		$("#centerimage").fadeIn("slow");
		});
	   }
    	}
    	setInterval(cycleImages, 5000);
	

});