var group='';
var group_first="t1";
var pos=-1;
var nopimg='./img/design/nop.gif';


function reset()
{
	// foto off
	var fotodiv=document.getElementById('fotoimg');
	fotodiv.src=nopimg;
	
	// menu item off
	var obj=document.getElementById('menuitem_'+group);
	obj.style.backgroundColor="#ebdcc6";
	
	// reset pos
	group='';
	pos=-1;
	
}

function show_next()
{
	if(group=="") 
	{
		group=group_first;
		light_menuitem(group);
	}
	
	pos++;
	if(fotos[group].length-1<pos)
	{
		switch_next_group();
		pos=0;
	}
	
	var foto=fotos[group][pos];
	
	var fotodiv=document.getElementById('fotoimg');
	fotodiv.src="./img/content/"+foto;
}

function show_group(g)
{
	var g2=group;

	
	group=g;
	pos=-1;
	show_next();
	
	dark_menuitem(g2);
	light_menuitem(group);
}

function next_group()
{
	if(group=='') return group_first;
	var flag=0;
	for(var g in fotos)
	{
		if(flag==1)
		{
			flag=0;
			break;
		}
		if(g==group)
			flag=1;
	}
	if(flag==1) // last
	{
		g=group_first;
	}
	return g;
}

function switch_next_group()
{
	var obj=document.getElementById('menuitem_'+group);
	obj.style.backgroundColor="#ebdcc6";
	
	group=next_group();
	
	var obj=document.getElementById('menuitem_'+group);
	obj.style.backgroundColor="#ffffff";
}

function light_menuitem(g)
{
	if(g!="")
	{
		var obj=document.getElementById('menuitem_'+g);
		obj.style.backgroundColor="#ffffff";
	}
}

function dark_menuitem(g)
{
	if(group!=g && g!="")
	{
		var obj=document.getElementById('menuitem_'+g);
		obj.style.backgroundColor="#ebdcc6";
	}
}