function initiateScrollers(){
	$('.scrollContainer').each(function(){
		var scrollBig = $(this).find('.scrollBig:not(:animated)');
		var scrollContainerWidth = $(this).parent('.scrollWrapper').width() - $(this).siblings().width() * 2; 
		$(this).width(scrollContainerWidth);
		var itemWidth = scrollBig.find('.qtip_aa').width();
		scrollBig.children('.scrollItem').css({'width': itemWidth,'overflow': 'hidden'});
		var itemsPerPage = Math.floor(scrollContainerWidth / scrollBig.children().outerWidth());
		$(this).width(itemsPerPage*scrollBig.children().outerWidth());
	});
}

function lazyLoad(){
	$('.lazyLoadImage').each(function(){
		var curOffset = $(this).parents('.scrollItem').position().left - $(this).parents('.scrollBig').position().left * (-1);
		var containerWidth = $(this).parents('.scrollContainer').width();
		$(this).filter(function(index){
		if(curOffset < containerWidth){
	 		return true;
	 		}else{
	 		return false;
	 		}
		}).each(function(){
			$(this).attr('src', $(this).data('srcReal')).animate({'opacity' : 1}, 500).parent().siblings('.lazyLoadLoader').remove();
		});
	})
}

$(document).ready(function(){
	$('.scrollContainer img.qtip_aa').each(function(){
		var curOffset = $(this).parents('.scrollItem').position().left - $(this).parents('.scrollBig').position().left * (-1);
		var containerWidth = $(this).parents('.scrollContainer').width();
		$(this).filter(function(index){
		if(curOffset > containerWidth){
		 	return true;
		 	}else{
		 	return false;
		 	}
	}).each(function(){
		$(this).data('srcReal', $(this).attr('src')).css('opacity', 0);
		$(this).removeAttr('src').addClass('lazyLoadImage').parent().after('<div class="lazyLoadLoader" style="position:absolute;top:40%;width:60px;left:30%;"><img src="http://www.onelight.tv/styles/onelight/layout/inc/images/lazyLoader.gif" /></div>');
		});
	});
});

$(window).load(function(){
	
	$(window).resize(function(){
		initiateScrollers();
	});	
	
	initiateScrollers();
	lazyLoad();
	
	$('.scrollLeft').live('click',function(){
		var scrollContainer = $(this).siblings('.scrollContainer').find('.scrollBig:not(:animated)');
		var newOffset = parseInt(scrollContainer.css('left')) + scrollContainer.parent('.scrollContainer').width();
		var maxWidth = '-' + scrollContainer.children().size() * scrollContainer.children().outerWidth();
		var itemsPerPage = scrollContainer.parent('.scrollContainer').width() / scrollContainer.children().outerWidth();
		var pagesNumber = Math.ceil(scrollContainer.children().size() / itemsPerPage);
		var fullWidth = itemsPerPage * (pagesNumber - 1) * scrollContainer.children().outerWidth();
		if(newOffset > 0){
			scrollContainer.animate({ left : '-' + fullWidth }, 500,function(){
				lazyLoad();	
			});
		}else{
			scrollContainer.animate({ left : newOffset }, 500,function(){
				lazyLoad();	
			});
		}
	});
	
	$('.scrollRight').live('click',function(){
		var scrollContainer = $(this).siblings('.scrollContainer').find('.scrollBig:not(:animated)');
		var maxWidth = '-' + scrollContainer.children().size() * scrollContainer.children().outerWidth();
		var newOffset = parseInt(scrollContainer.css('left')) - scrollContainer.parent('.scrollContainer').width();
		if(newOffset <= maxWidth){
			scrollContainer.animate({ left : 0 }, 500,function(){
				lazyLoad();	
			});
		}else{
			scrollContainer.animate({ left : newOffset }, 500,function(){
				lazyLoad();	
			});
		}
	});
		
});