var current = [];
var omit = [];
var count = 0;
var tot = 3;
var x1,x2;
var origtop = parseInt($('#rightbar_inner_bit').css('margin-top'), 10);
$(document).ready(function(){
	var rotator = {
		getNextBatch: function(){
			var that = this;
			$.post('/ajax.rotate.php?count=3', $.extend(this.getOmmissions(), {country:$('#countryx').val()}), function(records){
				$.each(records, function(idx){
					$('#rightbar_inner_bit').append(that.getBoxHtml(this));
				});
				that.shiftBoxes();
			}, 'json');
		},
		shiftBoxes: function(){
			var that = this;
			var top = parseInt($('#rightbar_inner_bit').css('margin-top'), 10);
			$('#rightbar_inner_bit').animate({marginTop:(top - 160) + 'px'}, 2000, function(){
				$('.barbit:first').remove();
				$('#rightbar_inner_bit').css('margin-top', '1px');
				count++;
				if(count == tot){
					count = 0;
					x2 = setTimeout(function(){
						that.getNextBatch();
					}, 5000);
				}else{
					x2 = setTimeout(function(){
						that.shiftBoxes();
					}, 5000);
				}
			});
		},
		getOmmissions: function(){
			var str = '';
			var x = 0;
			$('#rightbar .barbit a.coursename').each(function(){
				var rel = $(this).attr('rel') && $(this).attr('rel') != undefined ? $(this).attr('rel') : 0;
				if(rel > 0){
					x++;
					str+=rel + ',';
				}
			});

			return {omit:str, count:x};
		},
		getBoxHtml: function(record){
			var str = '<div class="barbit" style="height:160px;"><a class="coursename" rel="' + record.id + '" href="/Courses/' + record.id + '/' + record.nicetitle + '.html"><img border="0" title="' + record.title + '" alt="' + record.title + '" src="/UserFiles/Image/courses/' + record.id + '_1slim.jpg"/></a><br />';
			str+= '<a class="coursename" rel="' + record.id + '" href="/Courses/' + record.id + '/' + record.nicetitle + '.html">' + record.title + '</a> <br />' + record.overview + '</div>';
			return str;
		}
	};
	rotator.getNextBatch();
});