window.onload = function() {
		
		var name = $("#name"),
			email = $("#email"),
			password = $("#password"),
			allFields = $([]).add(name).add(email).add(password),
			tips = $("#validateTips");


		function updateTips(t) {
			tips.text(t).effect("highlight",{},1500);
		}

		function checkLength(o,n,min,max) {

			if ( o.val().length > max || o.val().length < min ) {
				o.addClass('ui-state-error');
				updateTips("Length of " + n + " must be between "+min+" and "+max+".");
				return false;
			} else {
				return true;
			}

		}

		function checkRegexp(o,regexp,n) {

			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass('ui-state-error');
				updateTips(n);
				return false;
			} else {
				return true;
			}

		}
		
		/*
		$("#dialog").dialog({
			//bgiframe: true,
			autoOpen: false,
			resizable: false,
			draggable: false,
			position: 'top',
			height: 200,
			width: 500,
			modal: true,
			buttons: {
				'Send Email': function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					//bValid = bValid && checkLength(name,"username",3,16);
				//	bValid = bValid && checkLength(email,"email",6,80);
				//	bValid = bValid && checkLength(password,"password",5,16);

					//bValid = bValid && checkRegexp(name,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
					// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
				//	bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. ui@jquery.com");
				//	bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");
					
					//if (bValid) {
					//	$('#users tbody').append('<tr>' +
					//		'<td>' + name.val() + '</td>' + 
					//		'<td>' + email.val() + '</td>' + 
					//		'<td>' + password.val() + '</td>' +
					//		'</tr>'); 
					//	$(this).dialog('close');
					//}
					document.friendemail.submit();
				},
				Cancel: function() {
					$(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
			
			
			
			
		});*/
		
		$("div#dialog-ship").dialog({
			bgiframe: true,
			autoOpen: false,
			height: 170,
			width: 450,
			modal: true,
		});		
		
		
		
		$('.stock').click(function() {
			
			//$.scrollTo(0,0);
			$('#dialog').load('availability.txt');
			
			//$(".ui-dialog-titlebar").hide();
			//$('.ui-dialog').removeClass('height');
			//$('.ui-dialog').attr('height', '500');
			
			
			//Get the screen height and width
	        var maskHeight = $(document).height();
	        var maskWidth = $(window).width();
	        //Set height and width to mask to fill up the whole screen
	        $('#mask').css({'width':maskWidth,'height':maskHeight,'z-index':9000});
	        $('#mask, #dialog').show();
	        $('#mask').addClass('ui-widget-overlay')
	        
	        //Get the window height and width
	        var winH = $(window).height();
	        var winW = $(window).width();
	        
	        //Set the popup window to center
	        $("#dialog").css('top',  winH/2-$("#dialog").height()/2);
	        $("#dialog").css('left', winW/2-$("#dialog").width()/2);
	        //$("#dialog").addClass('ui-dialog')
	        //$("#dialog").addClass('ui-widget')
	        //$("#dialog").addClass('ui-widget-content')
	        //$("#dialog").addClass('ui-corner-all')
	        $("#dialog").show();

			return false;

		})
		
		//if close button is clicked
	    $('#dialog, .close').click(function (e) {
	        //Cancel the link behavior
	        e.preventDefault();
	        $('#mask, #dialog').hide();
	    });  
		
		
		$('a.modal-ship').click(function(e) {
			e.preventDefault();
	        var theHREF = $(this).attr("href");
	        
	        $('div#dialog-ship').dialog('option', 'buttons', {
                "Process Order" : function() {
                    window.location.href = theHREF;
                    },
                "Cancel" : function() {
                    $(this).dialog("close");
                    }
                });

	        
	        
			$('div#dialog-ship').dialog('open');
		})		
		
		
		
		
		.hover(
			//function(){ 
			//	$(this).addClass("ui-state-hover"); 
			//},
			//function(){ 
			//	$(this).removeClass("ui-state-hover"); 
			//}
		).mousedown(function(){
			//$(this).addClass("ui-state-active"); 
		})
		.mouseup(function(){
			//	$(this).removeClass("ui-state-active");
		});
		
		
		
		$("#jqdialog").dialog({
			autoOpen: false,
			height: 200,
			width: 500,
			modal: true,
			buttons: {
				Cancel: function() {
					$(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
			
			
			
			
		});
		
		$(".jqdialog-link").click(function() {
			
			$.scrollTo(0,0);
			$("#jqdialog").dialog('open');
		
		});
		

	};