promo_idx = 0;
promoCount = 0;

$(document).ready(function(){
	promoCount = arr_promos.length;
	$('section#promos').append('<ul id="promo-listing"></ul>');
	$('section#promos').append('<ul id="promo-paging"></ul>');
	for(i=0;i<promoCount;i++){
		img = arr_promos[i][0];
		url = arr_promos[i][1];
		//alert('url > ' + url);
		if (url == ''){url = 'javascript:void(0);'}
		if (i==0){$('section#promos ul#promo-listing').append('<li><a href="' + url + '"><img src="' + img + '" /></a></li>');}
		else{$('section#promos ul#promo-listing').append('<li style="display:none;"><a href="' + url + '"><img src="" /></a></li>');}
		$('section#promos ul#promo-paging').append('<li><a href="javascript:void(0);" onclick="showPromo(' + i + ');">' + (i + 1) + '</a></li>');
	}
	$('section#promos ul#promo-paging li:first-child a').addClass('active');
	setInterval(function(){
		promo_idx++;
		if(promo_idx == promoCount){
			promo_idx = 0;
		}
		showPromo(promo_idx);
	}, 5000);
});

function showPromo(idx){
	promo_idx = idx;
	$('section#promos ul#promo-listing li').css('display', 'none');
	$('section#promos ul#promo-listing li').eq(idx).find('a img').attr('src', arr_promos[idx][0]);
	$('section#promos ul#promo-listing li').eq(idx).fadeIn(500);
	$('section#promos ul#promo-paging li a').removeClass('active');
	$('section#promos ul#promo-paging li').eq(idx).find('a').addClass('active');
}