$(document).ready(function()
{
    
    // select #flowplanes and make it scrollable. use circular and navigator plugins 
    var flowpane = $(".flowpanes")
        .scrollable({
            size: 1, 
            clickable: false
        })
        .circular()
        .autoscroll({
            interval: 10000,
            api: true,
            autopause: true
    });
    
    flowpaneApi = $(".flowpanes").scrollable();
    
    //  When one of the navigation buttons is clicked, stop the auto-rotation
    $('.flowpanes .prev, .flowpanes .next').click(function(){
        flowpaneApi.stop();
    });



    // select #flowplanes and make it scrollable. use circular and navigator plugins 
    $(".flowpanes_sm").scrollable({size: 1}).circular().navigator({ 
 
        // select #flowtabs to be used as navigator 
        navi: ".nav_dots", 
 
        // select A tags inside the navigator to work as items (not direct children) 
        naviItem: 'a', 
 
        // assign "current" class name for the active A tag inside navigator 
        activeClass: 'current' 
 
    });


    // $("ul#application.tabs").tabs("div.panes > div"); 
    
    var wizard = $("#application_wizard"); 

    $("ul#application.tabs", wizard).tabs("div.panes > div");

    // get handle to the tabs API 
    var api = $("ul#application.tabs", wizard).tabs(0); 

    // "next tab" button 
    $(".next", wizard).click(function() { 
        api.next();
    }); 

    // "previous tab" button 
    $(".prev", wizard).click(function() { 
        api.prev();             
    });


    $('.add_employer').click(function(){
        $(this).parent().parent().next('.employer_extra').slideToggle();
        return false;
    });



    $('#content img[style*=float][style*=left]').addClass('float_left');
    $('#content img[style*=float][style*=right]').addClass('float_right');
    
});