var intInterval = 0;
var intDuration = 5000;

var curnum=0;
var totalnum=5; //total set of image and quote
var countcheck = totalnum-1;


jQuery(document).ready(function() {	
	intInterval = setInterval(changequote, intDuration);
});



$(function() {
//reset		   
/*for (i=0; i<totalnum; i++) {
$('div#quote-box-text div:eq('+i+')').css("display", "none");
$('div#banner-box div:eq('+i+')').css("display", "none");
}
*/
$('div#quote-box-text div').css("display", "none");
$('div#banner-box div').css("display", "none");

//get current banner
$('div#quote-box-text div:eq(' + curnum + ')').css("display", "block");
$('div#banner-box div:eq(' + curnum + ')').css("display", "block");
$('div#banner-pagination').html(createPagination());

curnum++;
});

function createPagination(){
	var content = '';
	for (i=0; i<totalnum; i++) {
		if(i==curnum)
			content += '<li><a href="javascript:jumpquote('+i+')" ><img src="js/circle2.png" border="0" /></a></li>';
		else
			content += '<li><a href="javascript:jumpquote('+i+')" ><img src="js/circle1.png" border="0" /></a></li>';
	}
	return content;
}

function changequote() {
//reset	
/*for (i=0; i<totalnum; i++) {
$('div#quote-box-text div:eq('+i+')').css("display", "none");
$('div#banner-box div:eq('+i+')').css("display", "none");
}
*/
$('div#quote-box-text div').css("display", "none");
$('div#banner-box div').css("display", "none");

//get current banner
$('div#quote-box-text div:eq('+curnum+')').css("display", "none");
$('div#quote-box-text div:eq('+curnum+')').fadeIn(1000);
$('div#banner-box div:eq('+curnum+')').css("display", "none");
$('div#banner-box div:eq('+curnum+')').fadeIn(1000);
$('div#banner-pagination').html(createPagination());

curnum++;
if (curnum>countcheck) {
curnum=0;
}
}

function jumpquote(num){
	if(num>=totalnum)
		return;
	
	curnum = num;

	clearInterval(intInterval);
	intInterval = setInterval(changequote, intDuration);
	changequote();
}