$(document).ready(function() {

        $('div.labels').hide();
        $('div.first').show();


        $('a[name=tabs]').live('click', function() {
        	$('a[name=tabs]').removeClass('current');
            $(this).addClass('current');
            $('div.labels').hide();
            $('div.category_'+this.id).show();
            //alert(this.id);
        });

        $('li.label').bind('click', function(event) {
    		var lid = this.id;
    		var file = this.title;
    		$('#label_id').val(lid);
    		createLabel();
    	});

    	$('a#clear_btn').click(function() {
    		$('#input_first_line').val('');
        	$('#input_second_line').val('');
        	$('#input_optional').val('');
        	$('#label_id').val('');
        	createLabel();
    	});

    	$('a#save_lbl').click(function() {
        	$('form#label').submit();
    	});
    });


    function createLabel() {
    	var first_line = $('#input_first_line').val();
    	var second_line = $('#input_second_line').val();
    	var optional = $('#input_optional').val();
    	var label_id = $('#label_id').val();


    	var params = {
                'cmd': 'create_label',
                'first_line': first_line,
                'second_line': second_line,
                'optional': optional,
                'label_id': label_id
            };
                
        $('div#design_label').load(''+root_url+'?p=helpers/labels', params);
    }