// JavaScript Document
 
function ButtonOn(elem) {
	
//		var ua = navigator.userAgent.toLowerCase();
	
//	alert(ua);
	
	if (elem == 1) {
		id = 'soft';
	}
	else {
		if (elem == 2) {
			id = 'hard';
		}
		else {
			id = 'web';
		}
	}
	
	if (document.getElementById(elem).className == 'button _on') {
		document.getElementById(elem).className = 'button';
//		document.getElementById(id).className = 'block';
//		document.getElementById(id+'_'+elem).className = '';
		document.getElementById('menu_'+elem).style.display = 'none';
//		document.getElementById('img_'+id).className = id;
	}
	else {
		document.getElementById(1).className = 'button';
		document.getElementById(2).className = 'button';
		document.getElementById(3).className = 'button';
		
/*		document.getElementById('soft').className = 'block';
		document.getElementById('hard').className = 'block';
		document.getElementById('web').className = 'block';
		
		document.getElementById('soft_1').className = '';
		document.getElementById('hard_2').className = '';
		document.getElementById('web_3').className = '';		*/
		
		document.getElementById('menu_1').style.display = 'none';
		document.getElementById('menu_2').style.display = 'none';
		document.getElementById('menu_3').style.display = 'none';	
		
		document.getElementById('menu_1').style.top = '-160px';
		document.getElementById('menu_2').style.top = '-160px';
		document.getElementById('menu_3').style.top = '-160px';
		
/*		document.getElementById('img_soft').className = 'soft bg-crop';
		document.getElementById('img_hard').className = 'hard bg-crop';
		document.getElementById('img_web').className = 'web bg-crop';*/
		
		
		
				
		document.getElementById(elem).className = 'button _on';
//		document.getElementById(id).className = 'block on';
//		document.getElementById(id+'_'+elem).className = 'gray';
//		document.getElementById('img_'+id).className = id + '_on  bg-crop';
		document.getElementById('menu_'+elem).style.display = '';		
		
		levelMenuMove(elem);

		

	}
}

function ButtonOut(elem) {
			document.getElementById(elem).className = 'button';
//		document.getElementById(id).className = 'block';
//		document.getElementById(id+'_'+elem).className = '';
		document.getElementById('menu_'+elem).style.display = 'none';
}

function levelMenuMove(index) {
	var h = document.getElementById('menu_'+index).style.top;
	var l = h.length;
	var param = h.substr(0, l-2)*1;
	//alert(param);
	var New_h = (param + 10)+'px';
	//alert(New_h);
	document.getElementById('menu_'+index).style.top = New_h;
	document.getElementById('menu_'+index).style.display = '';	

	

if (param < -10) {
	
	setTimeout("levelMenuMove("+index+");",1);
	}

}


function levelMenuMoveOut(index) {
//	alert(index);
	var h = document.getElementById('menu_'+index).style.top;
	var l = h.length;
	var param = h.substr(0, l-2)*1;
	//alert(param);
	var New_h = (param - 10)+'px';
	//alert(New_h);
	document.getElementById('menu_'+index).style.top = New_h;
	document.getElementById('menu_'+index).style.display = '';	

	

if (param >= -160) {
	
	setTimeout("levelMenuMoveOut("+index+");",1);
	}
}


function ShowInformation(url, l, t) {
//	alert(t);
	document.getElementById("bigImg").src = url;;
	document.getElementById("newWindow").style.cssText = 'filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;'
	document.getElementById("newWindow").style.display = 'block';
	document.getElementById("bigImg").style.marginLeft = -l+'px';
	document.getElementById("bigImg").style.marginTop = -t+'px';
	document.getElementById("bigImg").style.display = 'block';
}