$(document).ready(function() {   
  $('#bigpush .push div').each(function(index) {
    $(this).cycle({
      fx: 'fade',
      activePagerClass: 'active',
      pager: '#slideshow-pager',
      pagerAnchorBuilder: function(i) {
        if (index == 0)
        // return '<li><a href="#">'+(i+1)+'</a></li>'; // for first slideshow, return a new anchro
        return '<li><a href="#"></a></li>'; // for first slideshow, return a new anchro
        return '#slideshow-pager a:eq('+i+')'; //for 2nd slideshow, select the anchor created previously
      }
    });
  });
  $('#carousel').cycle({
      fx: 'scrollHorz',
      speed: 2500,
      timeout: 7000,
      activePagerClass: 'active',
      pager: '#carousel-pager',
      before: function(){
        $('#carousel ul li:first-child').addClass('alpha');
        $('#carousel ul li:last-child').addClass('omega');
      },
      pagerAnchorBuilder: function(i) {
        return '<a href="#"></a>';
      }
  });


  
  $('.estate a').hover(function(){
    $(this).find('span.overlay').animate({top:'0'}, 500);
  }, function(){
    $(this).find('span.overlay').animate({top:'140px'}, 500);
  });
  $('.estate a').click(function(){
    $(this).find('span.overlay').animate({top:'140px'}, 500);
  });

  /*estate-icons fade/show */
  
  $('.estate-icons img').animate({opacity: 0.3});
  $('.estate-icons img').hover(function(){
    $(this).animate({opacity: 1}, 300);
  }, function(){
    $(this).animate({opacity: 0.3}, 300);
  });
  
  $('a.fancy').fancybox({
    type:'iframe'
  });
  
  $('#testclick').click(function(){ alert($('#amount').val())});
  
  
  

    /*Intresseanmälan - Sliders*/
    
    // ÖNSKAT ANTAL RUM (1 alternativ, alt.2 borrtaget) ****************************************************
  
    $(".roomsMin").css("visibility", "hidden");
    $(".roomsMax").css("visibility", "hidden");
  
    // VIKTIGT! :
    if($(".roomsMin").val() != null){
      $(".roomsMin").val(1);
    }    
    
    var initMinRooms = $(".roomsMin").val() != null ? $(".roomsMin").val() : 1;
    // var initMaxRooms = $(".roomsMax").val() != null ? $(".roomsMax").val() : 2;
    var roomsLimit = 5;
    $(".slider").slider({
        //range: true, min: 1, max: roomsLimit, step: 1, values: [initMinRooms, initMaxRooms],
        range: 'min', min: 1, max: 5, step: 1, value: initMinRooms ,
        slide: function (event, ui) {

            /*var dif = ui.values[1] - ui.values[0];
            if (dif > 1) {

                if (ui.values[0] == $(".roomsMin").val()) {
                    ui.values[0] = ui.values[1] - 1;
                    $(".slider").slider("values", [ui.values[0], ui.values[1]]);
                } else {
                    ui.values[1] = ui.values[0] + 1;
                    $(".slider").slider("values", [ui.values[0], ui.values[1]]);
                }
            }*/
            //$(".amount").val(ui.values[0] + ":a - " + ui.values[1] + ":a");
           $(".amount").val(ui.value + ":a");
            $(".roomsMin").val(ui.value);
            // $(".roomsMax").val(ui.values[1]);

        }
    });
    $(".amount").val($(".slider").slider("values", 0) + ":a");
  
  
  
    // HÖGSTA HYRA **************************************************** 
    
    $(".rentMax").css("visibility", "hidden");
  
    // VIKTIGT! :
    if($(".rentMax").val() != null){
      $(".rentMax").val(1000);
    } 
    var initMaxRent = $(".rentMax").val() != null ? $(".rentMax").val() : 1000;
    $(".rentMax").val(initMaxRent);
    $(".slider2").slider({
        range: 'min', min: 1000, max: 10000, step: 500, value: initMaxRent, slide: function (event, ui) {
            $(".amount2").val(ui.value+"kr"); //+ ui.values[1] + "000kr"

            $(".rentMax").val(ui.value);

        }
    });
  
    
    $(".amount2").val($(".slider2").slider("values", 0) + "kr");
  
// footer
  var context = document.getElementById("footLine").getContext("2d");
  context.fillStyle = '#781214';
  context.moveTo(20, 0); 
  context.lineTo(960, 0);
  context.lineTo(960, 15);
  context.lineTo(10, 15);
  context.fill();
  context.closePath();
});

Cufon.replace('.title, .cufon, #minipushes div');