var $varfinished = true;
var $page = 0;
var $currentitem = 1;

var $items = new Array();
$items[0] = '';
$items[1] = '/gallery/NO1.jpg';
$items[2] = '/gallery/NO2.jpg';
$items[3] = '/gallery/NO3.jpg';
$items[4] = '/gallery/NO4.jpg';
$items[5] = '/gallery/NO5.jpg';
$items[6] = '/gallery/NO1.jpg';

function navnext() {
	var doc = document;
	var itemm = doc.getElementById('imagefront');

	$currentitem++;

	if ($currentitem>($items.length-1))
		$currentitem = 1;

	$newpage = Math.ceil($currentitem / 3);
	if ($newpage!=$page)
		changepage($newpage);

	$icontent = $items[$currentitem];

	var otm = new OpacityTween(itemm, Tween.easeInOut, 100, 0, 0.25);
	otm.start();

	otm.onMotionFinished = function() {
		if ($icontent!=undefined) itemm.src = $icontent;

		var itm = new OpacityTween(itemm, Tween.easeInOut, 0, 100, 0.25);
		itm.start();
	}
}

function selectitem(v) {
	var doc = document;
	var itemm = doc.getElementById('imagefront');

	var $count = $items.length - 1;
	var $pages = Math.ceil($count/3);

	$itemnum = (($page - 1) * 3) + v;

	$icontent = $items[$itemnum];
	$currentitem = $itemnum;

	var otm = new OpacityTween(itemm, Tween.easeInOut, 100, 0, 0.25);
	otm.start();

	otm.onMotionFinished = function() {
		if ($icontent!=undefined) itemm.src = $icontent;

		var itm = new OpacityTween(itemm, Tween.easeInOut, 0, 100, 0.25);
		itm.start();
	}
}

function navigateitem(d,t) {
	var doc = document;

	if (d==0)
	{
		$page--;
	} else {
		$page++;
	}

	$count=$items.length - 1;
	if ($page>(Math.ceil($count/3))) $page = 1;
	if ($page<1) $page = (Math.ceil($count/3));

	if (t==0)
	{
	} else {
		if ($varfinished==false) return;

		$varfinished = false;

		changepage($page);
	}
}

function changepage($p) {
	$page = $p;

	var doc = document;
	var voffset = ($p - 1) * 3;

	var smitem = new Array();
	smitem[1] = doc.getElementById('navitem1');
	smitem[2] = doc.getElementById('navitem2');
	smitem[3] = doc.getElementById('navitem3');

	var $count = $items.length - 1;

	var ot1 = new OpacityTween(smitem[1], Tween.easeInOut, 100, 0, 0.25);
	var ot2 = new OpacityTween(smitem[2], Tween.easeInOut, 100, 0, 0.25);
	var ot3 = new OpacityTween(smitem[3], Tween.easeInOut, 100, 0, 0.25);

	ot1.start();
	ot2.start();
	ot3.start();

	ot3.onMotionFinished = function() {
		smitem[1].src = '/images/trans.png';
		smitem[2].src = '/images/trans.png';
		smitem[3].src = '/images/trans.png';

		repeats = ($count - voffset);
		if (repeats>3) repeats = 3;

		for ($i=0; $i<(repeats); $i++)
		{
			seld = $i + 1;
			smitem[seld].src = $items[voffset + seld];
		}

		var it1 = new OpacityTween(smitem[1], Tween.easeInOut, 0, 100, 0.25);
		var it2 = new OpacityTween(smitem[2], Tween.easeInOut, 0, 100, 0.25);
		var it3 = new OpacityTween(smitem[3], Tween.easeInOut, 0, 100, 0.25);

		it1.start();
		it2.start();
		it3.start();

		it3.onMotionFinished = function() { $varfinished = true; }
	}
}

function navigateinit() {
	preload_image_object = new Image();
	var i = 0;
	for(i=1; i<=($items.length - 1); i++) 
		preload_image_object.src = $items[i];

	navigateitem(1,1);
}