$(document).ready(function() {

    $('#port_wrapper').cycle(
    {
        fx: 'fade' ,
        speed:1500,
        timeout: 0,
        next:   '#next',
        prev:   '#previous',
        after:   onAfter
    })

    function onAfter() {
    }
    
    $("#next").hover(
        function () {
            $('#next').css('background-position','0px 0px')
        },
        function () {
            $('#next').css('background-position','-100px 0px')
        });

    $("#previous").hover(
        function () {
            $('#previous').css('background-position','0px 0px')
        },
        function () {
            $('#previous').css('background-position','-100px 0px')
        });

    var clicked = new Boolean(false);

  /*  $('#plus_button').click(function() {
        if (clicked==true){
            clicked = false;
        }
        else{
            clicked = true;
        }

        if (clicked == true){
            $('.caption').css('display','').fadeIn();
            $('#port_wrapper').animate({
                opacity: 1,
                height: '520px'
            }, 1000, function() {
                
                });
            $('#plus_button').css('background-position', '-50px 0px')
        }
        else{
            $('.caption').css('display','none').fadeOut();
            $('#port_wrapper').animate({
                opacity: 1,
                height: '400px'
            }, 1000, function() {

                });
            $('#plus_button').css('background-position', '0px 0px')
        }

    });*/

});