// JavaScript Document
function toPageOne() {
	var str;
		for (var i=0;i<18;i++) {
			str = 'images/pics/1.' + i + '.gif';
				document.getElementById('place_'+(i+1)).src = str;
		}
		for (var i=0;i<4;i++) {
			document.getElementById('td_' + i).style.visibility = 'visible';	
		}
	
	for (var i=0;i<6;i++) {
			if ((i+1) != 1) {
				document.getElementById('in_' + (i+1)).style.color = '#959595';
				document.getElementById('i_' + (i+1)).style.color = '#959595';
			} else {
				document.getElementById('in_1').style.color = '#000000';
				document.getElementById('i_1').style.color = '#000000';
			}
	}
}
function toPageSecond() {
	var str;
		for (var i=0;i<18;i++) {
			str = 'images/pics/2.' + i + '.gif';
				document.getElementById('place_'+(i+1)).src = str;
		}
		for (var i=0;i<4;i++) {
			document.getElementById('td_' + i).style.visibility = 'visible';	
		}
	for (var i=0;i<6;i++) {
			if ((i+1) != 2) {
				document.getElementById('in_' + (i+1)).style.color = '#959595';
				document.getElementById('i_' + (i+1)).style.color = '#959595';
			} else {
				document.getElementById('in_2').style.color = '#000000';
				document.getElementById('i_2').style.color = '#000000';
			}
	}	
}
function toPageThird() {
	var str;
		for (var i=0;i<18;i++) {
			str = 'images/pics/3.' + i + '.gif';
				document.getElementById('place_'+(i+1)).src = str;
		}
		for (var i=0;i<4;i++) {
			document.getElementById('td_' + i).style.visibility = 'visible';	
		}
	for (var i=0;i<6;i++) {
			if ((i+1) != 3) {
				document.getElementById('in_' + (i+1)).style.color = '#959595';	
				document.getElementById('i_' + (i+1)).style.color = '#959595';	
			} else {
				document.getElementById('in_3').style.color = '#000000';
				document.getElementById('i_3').style.color = '#000000';
			}
	}	
}
function toPageFours() {
	var str;
		for (var i=0;i<18;i++) {
			str = 'images/pics/4.' + i + '.gif';
				document.getElementById('place_'+(i+1)).src = str;
		}
		for (var i=0;i<4;i++) {
			document.getElementById('td_' + i).style.visibility = 'visible';	
		}
	for (var i=0;i<6;i++) {
			if ((i+1) != 4) {
				document.getElementById('in_' + (i+1)).style.color = '#959595';
				document.getElementById('i_' + (i+1)).style.color = '#959595';
			} else {
				document.getElementById('in_4').style.color = '#000000';
				document.getElementById('i_4').style.color = '#000000';
			}
	}	
}
function toPageFifth() {
		var str;
		for (var i=0;i<18;i++) {
			str = 'images/pics/5.' + i + '.gif';
				document.getElementById('place_'+(i+1)).src = str;
		}
		for (var i=0;i<4;i++) {
			document.getElementById('td_' + i).style.visibility = 'visible';	
		}
	for (var i=0;i<6;i++) {
			if ((i+1) != 5) {
				document.getElementById('in_' + (i+1)).style.color = '#959595';	
				document.getElementById('i_' + (i+1)).style.color = '#959595';	
			} else {
				document.getElementById('in_5').style.color = '#000000';
				document.getElementById('i_5').style.color = '#000000';
			}
	}	
}
function toPageSix() {
		var str;
		for (var i=0;i<14;i++) {
			str = 'images/pics/6.' + i + '.gif';
				document.getElementById('place_'+(i+1)).src = str;
		}
		for (var i=0;i<4;i++) {
			document.getElementById('td_' + i).style.visibility = 'hidden';	
		}
		for (var i=0;i<6;i++) {
			if ((i+1) != 6) {
				document.getElementById('in_' + (i+1)).style.color = '#959595';
				document.getElementById('i_' + (i+1)).style.color = '#959595';	
			} else {
				document.getElementById('in_6').style.color = '#000000';
				document.getElementById('i_6').style.color = '#000000';
			}
	}
}

// check E-mail ---- ///

function check() {
	isTrue = true;
		if(document.getElementById('fn').value.length < 4) {
			isTrue = false;
			document.getElementById('lfn').style.color = '#FF0000';
		} else document.getElementById('lfn').style.color = '#959595';
		str = document.getElementById('email').value;	
			if (str.match(/^\w+([\.\w-]+)*\w@\w([\.\w-]+)*\.\w{2,4}$/)==null) {
				isTrue = false;	
				document.getElementById('lemail').style.color = '#FF0000';
			}
			else	document.getElementById('lemail').style.color = '#959595';
		if (document.getElementById('ln').value.length != 0)	
		if(document.getElementById('ln').value.length < 4) {
			isTrue = false;
			document.getElementById('lln').style.color = '#FF0000';
		} else document.getElementById('lln').style.color = '#959595';
		if (isTrue == true) {
				document.forms['mainform'].submit();
		}
		
}