var containerWidth = 1012;
var containerHeight = 740;

var initDateRange = function(fromId, toId) {
    var dates = $(fromId + ',' + toId ).datepicker({
        onSelect: function( selectedDate ) {
            var option = this.id == "filter_from_date" ? "minDate" : "maxDate",
            instance = $( this ).data( "datepicker" ),
            date = $.datepicker.parseDate(
                instance.settings.dateFormat ||
                $.datepicker._defaults.dateFormat,
                selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        }
    });
}

jQuery.fn.attachNumpad = function() {
    var numpad = '<table>' +
    '<tr><td><button class="symbol">1</button>' +
    '<button class="symbol">2</button>' +
    '<button class="symbol">3</button></tr></td>' +
    '<tr><td><button class="symbol">4</button>' + 
    '<button class="symbol">5</button>' +
    '<button class="symbol">6</button></tr></td>' +
    '<tr><td><button class="symbol">7</button>' +
    '<button class="symbol">8</button>' +
    '<button class="symbol">9</button></tr></td>' +
    '<tr><td><button class="symbol">0</button>' +
    '<button class="symbol">.</button>' +
    '<button class="symbol delete">c</button></tr></td>' +
    '</table>';
    
    $(this).html(numpad);

    $(this).find('.symbol').click(function() {
        var $write = $('.focusNumeric');  
        if ($write.length > 0) {
            var number = $(this).text();
            var value = $write.val();
                                        
            if ($(this).hasClass('delete')) {  
                var writeValue = value.substr(0, value.length - 1);
                if (value == '-')    {
                    $write.val('-'); 
                } else {
                    if (writeValue == '') {
                        writeValue = 0;
                    }
                    $write.val(writeValue); 
                }

            }
            else {
                if (value.substr(0, value.length - 1) == '-') {
                    $write.val(value + number);  
                } else {
                    if (value == 0) {
                        value = '';
                    }
                    $write.val(value + number);  
                }

            }
        }
    });    
}

jQuery.fn.attachLoginNumpad = function() {
    var numpad = '<table>' +
    '<tr><td><button class="symbol">1</button>' +
    '<button class="symbol">2</button>' +
    '<button class="symbol">3</button></tr></td>' +
    '<tr><td><button class="symbol">4</button>' + 
    '<button class="symbol">5</button>' +
    '<button class="symbol">6</button></tr></td>' +
    '<tr><td><button class="symbol">7</button>' +
    '<button class="symbol">8</button>' +
    '<button class="symbol">9</button></tr></td>' +
    '<tr><td><button class="symbol">0</button>' +
    '<button class="symbol">.</button>' +
    '<button class="symbol delete">c</button></tr></td>' +
    '</table>';
    
    $(this).html(numpad);

    $(this).find('.symbol').click(function() {
        var $write = $('.focusNumeric');  
        var number = $(this).text();
        var value = $write.val();
                                        
        if ($(this).hasClass('delete')) {  
            var writeValue = value.substr(0, value.length - 1);

            $write.val(writeValue); 

        }
        else {
            $write.val(value + number);  

        }
    });    
}

jQuery.fn.numericFocus = function() {
    $(this).focus(function() {
        if ($(this).hasClass("idleNumeric")) {
            $('.focusNumeric').removeClass("focusNumeric").addClass("idleNumeric"); 
            $(this).removeClass("idleNumeric").addClass("focusNumeric");  
        }
    });
    
    
}