(function ($) {

    //This function creates a popup menu from a list of urls
    $.fn.buttonSplitter = function (options) {

        // default options
        var defaults = {
            button_text: 'Buy Now',
            click_delay: 3000 // 3 seconds
        }

        //        // create container
        //        var css = '';
        //        css = css + '<style type="text/css">';

        //        css = css + '.splitter-button {';
        //        css = css + ' background-color: #9966CC;';
        //        css = css + ' display: inline-block;';
        //        css = css + ' font-family: Arial, Helvetica, MS Sans Serif, Tahoma, Verdana;';
        //        css = css + ' font-size: 12px;';
        //        css = css + ' font-weight: bold;';
        //        css = css + ' height: 24px;';
        //        css = css + '}';

        //        css = css + '.splitter-button-text {';
        //        css = css + ' color: #ffffff;';
        //        css = css + ' float: left;';
        //        css = css + ' vertical-align: middle;';
        //        css = css + ' border-bottom-left-radius: 4px !important;';
        //        css = css + ' border-top-left-radius: 4px !important;';
        //        css = css + ' height: 24px;';
        //        css = css + ' padding: 4px 6px;';
        //        css = css + '}';

        //        css = css + '.splitter-button-toggle {';
        //        css = css + ' float: left;';
        //        css = css + ' height: 24px;';
        //        css = css + ' width: 20px;';
        //        css = css + ' border-top-right-radius: 4px !important;';
        //        css = css + ' border-bottom-right-radius: 4px !important;';
        //        css = css + ' position: relative;';
        //        css = css + '}';

        //        css = css + '.splitter-button-toggle img {';
        //        css = css + ' cursor: pointer; height:24px; width: 20px;';
        //        css = css + '}';

        //        css = css + '.splitter-button-toggle ul {';
        //        css = css + ' background-color: #eaeaea;';
        //        css = css + ' color: #000;';
        //        css = css + ' display: none;'; // default hidden
        //        css = css + ' list-style: none;';
        //        css = css + ' margin: 0';
        //        css = css + ' padding 2px;';
        //        css = css + ' position: relative;';
        //        css = css + ' top: 24px;';
        //        css = css + ' right: 0;';
        //        css = css + '}';

        //        css = css + '.splitter-button-toggle ul li {';
        //        css = css + ' font-weight: normal;';
        //        css = css + ' cursor: pointer';
        //        css = css + ' text-align: left;';
        //        css = css + '}';

        //        css = css + '</style>';

        //        this.parent().add(css);

        // create container
        var output = '';

        // create main button
        output = output + '  <div class="splitter-button-text">';
        output = output + '     ' + defaults.button_text;
        output = output + '  </div>';

        // create menu toggle
        output = output + '  <div class="splitter-button-toggle">';
        output = output + '     <img src="/Content/Images/arrow-down.png" />';

        // create and add menu options - TODO: get from options array 
        //        output = output + '      <ul>';
        //        output = output + '         <li>iTunes</li>';
        //        output = output + '         <li>Amazon</li>';
        //        output = output + '         <li>CD Baby</li>';
        //        output = output + '     </ul>';
        output = output + this.html(); // gets and adds the ul content

        output = output + '  </div>';

        //console.log(output);
        this.addClass('splitter-button');
        this.html(output);

        var splitter_button_hover = false;
        var splitter_button_toggle = this.find('.splitter-button-toggle ul');
        this.find('.splitter-button-toggle img').click(
            function () {
                splitter_button_toggle.slideDown();
                setTimeout(
                    function () {
                        if (!splitter_button_hover)
                            splitter_button_toggle.slideUp();
                    }, defaults.click_delay);
            }
            );

        this.find('.splitter-button-toggle ul').hover(
            function () {
                splitter_button_hover = true;
            },
            function () {
                $(this).slideUp();
            }
            );

        // ensure the target is a new window/tab
        this.find('.splitter-button-toggle ul li a').each(function () {
            $(this).attr('target', '_balnk');
        });


    };


    $.fn.emailInput = function (options) {

        var email_input_default_text = 'your.email@domain.com';
        $(this).val(email_input_default_text);
        var email = '';
        $(this).focus(
            function () {
                if ($(this).val() != email_input_default_text) {
                    email = $(this).val();
                } else {
                    $(this).val('');
                }
            }).blur(
            function () {
                if ($(this).val() != '' && validateEmail($(this).val()) == null) {
                    alert('The email you entered appers to be invalid.');
                } else {
                    if ($(this).val() == '') $(this).val(email_input_default_text);
                }
            });
    };

})(jQuery);