var _portfolio = null;
var _promo = null;

function initPortfolio() {
		var _box = $("portfolio");
		if (_box)
		{
			_portfolio = $("list");
			if(_portfolio)
			{
				_portfolio._step = 790;

				_portfolio._active = 0;
				_portfolio._left = 0 - _portfolio._active*_portfolio._step;
				_portfolio._count = _portfolio.getElements("li.item").length;
			
				_loc = window.location.href.split("#item")[1];
				if (_loc)
				{
					_loc = parseInt(_loc);
					if ((_loc > 0) && (_loc <= _portfolio._count)){
						_loc = _loc-1;
						_portfolio._active = _loc;
					}
				}
			
				_portfolio.fx = new Fx.Style(_portfolio, "left", {
					duration:800,
					//http://docs.mootools.net/Effects/Fx-Transitions.js
					//transition: Fx.Transitions.lenear,
					//transition: Fx.Transitions.Expo.easeInOut,
					transition: Fx.Transitions.Expo.easeOut,
					wait:false
				});
				
				_portfolio.fx.start(_portfolio._left, (0 - _portfolio._active*_portfolio._step));
				_portfolio._left = 0 - _portfolio._active*_portfolio._step;
			
				var _prev = $("prev");
				var _next = $("next");
				if (_prev && _next)
				{
					
					_next.onclick = function() {
						if (_portfolio._active >= _portfolio._count-1)
						{
							_portfolio._active = 0;
						}
						else
						{
							_portfolio._active++;
						}
						_portfolio.fx.start(_portfolio._left, (0 - _portfolio._active*_portfolio._step));
						_portfolio._left = (0 - _portfolio._active*_portfolio._step)
						return false;
					};
					_prev.onclick = function() {
						if (_portfolio._active <= 0)
						{
							_portfolio._active = _portfolio._count-1;
						}
						else
						{
							_portfolio._active--;
						}
						_portfolio.fx.start(_portfolio._left, (0 - _portfolio._active*_portfolio._step));
						_portfolio._left = (0 - _portfolio._active*_portfolio._step)
						return false;
					}
				}
			}
		}
}

function initPromo() {
		var _box = $("promo");
		if (_box)
		{
			_promo = $("list");
			if(_promo)
			{
				_promo._step = 284;
				_promo._left = 0;
				_promo._width = _promo.getElements("li.item").length * _promo._step;
			
				_promo.fx = new Fx.Style(_promo, "left", {
					duration:600,
					transition: Fx.Transitions.Expo.easeOut,
					wait:false
					
				});

				var _prev = $("prev");
				var _next = $("next");
				if (_prev && _next)
				{				
					_next.onclick = function() {
						var _shift = false;
						var _left = _promo._left;

						var _sep = _promo._left + _promo._width - 790;
						if (_sep >= _promo._step*2)
						{
							_shift = _left - _promo._step*2;
							_promo._left = _shift;
						}
						else {
							_shift = _left - _sep;
							_promo._left = _shift;
						}
						if (_sep == 0) {
							_shift = 0;
							_promo._left = _shift;
						}
						if (_shift || _shift == 0)
						{
							_promo.fx.start(_left, _shift);
						}
						
						return false;
					};
					_prev.onclick = function() {
						var _shift = false;
						var _sep = false;
						var _left = _promo._left;

						if (_left < (0 - _promo._step*2)) {
							_shift = _left + _promo._step*2;
							_promo._left = _shift;
						}
						else if (_left == 0) {
						_sep = _promo._left + _promo._width - 790;
							_shift = 0 -_sep;
							_promo._left = _shift;
							_promo.fx.start(_left, _shift);
						}
						else {
							_shift = 0;
							_promo._left = _shift;
						}

						if (_shift || _shift == 0)
						{
							_promo.fx.start(_left, _shift);
						}
						
						return false;
					};
				}
			}
		}
}

if (window.addEventListener) {
	window.addEventListener("load", initPortfolio, false);
	window.addEventListener("load", initPromo, false);
}
else if (window.attachEvent) {
	window.attachEvent("onload", initPortfolio);
	window.attachEvent("onload", initPromo);
}