Ext.onReady(function(){
	var carousel_inner = Ext.get("carousel_inner"); 

	if( carousel_inner)  {
		if( carousel_inner.dom.children[3]) {
			var item_size = carousel_inner.dom.children[1].offsetLeft;  
			var newPos = 0;

			carousel_inner.setStyle('width', (carousel_inner.dom.children.length * item_size) + 'px');
			Ext.get("arrow_right").on('click', function(event){

				newPos -= item_size;

				if(Math.abs(newPos) < (parseInt(carousel_inner.getStyle('width')) - 2*item_size) ) {
					carousel_inner.setLeft(newPos, true);
				}
				else newPos += item_size;

			}, this, {stopEvent : true});

			Ext.get("arrow_left").on('click', function(event){
				newPos += item_size;
				if(!(newPos > 0)){
					carousel_inner.setLeft(newPos, true);
				}
				else newPos -= item_size;
			}, this, {stopEvent : true});
		}else{
			Ext.get("arrow_right").on('click', function(event){}, this, {stopEvent : true});
			Ext.get("arrow_left" ).on('click', function(event){}, this, {stopEvent : true});
		}
	}


})