window.onload = function(){


	var container 		= new YAHOO.util.Element('container');
	var controller 		= new YAHOO.util.Element('controller');
	var scroll 		= new YAHOO.util.Element('scroll');
	var mask 		= new YAHOO.util.Element('mask');
	var objs		= [];
	var links		= [];
	var interval;
	var obj;

	var next		= new YAHOO.util.Element('next');

	function set_interval()
	{

		clearInterval(interval);

		interval 	= window.setInterval(function () {

			next.clicked();

		},10000);


	}

	function set_selected()
	{

		for(var i = 0; i < links.length; i++)
		{

			if(infocus == links[i].index)
			{

				links[i].get('element').className = "selected";

			} else {

				links[i].get('element').className = "";

			}

		}

	}

	next.clicked = function()
	{

		if(infocus<(objs.length-1))
		{

			objs[++infocus].clicked();

		} else {

			infocus = 0;
			objs[infocus].clicked();

		}


	}

	next.on('click', function(e){

		YAHOO.util.Event.preventDefault(e);
		this.clicked();

	});

	var back		= new YAHOO.util.Element('back');

	back.on('click', function(e){


		YAHOO.util.Event.preventDefault(e);

		if(infocus >= 1)
		{

			objs[--infocus].clicked();

		} else {

			infocus = objs.length-1;
			objs[infocus].clicked();

		}


	});

	var pods 		= container.getElementsByClassName('pod', 'div');

	var index 		= 0;
	var lft			= 0;

	var infocus		= 0;

	mask.get('element').className = 'mask';

	for(var i = 0; i < pods.length; i++)
	{

		//var a = new YAHOO.util.Element(document.createElement('a'));
		//a.get('element').innerHTML = "<span>" + (i+1) + "</span>";

		//a.index = i;

		//a.on('click', function(e){

		//	YAHOO.util.Event.preventDefault(e);

		//	infocus = this.index;
		//	objs[infocus].clicked();

		//});

		//links.push(a);

		//controller.appendChild(a.get('element'));
		
		obj 			= new YAHOO.util.Element(pods[i]);
		
		obj.delta 		= lft;

		//obj.setStyle('float', 'left');

		lft += parseFloat(obj.getStyle('width'));

		obj.clicked = function()
		{

			var scrollAnim = new YAHOO.util.Anim(scroll.get('element'), {

				marginLeft: { to: -this.delta }

			}, 1, YAHOO.util.Easing.easeOut);

			scrollAnim.animate();

			set_selected();
			set_interval();

		}

		objs.push(obj);
	
		

	}

	scroll.setStyle('width', lft + "px");

	set_selected();
	set_interval();
	


}