showme = function(div, task, notSub) {
	if (task == 'open') {
		if (notSub == undefined || notSub == false) {
			$('suboverlay').appear({ duration: 0.5 });
		}
		$(div).appear({ duration: 0.5 });
	}
	else if (task == 'close') {
		if (notSub == undefined || notSub == false) {
			$('suboverlay').fade({ duration: 0.3 });
		}
		$(div).fade({ duration: 0.3 });
	}
	else if(task == 'show') {
		alert('task should be open');
	}
	else {
		return;
	}
}

changeRoll = function(element, position) {
	var el = $$('#boardm_'+element+'_photo span');
	el = el[0];
	if (position == 'show') {
		$(el).show();
		$('boardm_'+element).addClassName('active');
	}
	else {
		$(el).hide();
		$('boardm_'+element).removeClassName('active');
	}
}

hideAnyActive = function() {
	if ($('suboverlay').visible()) {
		$('suboverlay').fade({ duration: 0.3 });
	}
	$$('.overlay').each(function(s) {
		if (s.visible()) {
			showme(s, 'close', true);
		}
	});
}

var slideinter = false;
autostartslideshow = function()
{
	slideinter = setInterval('scrollDiv("auto")', 4000);
}

var ActiveScroll = false;
scrollDiv= function(direction)
{
	if (direction == 'auto')
	{
		var direction = 'fwd';
	}
	else if(slideinter)
	{
		clearInterval(slideinter);
	}
	if (ActiveScroll == false)
	{
		ActiveScroll = true;
		var current	= $$('.currentItem');
		var prevView	= current[0];
		var fwdCheck = 1;
		var backCheck = 0;
		var siblings		= prevView.siblings();
		var siblings		= $('photoCont').childElements();
		var totalLength		= siblings.length;
		
		if (direction == 'back') {
			var nextView	= prevView.previous();
			if (nextView == null)
			{
				nextView = siblings[totalLength-1];
			}
		}
		else if(direction == 'fwd') {
			var nextView	= prevView.next();
			if (nextView == null)
			{
				nextView = siblings[0];
			}
		}
		else {
			ActiveScroll	= false;
			return false;
		}
		if (nextView != null)
		{
			prevView.removeClassName('currentItem');
			nextView.addClassName('currentItem');
			new Effect.Fade(prevView, { afterFinish: 
			(
				function() {
					new Effect.Appear(nextView, { afterFinish: 
					(
						function() {
							ActiveScroll	= false;
						}
					)});
				}
			)});
		}
		ActiveScroll	= false;
	}
	return false;
}

scrollDivV= function(direction)
{
	if (ActiveScroll == false)
	{
		ActiveScroll = true;
		var current	= $$('.currentItem');
		var prevView	= current[0];
		var fwdCheck = 1;
		var backCheck = 0;
		var prevLength		= prevView.previousSiblings().length;
		var nextLength		= prevView.nextSiblings().length;


		if (direction == 'back') {
			var nextView	= prevView.previous();
			var leftCheck	= backCheck;
			var itemLength	= prevLength;

			/* if (prevLength -1 > backCheck)
			{
				$('leftArrow').removeClassName('half');
			}
			else
			{
				$('leftArrow').addClassName('half');
			}
			$('rightArrow').removeClassName('half'); */
		}
		else if(direction == 'fwd') {
			var nextView	= prevView.next();
			var leftCheck	= fwdCheck;
			var itemLength	= nextLength;

			/* if (nextLength -1 > fwdCheck)
			{
				$('rightArrow').removeClassName('half');
			}
			else
			{
				$('rightArrow').addClassName('half');
			}
			$('leftArrow').removeClassName('half'); */
		}
		else {
			ActiveScroll	= false;
			return false;
		}
		
		if (nextView != null)
		{
			prevView.removeClassName('currentItem');
			nextView.addClassName('currentItem');
			var prevViewOffset	= prevView.cumulativeOffset();
			var nextOffset	= nextView.cumulativeOffset();
			var scrolltopixle	= nextOffset[1] - prevViewOffset[1];
			new Effect.Move($('whatsnewSub'),{x: 0, y: -scrolltopixle, duration: 0.5, mode:'relative', afterFinish: 
				( function() { ActiveScroll	= false; } )
			});
		}
		ActiveScroll	= false;
	}
	return false;
}


Event.observe(window, 'load', function() {
	Event.observe(document, 'keypress', function(e){
		var code;
		if (!e) var e = window.event;
		if (e.keyCode) code = e.keyCode;
		else if (e.which) code = e.which;
		if (code == 27) {
			hideAnyActive();
		}
	});
});