var I = 1;
var interval;

var logo = new Image();
logo.src='style/logoloading.jpg';

var bak = new Image();
bak.src='style/background.jpg';

/*
var p1 = new Image();
p1.src = 'style/phototop.jpg';

var p2 = new Image();
p2.src = 'style/photoleft.jpg';

var p3 = new Image();
p3.src = 'style/abovephoto.png';

var p4 = new Image();
p4.src = 'style/topphoto.png';

var p5 = new Image();
p5.src = 'style/photoright.jpg';

var p6 = new Image();
p6.src = 'menumiddle.jpg';

var p7 = new Image();
p7.src = 'contentleft.jpg';

var p8 = new Image();
p8.src = 'abovecontent.png';

var p9 = new Image();
p9.src = 'contentright.jpg';

var p10 = new Image();
p10.src = 'contentbottom.jpg';

var p11 = new Image();
p11.src = 'p_normal.jpg';

var p12 = new Image();
p12.src = 'p_between.jpg';

var p13 = new Image();
p13.src = 'p_middlerollover.jpg';

var p14 = new Image();
p14.src = 'm_insidebetween.jpg';

var p15 = new Image();
p15.src = 'm_leftrollover.jpg';

var p16 = new Image();
p16.src = 'm_rightrollover.jpg';

var p17 = new Image();
p17.src = 'c_normal.jpg';

var p18 = new Image();
p18.src = 'c_between.jpg';

var p19 = new Image();
p19.src = 'c_leftrollover.jpg';

var p20 = new Image();
p20.src = 'c_middlerollover.jpg';

var p21 = new Image();
p21.src = 'c_rightrollover.jpg';
*/

function d()
{
	if (document.getElementById('loading'))
		document.getElementById('loading').className='loading hidden';

	if (document.getElementById('container'))
		document.getElementById('container').className='container shown';
}

function f(e)
{
	clearInterval(interval);

	if (document.getElementById('abovephoto'))
		document.getElementById('abovephoto').className='abovephoto hidden';
	
	I = (e? e: I);
	I = (document.getElementById('topmenu'+(I+1))? I+1: 1);
		
	for (k = 1; document.getElementById('topmenu'+k); k++)
		document.getElementById('topmenu'+k).className='p_' + (I == k? 'middlerollover': 'normal');

	if (document.getElementById('topk'))	
		document.getElementById('topk').src=tops[I];
		
	interval = setInterval(f, 5000, 0);
}

function u(a, e, i, N)
{
	var strg = (e? 'bottom': 'top');
	var strf = (e? 'c_': 'p_');
	var stre = (e? 'content': 'photo');

	if (!e && a && document.getElementById('abovephoto'))
		document.getElementById('abovephoto').className='abovephoto '+(a? 'hidden': 'shown');
		
	if (e)
	{
		var k;
		for (k = 1; k <= N; k++)
			if (k != i && document.getElementById('bottomall'+k))
				document.getElementById('bottomall'+k).className='bottomall hidden';
		if (document.getElementById('bottomall'+i))
			document.getElementById('bottomall'+i).className='bottomall shown';
	}
	else
		clearInterval(interval);
	
	if (N <= 1)
	{
		if (document.getElementById(strg+'menu'+i))
			document.getElementById(strg+'menu'+i).className=strf + 'normal';
	}
	else
		for (k = 1; k <= N; k++)
			if (document.getElementById(strg+'menu'+k))
				document.getElementById(strg+'menu'+k).className=strf + (i == k? 'middlerollover': 'normal');

	if (e)
	{
		if (document.getElementById(strg+'k'))	
			document.getElementById(strg+'k').src=bottoms[i];
	}
	else
	{
		interval = setInterval(f, 30000, i);
		if (document.getElementById(strg+'k'))	
			document.getElementById(strg+'k').src=tops[i];
	}
}