$(function(){
   	var ssa = Sys.Services.AuthenticationService;
  var name = $("#txtUsername"),
			//email = $("#email"),
			password = $("#pwdPassword"),
			allFields = $([]).add(name).add(password),//$([]).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,
			height: 300,
			modal: true,
			buttons: {
				'Login': 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>'); 
							loginHandler();
						$(this).dialog('close');
					}
				},
				Cancel: function() {
					$(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});
		$('#btnLogOut').click(function(event){
		    event.preventDefault();
		    logoutHandler();
		});
$('#btnLogIn').click(function(event) {
           
            event.preventDefault();
			$('#dialog').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");
		});
	// Accordion
	/*$("#basic").accordion({event: 'mouseover',
			            active: '.selected',
			            selectedClass: 'active',
			            animated: "bounceslide",
						header: 'div.title',
						autoheight:true,
						event: 'click',
						fillSpace: false });*/
	// Tabs
     
//swfobject.embedSWF("../../socc_team.swf", "Gallery", "608", "460", "8.0.0", "../../lib/swfobject/expressInstall.swf", { filePath: "http://66.226.18.56/galleries/necyouth/images.php?album=3" }, { menu: 'false', wmode: 'opaque', align: 'bottom', salign: 'LT', quality: 'high', menu: 'false', scale: 'exact', allowFullScreen:'true' });
swfobject.embedSWF("socc_feature.swf", "feature", "608", "250", "8.0.0", "lib/swfobject/expressInstall.swf");
swfobject.embedSWF("home_page.swf", "ads", "398", "230", "8.0.0", "lib/swfobject/expressInstall.swf");
	/*$('#container-1 > ul').tabs();*/
	// Dialog		
//	
//		var ssa = Sys.Services.AuthenticationService;
//  if (ssa.get_isLoggedIn()) {
//      $get('LoggedInView').style.display = '';
//  } else {
//      $get('AnonymousView').style.display = '';
//  }

// Hook up the click events of the log in and log out buttons.
           //$addHandler($get('btnLogIn'), 'click', loginHandler);
           // $addHandler($get('btnLogOut'), 'click', logoutHandler);
           
            function loginHandler() {
                var username = $get('txtUsername').value;
                var password = $get('pwdPassword').value;
                var isPersistent = $get('chkRememberMe').checked;
                var customInfo = null;
                var redirectUrl = null;
                // Log them in.
                ssa.login(username,
                          password,
                          isPersistent,
                          customInfo,
                          redirectUrl,
                          onLoginComplete,
                          onError);
            } /**/
           
            function logoutHandler() {
                // Log them out.
                var redirectUrl = null;
                var userContext = null;
                ssa.logout(redirectUrl,
                           onLogoutComplete,
                           onError,
                           userContext);
            }
           
            function onLoginComplete(result, context, methodName) {
                // Logged in.  Hide the anonymous view.
                $get('LoggedInView').style.display = '';
                $get('AnonymousView').style.display = 'none';
            }
           
            function onLogoutComplete(result, context, methodName) {
                // Logged out.  Hide the logged in view.
                $get('LoggedInView').style.display = 'none';
                $get('AnonymousView').style.display = '';
            }
           
            function onError(error, context, methodName) {
                //alert(error.get_message
                // Display feedback message.
	DisplayInformation("error:message = " + 
	    error.get_message());
	DisplayInformation("error:timedOut = " + 
	    error.get_timedOut());
	DisplayInformation("error:statusCode = " + 
	    error.get_statusCode());	
           
          }  
        // This function displays feedback
// information for the user.    
function DisplayInformation(text)
{
    // var feedBack = 
    //    document.getElementById("FeedBackID").innerHTML;
    //$get('validateTips').html(error.get_message);
    document.getElementById("validateTips").innerHTML = 
        "<br/>" + text;

    // Display authentication service information.

    var userLoggedIn =
	    Sys.Services.AuthenticationService.get_isLoggedIn();
	
    var authServiceTimeout =       
        Sys.Services.AuthenticationService.get_timeout();

    var userLoggedInfo = 
        "<br/> User logged in:                 " + userLoggedIn;

    var timeOutInfo = 
        "<br/> Authentication service timeout: " + authServiceTimeout;

    document.getElementById("validateTips").innerHTML = 
        userLoggedInfo + timeOutInfo;

}
 });
// Notify ScriptManager that this is the end of the script.
if (typeof(Sys) !== 'undefined') Sys.Application.notifyScriptLoaded();