// jQuery.bbrk.home.sliderImage.js

(function ($) {
  
  if (typeof $.bbrk === "undefined") {
    $.bbrk = {};
  }
  
  if (typeof $.bbrk.home === "undefined") {
    $.bbrk.home = {};
  }
  
  $.bbrk.home.sliderImage = function (src) {
    
    var $sliderImage;
    var $contents;
    var imgList = [];
    
    var length = 2;
    
    $sliderImage = $("<div>", {
      "class": "image"
    });
    
    $sliderImage.css({
      position: "relative",
      width: "100%",
      height: "100%"
    });
    
    $contents = $("<div>");
    
    for (var i = 0; i < length; ++i) {
      
      var $image = $("<div>");
      var $img = $("<img src=\"" + src + "\">");
      
      $img.css({
        verticalAlign: "bottom"
      });
      
      $image.html($img);
      $contents.append($image);
      imgList.push($img);
    }

    $contents.css({
      position: "absolute",
      top: "50%",
      left: "50%"
    });
    
    $sliderImage.html($contents);
    
    $sliderImage.resize = function (width, height) {

      $contents.css({
        marginTop: (-height / 2) + "px",
        marginLeft: (-width / 2) + "px"
      });
    
      for (var i = 0; i < imgList.length; ++i) {
        imgList[i].css({
          width: width,
          height: height
        });
      }

    }

    return $sliderImage;
  };
  
})(jQuery);