/*
 *  Action file for CEB Submit forms
 */

/*
 *  Roll-over functions
 */

$(document).ready(function(){
 // Personal button
 $('#personal').hover(function(){
     $('<div class="tooltip"></div>')
    .insertAfter('.panel')
    .css({'position':'relative'})
    .css({'top':'60px'})
    .css({'left':'25px'});
    var $mesg = '<p class="tips">If you have a Personal ID you <u>do not have</u> to fill up the form just click here and select the courses you want.</p>';
    $('div.tooltip').html($mesg).fadeTo('slow',0.4);
    $('div.tooltip').html($mesg).fadeTo('slow',1.0);
    },function(){
        $('.tooltip').remove();
 }); // personal [ends]

 // Create button
$('#create').hover(function(){
    $('<div class="tooltip"></div>')
    .insertAfter('.panel')
    .css({'position':'relative'})
    .css({'top':'60px'})
    .css({'left':'120px'});
    var $mesg = '<p class="tips">Click here to create your personal ID, so you do not have to fill up the form on a regular basis.</p>';
    $('div.tooltip').html($mesg).fadeTo('slow',0.4);
    $('div.tooltip').html($mesg).fadeTo('slow',1.0);
    },function(){
        $('.tooltip').remove();
 }); // create [ends]

 // Online button
 $('#online').hover(function(){
     $('<div class="tooltip"></div>')
    .insertAfter('.panel')
    .css({'position':'relative'})
    .css({'top':'60px'})
    .css({'left':'130px'});
    var $mesg = '<p class="tips">If you prefer to fill up the form every time you susbcribe just continue on as usual.</p>';
    $('div.tooltip').html($mesg).fadeTo('slow',0.4);
    $('div.tooltip').html($mesg).fadeTo('slow',1.0);
    },function(){
        $('.tooltip').remove();
 }); // personal [ends]
}); //ready.function() [ends]

/*
 *  Click functions
 */

 $(document).ready(function(){
   // Personal click action
    $('#personal').click(function(){
        location.href="returning_user.php";
    });// Personal click action [ends]

    $('#create').click(function(){
        location.href="new_user.php";
    });

    $('#online').click(function(){
        scrollBy(0,240); // vertical scroll of -80 pixel;
    });
}); // read.function() [ends]

/*
 *  Registration Help Messages
 */

$(document).ready(function(){

    scr = "<script>";
    scr += "function closeHelp(){";
    scr += "    $('.feedback').fadeOut(2000);";
    scr += "}";
    scr += "</script>";

    $(scr).insertAfter('title');

    function formHelp(title,message){
        $('.feedback').css({'display':'bock'});
        $('<div class="feedback"><div id="feedback-header">' +
        title + '<div id="closebut" onclick="closeHelp()"></div></div>' + message + '</div>').fadeIn('slow')
        .insertAfter('#token');
    }

    /* Check PHONE NUMBERS */

    $('#phone').blur(function(){
        var PH = $(this).val();
        if (PH != ""){
            var phoneRE = /^((\+\d{1,3}(-| )?\(?\d\)?(-| )?\d{1,5})|(\(?\d{2,6}\)?))(-| )?(\d{3,4})(-| )?(\d{4})(( x| ext)\d{1,5}){0,1}$/;
            if (PH.match(phoneRE)){
                // pass
            } else {
                var $title = "Phone Number Error";
                var $msg = "<p>The phone number you entered has errors.<br />A valid phone number follows this pattern:<br />(123) 456-7890 or 123-456-7890.<br /><br />Please, correct before proceeding.</p>";
                formHelp($title,$msg);
            }
        }
    });

    /* Check POSTAL CODES */

    $('#postalcode').change(function(){
       var postal = $(this).val().toUpperCase();
       $(this).val(postal);
    });


    
    $('#postalcode').blur(function(){
        var PC = $(this).val().toUpperCase();
        if (PC != ""){
            var postalRE = /^([A-Za-z]\d[A-Z,a-z])[\- | ](\d[A-Za-z]\d)$/;
            if (PC.match(postalRE)){
                // pass
            } else {
                var $title = "Postal Code Error";
                var $msg = "<p>The Postal Code entered is invalid.</p><p>Canadian Postal Codes follow this pattern: A1B-2C3.<br /><br />Please, correct before proceeding.</p>";
                formHelp($title,$msg);
            }
        }
    });

    /* Check EMAIL ADDRESSES */

    $('#email').blur(function(){
        var MAIL = $(this).val();
        if (MAIL != ""){
            var emailRE = /^[a-zA-Z0-9_\-\.]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
            if (MAIL.match(emailRE)){
                // pass
            } else {
                var $title = "E-Mail Address Error";
                var $msg = "<p>The e-mail address entered is invalid.</p><p>An example of a valid e-mail is shown below :<br />joe.somebody@mail.com<br /><br />Please, correct before proceeding.</p>";
                formHelp($title,$msg);
            }
        }
    });

    /* Check PASSWORD fields */

    $('#pwd').blur(function(){

        var $title = "Password Error";
        var pass = $(this).val();
        var len = pass.length;

        if (pass != "" && (len < 8)){
            var $msg = "<p>Your password must be at least 8 characters long.<br /><b>Remember</b>: Alphanumeric passwords are more secure.<br /><br />Please, correct before proceeding.</p>";
            formHelp($title,$msg);
            $('#pwd').focus();
            }

        if (pass == ""){
            var $msg = "<p>Your password cannot be empty.<br /><b>Remember</b>: Alphanumeric passwords are more secure.<br /><br />Please, correct before proceeding.</p>";
            formHelp($title,$msg);
            $(this).focus();
        }
    });

  /* Check verification box */

    $('#ver').change(function(){
        var pass = $('#pwd').val();
        var verif = $(this).val();
        if (pass != verif){
            $title = "Password Error";
            var $msg = "<p>Password verification failed.<br /><br />Please, correct before proceeding.</p>";
            formHelp($title,$msg);
            return false;
        }
    });
});  // Messages [ENDS]

$(document).ready(function(){
    $("input:radio[@name=membership]").click(function() {
    var $checkedvalue = $(this).val();
    if ($checkedvalue == 'YES'){
	    var $new_row ='<td class="memid">Membership # <input name="memid" type="text" size="10" maxlength="14" /></td>';
	   $($new_row).fadeIn('slow')
	   .insertAfter('#discount');
    } else if ($checkedvalue == 'NO'){
	    $('.memid').remove()
	    .fadeOut("slow");
    }
   });
}); // document.ready {ends}