
$(document).ready( function(){
	$.cliploop();
	$('.bt_rwd, .bt_fwd').each( function(){
		$(this).click( function(e){
			e.preventDefault();
			var data = $(this).attr('rel').split(',');
			$.clipslide(data[0], data[1]);
		});
	});
});

$.cliploop = function(){
	clearTimeout();
	setTimeout( function(){
		$.clipslide(0, 1);
		$.clipslide(2, 1);
		$.clipslide(3, 1);
		$.clipslide(4, 1);
		$.cliploop();
	}, 5000);
};

$.clipslide = function(cid, dir) {
	if ($('#slideHolder' + cid).length>0) {
		var currentBg = $('#slideHolder' + cid).css('backgroundImage');
		for (var i=0;i<slideArray[cid].length;i++) {
			if (currentBg.search(slideArray[cid][i])>0) {
				if (dir==0) {
					var j = i-1;
					if (j<0) {j=slideArray[cid].length-1;}
				} else {
					var j = i+1;
					if (j==slideArray[cid].length) {j=0;}
				}
				var nextImage = slideArray[cid][j];
				//if (cid==0) alert(nextImage);
			}
		}
		$('#slideHolder' + cid).animate({
			'opacity': 0
		},'fast','linear',function(){
			$('#slideHolder' + cid).css({'backgroundImage':'url(\'' + nextImage + '\')'});
			$('#slideHolder' + cid).animate({ 'opacity': 1 },'fast');
		});
	}
};
