window.addEvent('domready', function() {
	if($$('body')[0].className=="silver") {
		var fade=1;
	} else  {
		var fade=0;
	}

	var list = $$('div.layer2');
	list.each(function(element) {
		element.addEvent('click', function() {
			if(fade==1) {
				$('layer1').effect('opacity',{duration: 300}).start(1,0).addEvent('onComplete',function() {
					$('layer1').setStyles({
						opacity: 0,
						'z-index': 1
					});
				});
				fade=0;
			}
		});
	});

	var list = $$('div.layer1');
	list.each(function(element) {
		element.addEvent('click', function() {
			if(fade==0) {
				$('layer1').setStyles({
					opacity: 0,
					'z-index': 3
				});
				$('layer1').effect('opacity',{duration: 300}).start(0,1);
				fade=1;
			}
		});
	});

	var Tips1 = new Tips($$('.Tips1'));

});


sfHover = function() {
	var sfEls = document.getElementById("navi2").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);