YAHOO.example = function() {
	var $D = YAHOO.util.Dom;
	var $E = YAHOO.util.Event;
	var $A = YAHOO.util.Anim;
	var $M = YAHOO.util.Motion;
	var $DD = YAHOO.util.DD;
	var $ = $D.get;
	var x = 1;
	return {
		init : function() {
			$E.on(['move-left','move-right'], 'click', this.move);
		},
		move : function(e) {
			$E.stopEvent(e);
			
			switch(this.id) {
				case 'move-left':
				

					
					if ( x === 1 ) { return; }
					var attributes = { points : { by : [222, 0] } };
					x--;

				break;
				case 'move-right':
					if ( x === galleryImgC ) {
						// return;
						/* Previously did nothing if at end, as above return; statement.
						   We however want to reverse back to the begining, so...*/
						reverseX = ((galleryImgC-1) * 222);
						var attributes = { points : { by : [reverseX, 0] } };
						x = 1;
					} else {
						var attributes = { points : { by : [-222, 0] } };
						x++;
					}
				break;
			};
			setPrevBut(x);
			var anim = new $M('themes', attributes, 0.5, YAHOO.util.Easing.easeOut);
			anim.animate();
		}
			
	};
	
}();
YAHOO.util.Event.onAvailable('doc',YAHOO.example.init, YAHOO.example, true);

setPrevBut = function(pX) {
	if ( pX == 1 ) { 
		document["prevImg"].src = "images/generic/but_prev_dim.gif";
	} else {
		document["prevImg"].src = "images/generic/but_prev.gif";
	}
}