var cardIndex = 0;
var cardTimer;
var timerFlag;

function fetchCardRotate(msg,speed)
{
	var cardData = msg.card;
	
	$("#cardfader").fadeOut(speed,function () {
			$("#cardImage").unbind('click');
			$('#cardfader').remove();
			$("#cardSpace").append('<div id="cardfader" style="display:none;"></div>');
			if (msg.card.full != 'null' && msg.card.thumb != 'null') { 
				$("#cardfader").append('<img label="Click for detail" title="Click for detail" id="cardImage" ' +
					'cardImage="/CMT/ChartOfTheWeek/' + msg.card.full + '" align="right" width="200" border="0" src="'+msg.card.thumb+'">');
				$("#cardImage").bind('click',expandCardGraphic);
			}
			$("#cardfader").append('<span id="cardText">'+msg.card.html+'</span>');
			$("#cardfader").fadeIn(speed);
		});
}

function fetchCard(speed,direction) {
	if (speed == null) {
		speed = 2000;
	}
	
	if (direction == null) {
		direction = 1;
	} else {
		direction = -1;
	}
	
	var config = {
		type: "GET",
		data: { slideDirection: direction },
  		url: "flashCardServer.php",
  		dataType: "json",
  		success: function (msg) {
  			if (msg.success == '1') {
  				fetchCardRotate(msg,speed);
  			}
  		}
	};
	$.ajax(config);
}

function rotateCard() {
	$("#cardfader").fadeOut(2000,function () {
		$("#cardImage").unbind('click');
    	$("#cardSpace").empty();		
    	$("#cardSpace").append('<div id="cardfader" style="display:none;"></div>');
    	$("#cardfader").append('<img label="Click for detail" title="Click for detail" id="cardImage" width="200" cardImage="/CMT/ChartOfTheWeek/' + cardData[cardIndex].full + '" align="right" border="0" src="'+cardData[cardIndex].thumb+'">');
    	$("#cardfader").append('<span id="cardText">'+cardData[cardIndex].html+'</span>');
    	$("#cardImage").bind('click',expandCardGraphic);
    	$("#cardfader").fadeIn(2000);
    	
    	cardIndex++;
    	if (cardIndex > (cardData.length - 1)) {
    		cardIndex = 0;
    	}	
	});
	
}

function rotateCardCallBack(e) {
	
}

function expandCardGraphic(e) {
	//window.open($("#cardImage").attr("cardImage"),'FullImage');
	window.location = "/news/matteroffact.php";
}

$(document).ready(function () {
	fetchCard()
	
	//comment out to temporarily stop automatic slide rotation
	cardTimer = window.setInterval(fetchCard,10000);
	timerFlag = true;
	
	$(".nextSlide").bind('click',function() {
		window.clearInterval(cardTimer);
		fetchCard(500);
		cardTimer = window.setInterval(fetchCard,10000);
		});
	
	$(".prevSlide").bind('click',function() {
		window.clearInterval(cardTimer);
		fetchCard(500,-1);
		cardTimer = window.setInterval(fetchCard,10000);
	});
});