var tmpstr = 'Paste your long url here...';
var tmpsuffix = 'Enter your prefered short url suffix';
$(function() {
    $('#url').click(function() {
        if($(this).val() == tmpstr) {
            $(this).val('');
        }
    }).blur(function() {
        if($(this).val() == '') {
            $(this).val(tmpstr);
        }
    });
    $('#ownurl').click(function() {
        if($(this).val() == tmpsuffix) {
            $(this).val('');
        }
    }).blur(function() {
        if($(this).val() == '') {
            $(this).val(tmpsuffix);
        }
    });
    $('#cbAuto').attr('checked', true).click(function() {
        var elm = $('#ownurl_wrapper');
        if($(this).attr('checked')) {
            elm.slideUp(100);
        }
        else {
            elm.slideDown(100, function() {
                var e = $('#ownurl');
                if(e.val() == '') {
                    e.val(tmpsuffix);
                }
            });
        }
    });
    $('#info').click(function() {
        var tab = $('#history');
        if(tab.is(':visible')) {
            tab.slideUp(100);
        }
        else {
            tab.slideDown(100);
        }
    });
    $('#url_form').submit(function() {
        var url = $('#url').val();
        if(url == '' || url == tmpstr) {
            alert('No long url entered');
            $('#url').focus();
            return false;
        }
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(html) {
                $('#shorturl').html(html);
                $('#result').slideDown(100, function() {
                    $('#shortUrl').click(function() {
                        $(this).select();
                    });
                });
            },
            error: function(e) {
                alert(e.responseText);
            }
        });
        return false;
    });
});