//login form

function hidepass(){
	document.login.ptext.style.display='none';
	document.login.pass.style.display='';
	document.login.pass.style.color='#000000'
	document.login.pass.focus();
}
 
function showpass(){
	document.login.pass.style.display='none';
	document.login.ptext.style.display='';
	document.login.ptext.focus();
}
 
function setEnd (el) {
	if (el.createTextRange) {
		var FieldRange = el.createTextRange();
		FieldRange.moveStart('character', el.value.length);
		FieldRange.collapse();
		FieldRange.select();
	}
}
 
//popup
$(document).ready(function() {	
	//hide popup
	$('#getInfo').hide();
	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		
		//Get the A tag
		var id = $(this).attr('href');
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({
			'width':maskWidth,
			'height':maskHeight
		});
		
		//transition effect		
		$('#mask').fadeIn(1000);	

		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
});


function thankyou() {
	var id = $('#thankyou');
		
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	
	$('#mask').css({
		'width':maskWidth,
		'height':maskHeight
	});
			
	$('#mask').fadeIn(0);
	
	var winH = $(window).height();
	var winW = $(window).width();
              
	$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);

	$(id).fadeIn(0);
}


