var totalTrim = 4;
var imgWidth = 196;
var imgPerScroll = 3;
var slideTimerIn, slideTimerOut;
var sAttr = {
	marginLeft: { from: 0, to: 200 }
};
	
var sAnim;
function trimScrollLeft() {
	var currentMarginLeft = getCurrentMarginLeft();
	var trimLeft = Math.abs(Math.round(currentMarginLeft / imgWidth));
	
	if ( trimLeft > 0 ) {
		if ( trimLeft > imgPerScroll ) {
			trimLeft = imgPerScroll;
		}
		scroll(currentMarginLeft, currentMarginLeft + (imgWidth * trimLeft));
	}
}

function getCurrentMarginLeft() {
	var currentMarginLeft = 0;
	
	if ( document.getElementById('selectorInnerContainer').style.marginLeft != '') {
		currentMarginLeft = parseInt(document.getElementById('selectorInnerContainer').style.marginLeft);
	}
	return currentMarginLeft;
}

function trimScrollRight() {
	var currentMarginLeft = getCurrentMarginLeft();
	currentTrim = Math.abs(Math.round(currentMarginLeft / imgWidth));
	var trimLeft = totalTrim - currentTrim - imgPerScroll;
	
	if ( trimLeft  >= 1 ) { 
		if ( trimLeft  > imgPerScroll ) {
			trimLeft = imgPerScroll;
		}
		scroll(currentMarginLeft, currentMarginLeft - (trimLeft * imgWidth));
	}
}


YAHOO.util.Event.onDOMReady(function() {
	sAnim = new YAHOO.util.Scroll('selectorInnerContainer', sAttr);
	totalTrim = YAHOO.util.Selector.query("#selectorInnerContainer img").length;
	
	if (totalTrim < 3) {
		YAHOO.util.Dom.setStyle("selectorInnerContainer", "margin", "0px auto");
	}
	YAHOO.util.Dom.setStyle("selectorInnerContainer", "width", (totalTrim * imgWidth - 1) + "px");
	
	if (totalTrim > 3) {
		YAHOO.util.Dom.setStyle('arrowRight', 'visibility', 'visible');
		YAHOO.util.Dom.setStyle('arrowLeft', 'visibility', 'visible');
		YAHOO.util.Event.addListener('arrowRight', 'click', function() {	
			trimScrollRight();
		});	
		YAHOO.util.Event.addListener('arrowLeft', 'click', function() {	
			trimScrollLeft();
		});	
	}
	
});

function scroll(sfrom, sto) {
	
	sAttr = {
		marginLeft: { from: sfrom, to: sto }
	};
	sAnim = new YAHOO.util.Anim('selectorInnerContainer', sAttr);
    sAnim.duration = 1.5;
    sAnim.method = YAHOO.util.Easing.easeOut;

	sAnim.onComplete.subscribe(function() {				
		YAHOO.util.Event.addListener('arrowRight', 'click', function() {	
			trimScrollRight();
		});	
		YAHOO.util.Event.addListener('arrowLeft', 'click', function() {	
			trimScrollLeft();
		});							
	}); 
	
	sAnim.onTween.subscribe(function() {				
		YAHOO.util.Event.removeListener('arrowLeft', 'click');
		YAHOO.util.Event.removeListener('arrowRight', 'click');
	});
	sAnim.animate();

}