var onitem = false;
$(document).ready(function() {
   /* $("div.RangeItem").modelList();*/
});

$.fn.modelList = function() {



    return this.each(function() {
        var modelList = this;
        var id = $(this).attr("id").substr(6);
        var oninfo = false;
        var infopanel = $("#infoPanel");
        var item = $(this);
        var position = item.position();
        var modeldata = false;
        var showIssuulink = function(e){
            e.preventDefault();
            $.show_issuu_TB(modeldata.file_catalog_issuu);
        }

        modelList.showModeldata = function() {
            if(modeldata.image_detail) {
              infopanel.find("div.image").html('<img src="' + modeldata.image_detail +'" alt="" />');
            } else {
              infopanel.find("div.image").html("");
            }
           
            infopanel.find("div.info h3").html(modeldata.title);
            infopanel.find("div.info h4").html($.translate("price_from", "model.list") + " " + modeldata.price_from);
            infopanel.css({"top" : (item.offset().top + 25)+ "px"});
            infopanel.find("div.arrow").css({"left" : position.left});
            infopanel.show();
            infopanel.find("div.buttons a").each(function() {
              var modelparam = $(this).attr("href").lastIndexOf("/") + 1;
              if(modelparam != -1) {
                  var href = $(this).attr("href").substr(0, modelparam);
              } else {
                  var href = $(this).attr("href");
              }
              $(this).attr("href", href + modeldata.name);
            });

            if(!modeldata.file_catalog) {
              infopanel.find("div.buttons a.catalog").parent().hide();
            } else {
              var a = infopanel.find("div.buttons a.catalog");
              if (modeldata.file_catalog_issuu)
                  a.bind('click', showIssuulink);
              else
                  a.unbind('click', showIssuulink);
              a.parent().show();
            }

            if(!modeldata.file_pricelist) {
              infopanel.find("div.buttons a.pricelist").parent().hide();
            } else {
              infopanel.find("div.buttons a.pricelist").parent().show();
            }
            onitem = true;
        };

        infopanel.mouseenter(function() {
          oninfo = true;
        });

        infopanel.mouseleave(function() {
          oninfo = false;
          infopanel.hide();
        });

        $(this).mouseenter(function() {
          if(!modeldata) {
            $.json('model', 'modeldata', {'id' : id}, function(j) {
                modeldata = j.modeldata;
                modelList.showModeldata();
            });
          } else {
            modelList.showModeldata();
          }
          onitem = true;
        });

        $(this).mouseleave(function() {
          onitem = false;
          t = setTimeout(function() {
            if(!oninfo && !onitem) {
              infopanel.hide();
            }
          }, 500);
        });

    });
}