$(document).ready(function() {
	var intervalId = 0;
	
	function showImg(img) {
		var next = jQuery.inArray(img, imgs)+1;
		if(next>=size) next = 0;
		o_img = imgs[next];
		var pointer = jQuery.inArray(o_img, first);
		if(pointer>-1) $("#pointer").animate({marginLeft:offset[pointer]+"px"},400);
		var div = '<div class="rotator-img" style="display:none; background:url(\''+http_path+'/get.php?item=i&id='+ o_img +'&h=260\') no-repeat center;">&nbsp;</div>';
		$("#rotator div").fadeOut(600, function(){ $("#rotator").html(div); $("#rotator div").fadeIn(600); });
	}
	
	function showImgThis(img) {
		var pointer = jQuery.inArray(o_img, first);
		if(pointer>-1) $("#pointer").stop().animate({marginLeft:offset[pointer]+"px"},300);
		var div = '<div class="rotator-img" style="display:none; background:url(\''+http_path+'/get.php?item=i&id='+ o_img +'&h=260\') no-repeat center;">&nbsp;</div>';
		$("#rotator div").fadeOut(300, function(){ $("#rotator").html(div); $("#rotator div").fadeIn(600); });
	}
	
	function rotate() {
		intervalId = setInterval(function() {
			showImg(o_img);
		},3000);
	}
	
	$(".tab").mouseenter(function() {
		tmp_img = first[$(this).attr("id").replace("tab0","")];
		if(tmp_img!=o_img) {
			clearInterval(intervalId);
			o_img = tmp_img;
			showImgThis(o_img);
			rotate();
		}
	});
	
	rotate();
});