var itemCounter = 1;
var itemTimer = null;

function nextItem() {
	changeItemBig($('.itemInfo:eq('+itemCounter+')').html());
	if(itemCounter<7)
		itemCounter++;
	else
		itemCounter=0;
}
	
function page_main() {
	startTimer();
}

function startTimer() {
	itemTimer = setInterval ( nextItem, 5000 );
}

function stopTimer() {
	clearInterval(itemTimer);	
}

function itemHover(itemId) {
	stopTimer();
	changeItemBig($('#itemInfo-'+itemId).html(),100);	
}

function changeItemBig(htmlCode,delay) {
	if(!delay) delay=700;
	$('#item-big').fadeOut(delay,function() {
		$('#item-big').html(htmlCode).fadeIn(delay);
	});
}

function refreshThumbs(getReq) {
	stopTimer();
	$('#item-thumb-container').html('<div style="height:100%;width:100%;padding: 40px 0px 0px 100px"><img src="/img/ajax-loader.gif" width="16" height="16"/></div>');
	$.ajax({ 
		url: getReq,
		dataType: 'json',
		success: function(data, textStatus, XMLHttpRequest){
			var content='';
			for(var i=0;i<data.length;i++) {
				content += 
						'<a href="/items/view/'+data[i].Item.id+'" style="float:left;padding:2px 2px 0px 0px"><img onmouseout="startTimer()" onmouseover="itemHover('+data[i].Item.id+')" class="border" src="/img/uploads/'+data[i].User.id+'/'+data[i].Item.picture+'_thumb.jpg" width="50" height="50"/></a>'+
						'<div style="display:none" class="itemInfo" id="itemInfo-'+data[i].Item.id+'">'+
						'	<div class="preview-header">'+
						'		<a href="/items/view/'+data[i].Item.id+'">'+(data[i].Item.name ? data[i].Item.name : '<i>unnamed</i>')+'</a><br/>'+
						'		by <a href="/artists/'+data[i].User.username+'">'+data[i].User.name+'</a>'+
						'	</div>'+
						'	<div>'+
						'		<a href="/items/view/'+data[i].Item.id+'"><img class="border" src="/img/uploads/'+data[i].User.id+'/'+data[i].Item.picture+'.jpg" width="245"/></a>'+					
						'	</div>'+									
						'</div>';
			}
			$('#item-thumb-container').html(content);
			itemCounter = 0;
			nextItem();
			startTimer();
		},
		error: function() {
			$('#item-thumb-container').html('<div class="errorFlash" align="center" style="width:235px;margin-top:40px;padding:5px">Error retrieving items. Please try again</div>')
		}
	});	
}

function showLatestItems() {
	$('#items-options-latest').addClass('active');
	$('#items-options-popular').removeClass('active');
	$('#items-options-random').removeClass('active');
	refreshThumbs('/items/get/latest/8');
}

function showPopularItems() {
	$('#items-options-latest').removeClass('active');
	$('#items-options-popular').addClass('active');
	$('#items-options-random').removeClass('active');
	refreshThumbs('/items/get/best/8');	
}

function showRandomItems() {
	$('#items-options-latest').removeClass('active');
	$('#items-options-popular').removeClass('active');
	$('#items-options-random').addClass('active');
	refreshThumbs('/items/get/random/8');	
}