$(document).ready(function(){
    $('.show_form').click(function() {
            $.ajax({
                  url: $(this).attr("href"),
                  success: function(data) {
                    $('#callback').html(data);
                    jQuery('#callback').show();
                    }
            });
        return false;
    });
    window.isCamerasOn=false;
    
    $('.cameras').click(function(){
       $.ajax({
            url: $(this).attr("href"),
            success: function(data) {
                if(!isCamerasOn) {
                    var div	= function(object, align) {
                        var d = $('<div/>', {});
                        if(object)
                        d.html(object);
                        if(align)
                        d.attr("align", align);
                        return d;
                    }
                    var ul	= $('<ul/>',{});
                    var li	= function() {
                        return $('<li/>', {});
                    };
                    var a	= function(id, title) {
                        var a	= $('<a/>', {});
                        a.attr('href','#cont-' + id);
                        a.html(title);
                        return a;
                    };
                    
                    var closeHref = $('<a/>', {});
                    closeHref.attr("href","javascript:void(0)");
                    closeHref.html("[X]");
                    closeHref.click(function(){
                           $('#camerasContainer').fadeOut();
                    });
                    var closeDiv = div(closeHref, "right").css("margin-bottom","5px");
                
                    var cont = div().attr('id','cont');
                    //$('#camerasContainer').css("width", "765px" );
                    $('#camerasContainer div').remove();
                    $('#camerasContainer').html('');
                    $('#camerasContainer').html(closeDiv);
                    $('#camerasContainer').append(cont);
                    //$('#cont-1').css("padding", "1em 7.5%" );
                    ul.append(li().append(a(1, 'Москва - Красносельская')));
                    ul.append(li().append(a(3, 'Петербург - Волковская')));
                    ul.append(li().append(a(2, 'Петербург - Нарвская')));
                    ul.append(li().append(a(4, 'Петербург - Рубинштейна')));
                    $('#cont').append(ul);
                    $('#cont').append(data);
                    $('#cont').tabs();
                    $('#camerasContainer').css("top", "20px" ).css("left", ($(window).width()/2) - $('#camerasContainer').width()/2 );
                    $('#camerasContainer li a').css("padding", "2px" )
                    isCamerasOn=true;
                }
                $('#camerasContainer').fadeIn();
            }
       });
	   
	   return false;
    });
});