$(document).ready (function
(){
  //  var count = $('.portfolio_container').attr('rel');
    var count = 5;	
    var width = count*383;
    var min = '-383px';
    var max = (2-count)*383 + 'px';

$('.portfolio_container').css('width', width + 'px')

    if ($('.portfolio_container').css('left') <= '0px'){
         $("#slideright").hide();
    }

    if($('.portfolio_container').css('left') >=  '−1149px')
    {
        $("#slideleft").hide()
    }

    $("#slideleft").click(function(){

        if ($('.portfolio_container').css('left') >= min){
              $("#slideright").show()
        }

        if($('.portfolio_container').css('left') ==  max)
        {
            $("#slideleft").hide()
        }

         $(".portfolio_container").animate( {left:"-=383"}, "slow");
        return false;
    })


    $("#slideright").click(function(){

        if($('.portfolio_container').css('left') >= max)
            {
                $("#slideleft").show()
            }

        if($('.portfolio_container').css('left') == min)
            {
                $("#slideright").hide()
            }


          $(".portfolio_container").animate( {left:"+=383"}, "slow");

          return false;
    })



    $(function() {
            var select = $( "#minbeds" );
            var slider = $( "<div id='slider' style='width: 92%'></div>" ).insertAfter( select ).slider({
                    min: 1,
                    max: 5,
                    range: "min",
                    value: 5,
                    slide: function( event, ui ) {
                            select[ 0 ].selectedIndex = ui.value - 1;

                            $('#box').empty();
                            $.post("/publications/get_pubs_on_date",{id:$('#minbeds').children('option:selected').val()}, function(json){

    count = json.length;
    width = count*383
    min = '-383px';
    max = (2-count)*383 + 'px';

    $('.portfolio_container').css('width', width + 'px')

                                for (i in json) {
$('.portfolio_container').append("<div class='flLeft' style='width:383px;'><a href='" + json[i].pubtype_parent_url+ json[i].pubtype_url +"/" +json[i].pub_url+"'><img class ='portfol_img' src='/static/media/publications/" +json[i].id+"/img_popup.jpg' alt=''/></a><p>"+json[i].pub_shorttext+"</p></div>");
                                }

                           },'json'

                            );
                    }
            });

            $( "#minbeds" ).change(function() {
                    slider.slider( "value", this.selectedIndex + 1 );
            });
    });

});