function submitForm(oForm){
	if(validateForm(oForm)){
		oForm.submit();
	}
}

function validateForm(oForm){
	var o = new Object;
	o.bResult = true;
	o.sAlert = "";
	// Validate
	o = valNotNullField(oForm.nickname,"You didn't enter your nickname."+'\n',o);
	o = valNotNullField(oForm.password,"You didn't enter your password."+'\n',o);
	if (!o.bResult){
		alert("Oops!"+'\n'+o.sAlert+'\n'+"Please try again...");
	}
	return o.bResult;
}

function onSubmitHandler(oForm){
	submitForm(oForm);
	return false; // always
}

function ParseStringParams( sString ) {
	var aParams = new Array();  
	var aParam = new Array();
	  
	aParams = sString.split( '&' );
	for(var i = 0;i < aParams.length; i++ ) {
	  aParam = aParams[i].split( '=' );
	  aParams[i] = new Array();
	  aParams[i] = aParam;
	}
	return aParams;
}

/**
* @param oModalOptions Object:Optional options for SimpleModal, e.g. {position:[,"160px"]}, leave null for defaults  
*/
function NickLoginModal ( e , sParams, oModalOptions ) {
	if( $('#idModalLoginWrapper').length <= 0 ) {
		var sFormElements = '';
		var aSetParams = new Array();
		var aParams = ParseStringParams( sParams );
    for(var i = 0;i < aParams.length; i++ ) {
      sName  = '';
      sValue = '';
      if ( aParams[i][0] ) {
        sName = aParams[i][0];
      }
      if ( aParams[i][1] ) {
        sValue = aParams[i][1];
      }
      if ( sName != '' ) {
        aSetParams[sName] = true;
        sFormElements += '<input type="hidden" name="'+sName+'" value="'+sValue+'" />';
      }
    }
		
    // inject the html at the beginning of the body.
		var sHTML = '<div id="idModalLoginWrapper" class="modalWrapper">';
	    sHTML += '<form name="NickModalLogin" action="" method="post" id="idNickModalLogin">';
	    sHTML +=   sFormElements;
	    sHTML +=   '<h3><img src="/images/modalTitleLogin.gif" alt="Login to Nickelodeon" /></h3>';
	    sHTML +=   '<div class="modalClose"><a href="#" class="modalCloseImg" title="Close" onclick="$.modal.close();">close</a></div>';
	    sHTML +=   '<div class="modalLogin leftCol">';
	    sHTML +=     '<label for="nickname" class="label nickname"><img src="/images/modalLabelNickname.gif" alt="Nickname" /></label>';
	    sHTML +=     '<input type="text" id="idModalNickName" name="nickname" class="formBox" />';
	    sHTML +=   '</div>';
	    sHTML +=   '<div class="modalLogin rightCol">';
	    sHTML +=     '<label for="password" class="label password"><img src="/images/modalLabelPassword.gif" alt="Password" /></label>';
	    sHTML +=     '<input type="password" id="idModalPassword" name="password" class="formBox" />';
	    sHTML +=   '</div>';
	    sHTML +=   '<div class="btnGetNickName"><a href="/nickname/"></a></div>';
	    sHTML +=   '<div class="modalBtn"><a href="#" onclick="return onSubmitHandler( document.forms.NickModalLogin );">login</a></div>';
	    sHTML += '</form>';
	    sHTML += '</div>';
	  $('body').prepend(sHTML); // inject template (note modal copies from this)
	
	  $('#idModalNickName,#idModalPassword').keyup(function(e){
			if( e.keyCode=='13' ){ // enter event for submission.
				onSubmitHandler( document.forms.NickModalLogin );
			}
     });
	}
	if ( e ) {
	  e.preventDefault();
	}
	$('.modalWrapper').modal(oModalOptions);
}