var footerImg = [];
var footerText = [];
var footerUrl= [];
var footerDelay;
var item_counter = 0;
var setup_html;
var child_html;
var cur_pos = 1;
var delay_negative;

$(document).ready(function() {
	getFooterXML();
});

function getFooterXML() {
	$.ajax({
        type: "GET",
		url: "xml/data_footer.xml",
		dataType: "xml",
		success: addFooter
	});
	
}

function addFooter(xml) {
	$(xml).find('gallery').each(function() {
		footerDelay = $(this).attr('delay');
		footerDelay = parseInt(footerDelay);
		footerDelay = footerDelay * 1000;	
		$(this).find('item').each(function() {
			footerImg.push($(this).find('image').text());
			footerText.push($(this).find('text').text());
			footerUrl.push($(this).find('url').text());		
			item_counter++;
		});
	});

		setup_html = "<div id='prev_foot'>";
		setup_html += "<div id='prev_btn' class='footer_btn'>";
		setup_html += "</div></div>";
		setup_html += "<div id='foot_mask'><div id='foot_inner'></div></div>";
		setup_html += "<div id='next_foot' class='footer_btn'>";
		setup_html += "<div id='next_btn'>";
		setup_html += "</div></div>";
		$('.contentbase').append(setup_html);
		
	for(var i = 0; i < item_counter; i++){
		child_html = "<div class='foot_child'>";
		child_html += "<a href='"+footerUrl[i]+"'><img class='foot_img' src='"+footerImg[i]+"' alt='' /></a>";
		child_html += "<div class='foot_text'>";
		child_html += footerText[i] + "</div></div>";
		$('#foot_inner').append(child_html);
	}
	
	$('#foot_inner').width(item_counter * 310);
	
	$('#next_btn').bind('click', function(){
		if(cur_pos < (item_counter / 3)){
		window.clearInterval(int);
		$('#foot_inner').animate({
			left: '-=930'
		}, 500, 'swing');
		cur_pos++;
		}
	});
	
	$('#prev_btn').bind('click', function(){
		if(cur_pos > 1){
		$('#foot_inner').animate({
			left: '+=930'
		}, 500, 'swing');
		cur_pos--;
		}
	});
}

function rotate_footer() {
	delay_negative = 930 * item_counter;
	delay_negative = '-=' + delay_negative;
	if(cur_pos < (item_counter / 3)){
		window.clearInterval(int);
		$('#foot_inner').animate({
			left: '-=930'
		}, 500, 'swing');
		cur_pos++;
	} else {
		$('#foot_inner').animate({
			left: '+=930'
		}, 500, 'swing');
		cur_pos = 1;
	}
}

var int = self.setInterval("rotate_footer()", 9000);