Slider images

jsbin.xegavo.js

//Slider for images
//List for one step and one image

var items = [{src:"/app/img/tov_img.jpg",isActive:true},{src:"/app/img/tov_img.jpg",isActive:false},{src:"/app/img/tov_img.jpg",isActive:false},{src:"/app/img/tov_img.jpg",isActive:false},{src:"/app/img/tov_img.jpg",isActive:false},{src:"/app/img/tov_img.jpg",isActive:false},{src:"/app/img/tov_img.jpg",isActive:false},{src:"/app/img/tov_img.jpg",isActive:false}];

var click_right = 4;
function extend(x, y){
    for(var key in y) {
        if (y.hasOwnProperty(key)) {
            x[key] = y[key];
        }
    }
    return x;
}
function view(items,curr){
  var arr=[];
  var range = 4;
    for(var i =0; i<=items.length-1; i++){
      if (items.length > range && items.length>(range+curr)){
      if (curr===0){
        if (i>range-1){
          arr.push(extend(items[i],{'isShow':false}));
        }else{
          arr.push(extend(items[i],{'isShow':true}));
        }
      }else{
        if (i<curr){
          arr.push(extend(items[i],{'isShow':false}));
        }else{
          if (i<=(range+curr)-1){
            arr.push(extend(items[i],{'isShow':true}));
          }else{
            arr.push(extend(items[i],{'isShow':false}));
          }
        }
      }
    }else{
      if (i<4){
        arr.push(extend(items[i],{'isShow':true}));
      }else
        arr.push(extend(items[i],{'isShow':false}));
    }      
  }
  return arr;
}
console.log(view(items,click_right));