/*Site global js file*/

var Global = {
	
	// css classes declared in css/he/global.css
	overlayCSSClass		 : 'overlay', 	  // Background overlay
	loginDialogCSSClass  : 'loginDialog', // Login modal dialog form
	
	
	searchKeyPressed 	 : false,
	searchStringLabel 	 : 'Text',
	searchStringCSSClass : 'searchStringLabel',

	init : function() {
		
		// Event handlers for search string input box
		
		
		if (langSelForm = rDom.$('langSelect')) {
			rDom.$('langSelect').langId.onchange = function () {
				langSelForm.submit();
			}
		}
		
	},
		
	onClickLogin : function(ev) {
		// create overlay
		if (!this.o) {
			this.o = document.createElement('div');
			this.o.className = this.overlayCSSClass;
			document.body.appendChild(this.o);
			this.o.style.width = '100%';
			// create login dialog form
			this.loginDlg = document.createElement('div');
			this.loginDlg.className = this.loginDialogCSSClass;
			var g = rDom.$('globalVars'); // global vars form (header.tpl)
			this.loginDlg.innerHTML = 
			'<form id="loginFormDialog" method="post" action="?action=login&amp;srcPage=' + rDom.$('pageName').value + '">' +
				'<fieldset>' +
				  '<h1>' + g.loginLangLoginTitle.value + '</h1>' +
				
				   '<label for="login_email">' + 
						'<span>'  + g.loginLangEmail.value +  ':</span>' +
						'<input type="text" maxlength="32" id="login_email" name="login_email" />' +
					'</label>' +
					
					'<label for="login_password">' +
						'<span>' + g.loginLangPassword.value + '</span>' +
						'<input type="password" maxlength="32" id="login_password" name="login_password" />' +
					'</label>' +
					
					'<label for="remember_me" id="remember_me_cont">' +
						'<span>' + g.loginLangRememberMe.value +'</span> ' +
						'<input type="checkbox" id="remember_me" name="remember_me" />' +
					'</label>' +
					
					'<div class="lostPass">' +
						'<a href="?action=lost_pass">' + g.loginLangLostPass.value + '</a>' +
					'</div>' +
					
					'<div class="buttonsArea">' +
						'<input class="firstChild" type="submit" value="' + g.loginLangLogin.value + '" name="submitLogin" />' +
						'<input type="button" value="' +g.loginLangCancel.value + '" name="cancelLogin" />' +
					'</div>' +
				'</fieldset>' +
			'</form>';
			
			document.body.appendChild(this.loginDlg);
			rDom.addEvent(rDom.$('loginFormDialog').submitLogin, 'click', this.onClickLoginSubmit, this);
			rDom.addEvent(rDom.$('loginFormDialog').cancelLogin, 'click', this.onClickLoginCancel, this);
		}
		
		
		
		this.o.style.display = 'block';
		this.loginDlg.style.display = 'block';
		rDom.$('loginFormDialog').login_email.focus();
		var pageSize = rDom.getPageSize();
		this.o.style.height = pageSize['pageHeight'] + 'px';
		
		// Window resize timer
		this.oTimer = setInterval(rDom.bindToObj (function() {
									var pageSize = rDom.getPageSize();
									this.o.style.height = pageSize['pageHeight'] + 'px';
									}, this), 250);
		
		
		rDom.stopEvent(ev);
	},
	
	onClickLoginSubmit : function(ev) {
		
	},
	
	onClickLoginCancel : function(ev) {
		
		if (this.o) {
			clearInterval(this.oTimer);
			this.o.style.display = 'none';
			this.loginDlg.style.display = 'none';
			
		}
	},
	
	onSubmitGeneralSearch : function (ev) {
		if (!this.searchKeyPressed) {
			
			rDom.stopEvent(ev);
			var g = rDom.$('globalVars'); // global vars form (header.tpl)
			alert(g.globalLangEnterSearchPhrase.value);
			rDom.$('searchString').focus();
			
		}
	},
	
	// Adds/removes 'on value' label of the search input text field
	onSearchString : function (ev) {
		var el = rDom.getTarget(ev);
		switch(ev.type) {
			case 'blur':
			
				if (!this.searchKeyPressed) {
					rDom.cssClassAdd(el, this.searchStringCSSClass);
					el.value = this.searchStringLabel;
				}
				break;
			
			case 'focus':
			
				if (!this.searchKeyPressed) {
					
					el.value = '';
					rDom.cssClassRemove(el, this.searchStringCSSClass);
				}
				break;
				
			case 'keypress':
				this.searchKeyPressed = true;
				break;
		}
		
		
	}
	
}

rDom.setDOMLoadHandler(Global.init, Global);