$(document).ready(function() {

    $('a#loginlink')
        .attr('href', '#')
        .qtip(
           {
               content: {
                   title: {
                       text: 'Please Login',
                       button: 'Close'
                   },
                   text: $('#loginform')
               },
               position: {
                   target: $(document.body), // Position it via the document body...
                   corner: 'center' // ...at the center of the viewport
               },
               show: {
                   when: 'click', // Show it on click
                   solo: true // And hide all other tooltips
               },
               hide: false,
               style: {
                   width: { max: 350 },
                   padding: '14px',
                   border: {
                       width: 9,
                       radius: 9,
                       color: '#666666'
                   },
                   name: 'light'
               },
               api: {
                   beforeShow: function() {
                       // Fade in the modal "blanket" using the defined show speed
                       $('#qtip-blanket').fadeIn(this.options.show.effect.length);
                   },
                   onShow: function() {
                       // IE 8 won't submit when enter key press. Fix:
                       this.elements.content.find('form').keypress(function() {
                           if (event.keyCode == 13)
                               $(this).find("input[type='submit']").focus();
                       });
                   },
                   beforeHide: function() {
                       // Fade out the modal "blanket" using the defined hide speed
                       $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
                   }
               }
           });


    // Create the modal backdrop on document load so all modal tooltips can use it
    $('<div id="qtip-blanket">')
        .css({
            position: 'absolute',
            top: $(document).scrollTop(), // Use document scrollTop so it's on-screen even if the window is scrolled
            left: 0,
            height: $(document).height(), // Span the full document height...
            width: '100%', // ...and full width
            opacity: 0.7, // Make it slightly transparent
            backgroundColor: 'gray',
            zIndex: 5000  // Make sure the zIndex is below 6000 to keep it below tooltips!
        })
    .appendTo(document.body) // Append to the document body
    .hide(); // Hide it initially

});


function IsValidPhoneNumber(value, element, params) {
    var number = value.toString().replace(/[^\d]/g, "");
    return number.length == 10;
}