var pic_width = Math.ceil(Math.ceil(screen.width*0.68*0.95)*0.05) + 100;
	var pic_num = Math.floor(Math.ceil(screen.width*0.68*0.95) / pic_width);
	var all_pic = 10;
	var last_pic = all_pic - pic_num;
	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 : [-pic_width, 0]
							}
						};
						x--;
					break;
					case 'move-right':							
						if ( x === last_pic ) {														
							return;
						}										
						var attributes = {
							points : {
								by : [pic_width, 0]
							}
						};
						x++;
					break;
				};										
						if (x===last_pic)
						{
						document.getElementById("moveleft").style.display = '';
						document.getElementById("moveright").style.display = 'none';
						}
						if (x>1 && x<last_pic)
						{
						document.getElementById("moveleft").style.display = '';
						document.getElementById("moveright").style.display = '';
						}
						if (x===1)
						{
						document.getElementById("moveleft").style.display = 'none';						
						document.getElementById("moveright").style.display = '';
						}
				
				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);