var myTips;

function toggleServerList() {
	if ($('server_dropdown_list').style.display == 'block') {
		$('server_dropdown_list').style.display = 'none';
	} else {
		$('server_dropdown_list').style.display = 'block';
	}
}

function serverlistClick(servername, servernumber, url) {
	$('server_dropdown').innerHTML = servername;
	$('serverSelect').value = servernumber;
	$('server_dropdown').set('rel', url);
	$('server_dropdown_list').style.display='none';
}

function hideError() {
	$('login_error').style.display = 'none';
}

var choosenOne = null;

window.addEvent('domready', function(){
	var password = $('password');
	var username = $('username');
	if (username && username.getProperty('id')) {
		username.addEvent('keydown', function(key){
			if (key.code == 13) {
				changeAction('login');
			}
		});
	}
	if (password && password.getProperty('id')) {
		password.addEvent('keydown', function(key){
			if (key.code == 13) {
				changeAction('login');
			}
		});
	}
	
	
	/**
	 * That CSS selector will find all <a> elements with the
	 * attribute rel="boxed" 	 * and href starting with a #.
	 *
	 * The second argument sets additional options
	 */
	SqueezeBox.assign($$('a[rel=boxed][href^=#]'), {
		size: {x: 400, y: 200},
		classWindow:	'sbox-window2 sbox-window-dark'
	});
	
	RegistBox.assign($$('a[rel=register][href^=#]'), {
		size: {x: 665, y: 450},
		classWindow:	'sbox-window2 sbox-window-darkReg',
		onOpen:			function(setupSqueezebox) {
							//	agb checkbox
							var chkBtn = $$('.mooCheck')[1];
							if ($chk(chkBtn)) {
								chkBtn.addEvent('click', function(){
										this.toggleClass('checked');
										this.toggleClass('unchecked');
										var agbCheck = $$('.agbCheck')[1];
										agbCheck.toggleClass('agbNotAccept');
										agbCheck.toggleClass('agbAccept');
										switchProperty($$('input[class=agb]')[1], 'value', '1', '0');
										checkAllFieldsAndShowBtn();
								});
							}
							
							// ajax stuff
							ajaxValidate();
							periodicalCheck.periodical(1500);
							checkAllFieldsAndShowBtn();
						}
	});
	
	
	function periodicalCheck() {
		var username = $$('.regist_name');
		var mail = $$('.regist_mail');
		var pass = $$('.regist_pass');
		
		username = username[1];
		mail = mail[1];
		pass = pass[1];
		
		if($chk(username)) {
			if (myCheckName != username.value) {
				if (username.value.length < 4){
					$$('td.username')[1].addClass('notAccept');
					$$('td.username')[1].removeClass('accept');
				} else {
					checkData(username.value,"name");
				}
				checkAllFieldsAndShowBtn();
				myCheckName = username.value;
			}
		}
		
		if($chk(pass)) {
			if (myCheckPass != pass.value) {
				if (pass.value.length < 4){
					$$('td.pwd')[1].addClass('notAccept');
					$$('td.pwd')[1].removeClass('accept');
				} else {
					checkData(pass.value,"pass");
				}
				checkAllFieldsAndShowBtn();
				myCheckPass = pass.value;
			}
		}
		
		if($chk(mail)) {
			if (myCheckMail != mail.value) {
				if (mail.value.length < 4){
					$$('td.mail')[1].addClass('notAccept');
					$$('td.mail')[1].removeClass('accept');
				} else {
					checkData(mail.value,"mail");
				}
				checkAllFieldsAndShowBtn();
				myCheckMail = mail.value;
			}
		}
	}
	
	function ajaxValidate() {
		var username = $$('.regist_name');
		var mail = $$('.regist_mail');
		var pass = $$('.regist_pass');
		
		username = username[1];
		mail = mail[1];
		pass = pass[1];
		
		if($chk(username)) {
			username.addEvent('keyup', function(ev) {
				if (username.value.length < 4){
					$$('td.username')[1].addClass('notAccept');
					$$('td.username')[1].removeClass('accept');
					checkAllFieldsAndShowBtn();
				}
			});
			checkAllFieldsAndShowBtn();
		}
			
		if($chk(pass)) {
			pass.addEvent('keyup', function(ev) {
				if (pass.value.length < 6){
					$$('td.pwd')[1].addClass('notAccept');
					$$('td.pwd')[1].removeClass('accept');
					checkAllFieldsAndShowBtn();
				}
			});
		}
		
		if($chk(mail)) {
			mail.addEvent('keyup', function(ev) {
				if (mail.value.length < 4){
					$$('td.mail')[1].addClass('notAccept');
					$$('td.mail')[1].removeClass('accept');
					checkAllFieldsAndShowBtn();
				}
			});
		}
	};


	function switchProperty(el, property, var1, var2) {
		if (el.getProperty(property) == var1) {
			el.setProperty(property, var2);
		}
		else {
			el.setProperty(property, var1);
		}
	}
	
	SqueezeBox.assign($$('a[rel=boxedTour][href^=#]'), {
		size: 			{x: 800, y: 600},
		classWindow:	'sbox-window2 sbox-window-dark',
		onOpen:			function(setupSqueezebox) {
							var prevs = $$('.prev').addEvent('click', function() {
								moveMe('prev');
								
								return false;
							});
							
							var forws = $$('.forw').addEvent('click', function() {
								moveMe('forw');
								
								return false;
							});
							resetSlider();
						}		
	});
	
});