;(function($) {
  var rotator;

  $.fn.updateTransition = function(transition) {
    rotator.updateTransition(transition);
  }

  $.fn.updateCpAlign = function(align) {
    rotator.updateCPanel(align);
  }

  $.fn.displayThumbs = function(display) {
    rotator.showThumbs(display);
  }

  $.fn.displayDButtons = function(display) {
    rotator.showDButtons(display);
  }

  $.fn.displayPlayButton = function(display) {
    rotator.showPlayButton(display);
  }

  $.fn.displayTooltip = function(display) {
    rotator.showTooltip(display);
  }

  $.fn.updateMouseoverCP = function(mouseover) {
    rotator.setMouseoverCP(mouseover);
  }

  $.fn.updateMouseoverDesc = function(mouseover) {
    rotator.setMouseoverDesc(mouseover);
  }

  $.fn.wtRotator = function(params) {
    var TOP_LEFT = "TL";
    var TOP_RIGHT = "TR";
    var BOTTOM_LEFT = "BL";
    var BOTTOM_RIGHT = "BR";

    var TRANSITIONS = new Array(33);
    TRANSITIONS["fade"]     = 0;
    TRANSITIONS["block.top"]   = 1;
    TRANSITIONS["block.right"]   = 2;
    TRANSITIONS["block.bottom"]  = 3;
    TRANSITIONS["block.left"]   = 4;
    TRANSITIONS["block.drop"]    = 5;
    TRANSITIONS["diag.fade"]   = 6;
    TRANSITIONS["diag.exp"]   = 7;
    TRANSITIONS["diag.fade.exp"] = 8;
    TRANSITIONS["block.fade"]    = 9;
    TRANSITIONS["block.exp"]   = 10;
    TRANSITIONS["vert.tl"]     = 11;
    TRANSITIONS["vert.tr"]     = 12;
    TRANSITIONS["vert.bl"]     = 13;
    TRANSITIONS["vert.br"]     = 14;
    TRANSITIONS["fade.left"]   = 15;
    TRANSITIONS["fade.right"]  = 16;
    TRANSITIONS["alt.left"]     = 17;
    TRANSITIONS["alt.right"]    = 18;
    TRANSITIONS["blinds.left"]  = 19;
    TRANSITIONS["blinds.right"] = 20;
    TRANSITIONS["horz.tl"]     = 21;
    TRANSITIONS["horz.tr"]     = 22;
    TRANSITIONS["horz.bl"]     = 23;
    TRANSITIONS["horz.br"]     = 24;
    TRANSITIONS["fade.top"]   = 25;
    TRANSITIONS["fade.bottom"]  = 26;
    TRANSITIONS["alt.top"]      = 27;
    TRANSITIONS["alt.bottom"]   = 28;
    TRANSITIONS["blinds.top"]   = 29;
    TRANSITIONS["blinds.bottom"]= 30;
    TRANSITIONS["none"]     = 31;
    TRANSITIONS["random"]     = 32;

    var DEFAULT_DELAY = 5000;
    var TOOLTIP_DELAY = 800;
    var INTERVAL_DELAY = 100;
    var TRANSPEED = 800;

    //Vertical Stripes
    function VertStripes(rotator, w, h, size, bgColor, tranSpeed) {
      var areaWidth = w;
      var areaHeight = h;
      var stripeSize = size;
      var stripeArr;
      var $stripes;
      var intervalId = null;

      //init stripes
      var init = function() {
        stripeArr = new Array(Math.ceil(areaWidth/stripeSize));

        var divs = "";
        for (var i = 0; i < stripeArr.length; i++) {
          divs += "<div class='vpiece' id='" + i + "'></div>";
        }
        rotator.addToScreen(divs);

        $stripes = $("div.vpiece", rotator.$el);
        $stripes.each(
          function(n) {
            stripeArr[n] = $(this).css({left: (n * stripeSize),
                           width: stripeSize,
                           height: areaHeight});
          }
        );
      }

      //clear animation
      this.clear = function() {
        clearInterval(intervalId);
        $stripes.stop().css({"z-index":2, opacity:0});
      }

      //display content
      this.displayContent = function(newImg, tran) {
        setPieces(newImg, tran);
        animate(newImg, tran);
      }

      //set image stripes
      var setPieces = function(newImg, tran) {
        if (tran == TRANSITIONS["vert.tl"] || tran == TRANSITIONS["vert.tr"]) {
          setVertPieces(newImg, -areaHeight, 0, stripeSize);
        }
        else if (tran == TRANSITIONS["vert.bl"] || tran == TRANSITIONS["vert.br"]) {
          setVertPieces(newImg, areaHeight, 0, stripeSize);
        }
        else if (tran == TRANSITIONS["alt.left"] || tran == TRANSITIONS["alt.right"]) {
          setAltVertPieces(newImg, 0);
        }
        else  if (tran == TRANSITIONS["blinds.left"] || tran == TRANSITIONS["blinds.right"]) {
          setVertPieces(newImg, 0, 1, 0);
        }
        else {
          setVertPieces(newImg, 0, 0, stripeSize);
        }
      }

      //set vertical stripes
      var setVertPieces = function(newImg, topPos, opacity, size) {
        var newImgSrc = newImg.src;
        var tOffset = (areaHeight - newImg.height)/2;
        var lOffset = (areaWidth - newImg.width)/2;
        for (var i = 0; i < stripeArr.length; i++) {
          var xPos =  ((-i * stripeSize) + lOffset);
          $(stripeArr[i]).css({
              "background":bgColor + " url('"+ newImgSrc +"') " +
              xPos + "px " + tOffset + "px no-repeat",
              "backgroundPositionX":xPos + "px",
              "backgroundPositionY":tOffset + "px",
              opacity:opacity, top:topPos, width:size, "z-index":3});
        }
      }

      //set alternative pos vertical stripes
      var setAltVertPieces = function(newImg, opacity) {
        var newImgSrc = newImg.src;
        var tOffset = (areaHeight - newImg.height)/2;
        var lOffset = (areaWidth - newImg.width)/2;
        for (var i = 0; i < stripeArr.length; i++) {
          var xPos =  ((-i * stripeSize) + lOffset);
          var topPos = (i % 2) == 0 ? -areaHeight: areaHeight;
          $(stripeArr[i]).css({
              "background":bgColor + " url('"+ newImgSrc +"') " +
              xPos + "px " + tOffset + "px no-repeat",
              "backgroundPositionX":xPos + "px",
              "backgroundPositionY":tOffset + "px",
              opacity:opacity, top:topPos, width:stripeSize, "z-index":3});
        }
      }

      //animate stripes
      var animate = function(newImg, tran) {
        var lastVert = stripeArr.length - 1;
        if (tran == TRANSITIONS["vert.tl"] || tran == TRANSITIONS["vert.bl"] ||
          tran == TRANSITIONS["fade.left"] || tran == TRANSITIONS["blinds.left"] ||
          tran == TRANSITIONS["alt.left"]) {
          var i = 0;
          intervalId = setInterval(
            function() {
              $(stripeArr[i++]).animate({top: 0, opacity:1, width:stripeSize},
                            tranSpeed, "",
                function() {
                  if ($(this).attr("id") == lastVert) {
                    rotator.setComplete(newImg);
                  }
                }
              );

              if (i == stripeArr.length) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY);
        }
        else {
          var i = lastVert;
          intervalId = setInterval(
            function() {
              $(stripeArr[i--]).animate({top: 0, opacity:1, width:stripeSize},
                            tranSpeed, "",
                function() {
                  if ($(this).attr("id") == 0) {
                    rotator.setComplete(newImg);
                  }
                }
              );

              if (i < 0) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY);
        }
      }

      init();
    }

    //Horizontal Stripes
    function HorzStripes(rotator, w, h, size, bgColor, tranSpeed) {
      var areaWidth = w;
      var areaHeight = h;
      var stripeSize = size;
      var stripeArr;
      var $stripes;
      var intervalId = null;

      //init stripes
      var init = function() {
        stripeArr = new Array(Math.ceil(areaHeight/stripeSize));

        var divs = "";
        for (var j = 0; j < stripeArr.length; j++) {
          divs += "<div class='hpiece' id='" + j + "'></div>";
        }
        rotator.addToScreen(divs);

        $stripes = $("div.hpiece", rotator.$el);
        $stripes.each(
          function(n) {
            stripeArr[n] = $(this).css({top: (n * stripeSize),
                          width: areaWidth,
                          height: stripeSize});
          }
        );
      }

      //clear animation
      this.clear = function() {
        clearInterval(intervalId);
        $stripes.stop().css({"z-index":2, opacity:0});
      }

      //display content
      this.displayContent = function(newImg, tran) {
        setPieces(newImg, tran);
        animate(newImg, tran);
      }

      //set image stripes
      var setPieces = function(newImg, tran) {
        if (tran == TRANSITIONS["horz.tr"] || tran == TRANSITIONS["horz.br"]) {
          setHorzPieces(newImg, areaWidth, 0, stripeSize);
        }
        else if (tran == TRANSITIONS["horz.tl"] || tran == TRANSITIONS["horz.bl"]) {
          setHorzPieces(newImg, -areaWidth, 0, stripeSize);
        }
        else if (tran == TRANSITIONS["alt.top"] || tran == TRANSITIONS["alt.bottom"]) {
          setAltHorzPieces(newImg, 0);
        }
        else  if (tran == TRANSITIONS["blinds.top"] || tran == TRANSITIONS["blinds.bottom"]) {
          setHorzPieces(newImg, 0, 1, 0);
        }
        else {
          setHorzPieces(newImg, 0, 0, stripeSize);
        }
      }

      //set horizontal stripes
      var setHorzPieces = function(newImg, leftPos, opacity, size) {
        var newImgSrc = newImg.src;
        var tOffset = (areaHeight - newImg.height)/2;
        var lOffset = (areaWidth - newImg.width)/2;
        for (var i = 0; i < stripeArr.length; i++) {
          var yPos = ((-i * stripeSize) + tOffset);
          $(stripeArr[i]).css({
              "background":bgColor + " url('"+ newImgSrc +"') " +
              lOffset + "px " + yPos  + "px no-repeat",
              "backgroundPositionX":lOffset  + "px",
              "backgroundPositionY":yPos + "px",
              opacity:opacity, left:leftPos, height:size,
              "z-index":3});
        }
      }

      //set alternative pos horizontal stripes
      var setAltHorzPieces = function(newImg, opacity) {
        var newImgSrc = newImg.src;
        var tOffset = (areaHeight - newImg.height)/2;
        var lOffset = (areaWidth - newImg.width)/2;
        for (var i = 0; i < stripeArr.length; i++) {
          var yPos = ((-i * stripeSize) + tOffset);
          var leftPos = (i % 2) == 0 ? -areaWidth: areaWidth;
          $(stripeArr[i]).css({
              "background":bgColor + " url('"+ newImgSrc +"') " +
              lOffset + "px " + yPos  + "px no-repeat",
              "backgroundPositionX":lOffset  + "px",
              "backgroundPositionY":yPos + "px",
              opacity:opacity, left:leftPos, height:stripeSize,
              "z-index":3});
        }
      }

      //animate stripes
      var animate = function(newImg, tran) {

        var lastHorz = stripeArr.length - 1;
        if (tran == TRANSITIONS["horz.tl"] || tran == TRANSITIONS["horz.tr"] ||
             tran == TRANSITIONS["fade.top"] || tran == TRANSITIONS["blinds.top"] ||
             tran == TRANSITIONS["alt.top"]) {
          var i = 0;
          intervalId = setInterval(
            function() {
              $(stripeArr[i++]).animate({left: 0, opacity:1, height:stripeSize},
                            tranSpeed, "",
                function() {
                  if ($(this).attr("id") == lastHorz) {
                    rotator.setComplete(newImg);
                  }
                }
              );

              if (i == stripeArr.length) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY);
        }
        else {
          var i = lastHorz;
          intervalId = setInterval(
            function() {
              $(stripeArr[i--]).animate({left: 0, opacity:1, height:stripeSize},
                            tranSpeed, "",
                function() {
                  if ($(this).attr("id") == 0) {
                    rotator.setComplete(newImg);
                  }
                }
              );

              if (i < 0) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY);
        }
      }

      init();
    }

    //class Blocks
    function Blocks(rotator, w, h, size, bgColor, tranSpeed) {
      var blockArr;
      var $blocks;
      var blockSize = size;
      var areaWidth = w;
      var areaHeight = h;
      var numRows;
      var numCols;
      var diagLength;
      var brId;
      var trId;
      var intervalId;

      //init blocks
      var init = function() {
        numRows = Math.ceil(areaHeight/blockSize);
        numCols = Math.ceil(areaWidth/blockSize);
        diagLength = (numRows - 1) + (numCols - 1) + 1;
        trId = 0 + "-" + (numCols - 1);
        brId = (numRows - 1) + "-" + (numCols - 1);

        var divs = "";
        for (var i = 0; i < numRows; i++) {
          for (var j = 0; j < numCols; j++) {
            divs += "<div class='block' id='" + i + "-" + j + "'></div>";
          }
        }
        rotator.addToScreen(divs);

        blockArr = new Array(numRows);
        for (var i = 0; i < numRows; i++) {
          blockArr[i] = new Array(numCols);
          for (var j = 0; j < numCols; j++) {
            blockArr[i][j] = $("#" + (i + "-" + j), rotator.$el)
                      .css({top: (i * blockSize), left: (j * blockSize),
                          width: blockSize, height: blockSize});
          }
        }
        $blocks = $("div.block", rotator.$el);
      }

      //clear blocks
      this.clear = function() {
        clearInterval(intervalId);
        $blocks.stop().css({"z-index":2, opacity:0});
      }

      //display content
      this.displayContent = function(newImg, tran) {
        if (tran == TRANSITIONS["diag.fade"]) {
          setBlocks(newImg, 0, blockSize, 0);
          diagTL(newImg, true, false, 0);
        }
        else if (tran == TRANSITIONS["diag.exp"]) {
          setBlocks(newImg, 1, 0, 0);
          diagTL(newImg, false, true);
        }
        else if (tran == TRANSITIONS["diag.fade.exp"]) {
          setBlocks(newImg, 0, 0, 0);
          diagTL(newImg, true, true);
        }
        else if (tran == TRANSITIONS["block.fade"]) {
          setBlocks(newImg, 0, blockSize, 0);
          randomBlockFade(newImg);
        }
        else if (tran == TRANSITIONS["block.exp"]) {
          setBlocks(newImg, 1, 0, 0);
          randomBlockExp(newImg);
        }
        else if (tran == TRANSITIONS["block.drop"]) {
          setBlocks(newImg, 1, blockSize, -(numRows * blockSize));
          blocksDrop(newImg);
        }
        else {
          setBlocks(newImg, 1, 0, 0);
          animateDir(newImg, tran);
        }
      }

      //set blocks
      var setBlocks = function(newImg, opacity, size, tPos) {
        var tOffset = (areaHeight - newImg.height)/2;
        var lOffset = (areaWidth - newImg.width)/2;
        var newImgSrc = newImg.src;
        for (var i = 0; i < numRows; i++) {
          for (var j = 0; j < numCols; j++) {
            var tVal = ((-i * blockSize) + tOffset);
            var lVal = ((-j * blockSize) + lOffset);
            $(blockArr[i][j]).css({"background":
                " url('"+ newImgSrc +"') " +
                lVal + "px " + tVal + "px no-repeat",
                "backgroundPositionX": lVal + "px", "backgroundPositionY": tVal + "px",
                opacity:opacity, top:(i * blockSize) + tPos, left: (j * blockSize),
                width:size, height:size, "z-index":3
              })
          }
        }
      }

      //animate blocks diagonal
      var diagBR = function(newImg, fade, expand) {
        var props;
        if (fade && expand) {
          props = {opacity:1, width:blockSize, height:blockSize};
        }
        else if (fade) {
          props = {opacity:1};
        }
        else {
          props = {width:blockSize, height:blockSize};
        }


        var i, j;
        var num = diagLength - 1;
        intervalId = setInterval(
          function() {
            for (var n = num; n >= 0; n--) {
              i = n;
              j = Math.abs(i - num);
              if (i < numRows && j < numCols) {
                $(blockArr[i][j]).animate(props, tranSpeed, "",
                  function() {
                    if ($(this).attr("id") == "0-0") {
                      rotator.setComplete(newImg);
                    }
                  });
              }
            }

            if (num > 0) {
              num--;
            }
            else {
              clearInterval(intervalId);
            }
          }, INTERVAL_DELAY);
      }

      //animate blocks diagonal
      var diagTL = function(newImg, fade, expand) {
        var props;
        if (fade && expand) {
          props = {opacity:1, width:blockSize, height:blockSize};
        }
        else if (fade) {
          props = {opacity:1};
        }
        else {
          props = {width:blockSize, height:blockSize};
        }

        var i, j;
        var num = 0;
        intervalId = setInterval(
          function() {
            for (var n = 0; n <= num; n++) {
              i = n;
              j = Math.abs(i - num);
              if (i < numRows && j < numCols) {
                $(blockArr[i][j]).animate(props, tranSpeed, "",
                  function() {
                    if ($(this).attr("id") == brId) {
                      rotator.setComplete(newImg);
                    }
                  });
              }
            }

            if (num < diagLength) {
              num++;
            }
            else {
              clearInterval(intervalId);
            }
          }, INTERVAL_DELAY);
      }

      //animate directional
      var animateDir = function(newImg, tran) {
        var delay = 0;
        if (tran == TRANSITIONS["block.left"]) {
          var j = 0;
          intervalId = setInterval(
            function() {
              for (var i = 0; i < numRows; i++) {
                $(blockArr[i][j]).animate({opacity:1, width:blockSize, height:blockSize},
                      tranSpeed, "",
                    function() {
                      if ($(this).attr("id") == brId) {
                        rotator.setComplete(newImg);
                      }
                    });
              }
              j++;
              if (j == numCols) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY);
        }
        else if (tran == TRANSITIONS["block.right"]) {
          var j = numCols - 1;
          intervalId = setInterval(
            function() {
              for (var i = 0; i < numRows; i++) {
                $(blockArr[i][j]).animate({opacity:1, width:blockSize, height:blockSize},
                      tranSpeed, "",
                    function() {
                      if ($(this).attr("id") == "0-0") {
                        rotator.setComplete(newImg);
                      }
                    });
              }
              j--;
              if (j < 0) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY
          );
        }
        else if (tran == TRANSITIONS["block.top"]) {
          var i = 0;
          intervalId = setInterval(
            function() {
              for (var j = 0; j < numCols; j++) {
                $(blockArr[i][j]).animate({opacity:1, width:blockSize, height:blockSize},
                      tranSpeed, "",
                    function() {
                      if ($(this).attr("id") == brId) {
                        rotator.setComplete(newImg);
                      }
                    });
              }
              i++;
              if (i == numRows) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY
          );
        }
        else {
          var i = numRows - 1;
          intervalId = setInterval(
            function() {
              for (var j = 0; j < numCols; j++) {
                $(blockArr[i][j]).animate({opacity:1, width:blockSize, height:blockSize},
                      tranSpeed, "",
                    function() {
                      if ($(this).attr("id") == "0-0") {
                        rotator.setComplete(newImg);
                      }
                    });
              }
              i--;
              if (i < 0) {
                clearInterval(intervalId);
              }
            }, INTERVAL_DELAY
          );
        }
      }

      //blocks drop
      var blocksDrop = function(newImg) {
        var i = numRows - 1;
        var rowDelay = numCols * INTERVAL_DELAY;
        intervalId = setInterval(
          function() {
            rowDrop(blockArr[i], i, newImg);
            i--;
            if (i < 0) {
              clearInterval(intervalId);
            }
          }, rowDelay);
      }

      //block row drop
      var rowDrop = function(rowArr, rowIndex, newImg) {
        var topVal = (rowIndex * blockSize);

        var i = 0;
        var tempId = setInterval(
          function() {
            $(rowArr[i]).animate({top:topVal}, tranSpeed, "",
              function() {
                if ($(this).attr("id") == trId) {
                  rotator.setComplete(newImg);
                }
              });

              i++;
              if (i == numCols) {
                clearInterval(tempId);
              }
          }, INTERVAL_DELAY);
      }

      //random block fade
      var randomBlockFade = function(newImg) {
        var count = 0;
        var total = (numRows * numCols);
        $blocks.each(
          function(n) {
            $(this).delay(Math.random() * tranSpeed)
                 .animate({opacity:1}, (Math.random() * tranSpeed), "",
              function() {
                count++;
                if (count == total) {
                  rotator.setComplete(newImg);
                }
              }
            );
          }
        );
      }

      //random block expand
      var randomBlockExp = function(newImg) {
        var count = 0;
        var total = (numRows * numCols);
        $blocks.each(
          function(n) {
            $(this).delay(Math.random() * tranSpeed)
                 .animate({width:blockSize, height:blockSize},
                    (Math.random() * tranSpeed), "",
              function() {
                count++;
                if (count == total) {
                  rotator.setComplete(newImg);
                }
              }
            );
          }
        );
      }

      init();
    }

    function Rotator($obj, opts) {
      //set options
      var screenWidth = opts.width;
      var screenHeight = opts.height;
      var margin = opts.button_margin;
      var globalTran = opts.transition.toLowerCase();
      var tranSpeed = opts.transition_speed > 0 ? opts.transition_speed : TRANSPEED;
      var globalDelay = opts.delay > 0 ? opts.delay: DEFAULT_DELAY;
      var rotate = opts.auto_start;
      var bgColor = opts.background_color;
      var border = opts.border;
      var cpAlign = opts.cpanel_align;
      var buttonWidth =  opts.button_width;
      var buttonHeight = opts.button_height;
      var blockSize = opts.block_size > 0 ? opts.block_size : 100;
      var vertSize = opts.vert_size > 0 ? opts.vert_size : 50;
      var horzSize = opts.horz_size > 0 ? opts.horz_size : 50;
      var displayThumbs = opts.display_thumbs;
      var displayDBtns = opts.display_dbuttons;
      var displayPlayBtn = opts.display_playbutton;
      var displayTooltip = opts.display_tooltip;
      var displayNumber = opts.display_numbers;
      var cpMouseover = opts.cpanel_mouseover;
      var descMouseover = opts.text_mouseover;
      var cpMargin = opts.cpanel_margin;

      var numItems = 0;
      var currIndex = 0;
      var imgPaths;
      var imgs;
      var currDelay;
      var currTran;
      var textPadding;
      var ttX;
      var ttY;
      var ttLeft = false;
      var vStripes;
      var hStripes;
      var blocks;
      var timerId = null;
      var cpPos;
      var cpOffset;
      var hover = false;
      var textDisplayed = false;
      var msie = (jQuery.browser.msie) ? true : false;

      var $mainScreen = $(".wt-rotator", $obj);
      var $mainImg = $("#main-img", $obj);
      var $bgImg = $("#bg-img", $obj);
      var $desc = $("div.desc", $obj);
      var $preloader = $("div.preloader", $obj);
      var $cPanel = $("div.c-panel", $obj);
      var $thumbnails = $("div.thumbnails", $obj);
      var $thumbList = $thumbnails.find("li");
      var $buttons = $("div.buttons", $obj);
      var $playBtn = $(".play-btn", $obj);
      var $prevBtn = $(".prev-btn", $obj);
      var $nextBtn = $(".next-btn", $obj);
      var $tooltip = $("#tooltip", $obj);
      var $tmpDesc;
      var $currThumb;
      this.$el = $obj;

      //init rotator
      this.init = function() {
        numItems = $thumbList.size();
        textPadding = Number($desc.outerWidth() - $desc.width());

        $mainScreen.css({"background-color":bgColor, "border":border,
                  width:screenWidth, height:screenHeight});

        //init button controls
        initThumbs();
        initButtons();
        initCPanel();

        //init text panel
        $mainScreen.append("<div class='tmp-desc'></div>");
        $tmpDesc = $("div.tmp-desc", $obj);

        //config preloader
        $preloader.css({top: (screenHeight - $preloader.outerHeight())/2,
                left:(screenWidth -  $preloader.outerWidth())/2});

        $mainScreen.hover(
          function(e) {
            hover = true;
            if (cpMouseover) {
              displayCPanel();
            }
            if (descMouseover) {
              displayDesc();
            }
          },
          function(e) {
            hover = false;
            if (cpMouseover) {
              hideCPanel();
            }
            if (descMouseover) {
              hideDesc();
            }
          }
        );

        //init blocks & stripes
        vStripes =  new VertStripes(this, screenWidth, screenHeight,
                      vertSize, bgColor, tranSpeed);
        hStripes =  new HorzStripes(this, screenWidth, screenHeight,
                      horzSize, bgColor, tranSpeed);
        blocks =   new Blocks(this, screenWidth, screenHeight,
                         blockSize, bgColor, tranSpeed);

        //init image loading
        initImgLoad();

        //display initial image
        loadContent(currIndex);
      }

      //set complete
      this.setComplete = function(newImg) {
        displayDesc();
        setImgPosition(newImg);
        $mainImg.attr("src", newImg.src);
        startTimer();
      }

      //add to screen
      this.addToScreen = function(s) {
        $mainScreen.find(">a:first").append(s);
      }

      //init control panel
      var initCPanel = function() {
        $cPanel.css({width:$buttons.outerWidth(true) + $thumbnails.outerWidth(true)});
        var marginTop = 0;
        var marginLeft = 0;
        var marginBottom = 0;
        var marginRight = 0;

        if (cpAlign == TOP_LEFT) {
          $cPanel.css({"margin-top":cpMargin, "margin-left":cpMargin,
                 "margin-bottom":0, "margin-right":0});
          cpOffset = -$cPanel.outerHeight(true);
          cpPos = 0;
          $cPanel.css({top:cpPos, left:0});
          $thumbnails.css("float", "left");
          $buttons.css("float", "left");
          ttX = 0;
          ttY = 25;
          ttLeft = false;
        }
        else if (cpAlign == TOP_RIGHT) {
          $cPanel.css({"margin-right":cpMargin, "margin-top":cpMargin,
                 "margin-bottom":0, "margin-left":0});
          cpOffset = -$cPanel.outerHeight(true);
          cpPos = 0;
          $cPanel.css({top:cpPos, left:screenWidth - ($cPanel.outerWidth(true) - margin)});
          $thumbnails.css("float", "right");
          $buttons.css("float", "right");
          ttX = 0;
          ttY = 25;
          ttLeft = true;
        }
        else if (cpAlign == BOTTOM_LEFT) {
          $cPanel.css({"margin-left":cpMargin, "margin-bottom":cpMargin,
                 "margin-top":0, "margin-right":0});
          cpOffset = screenHeight;
          cpPos = screenHeight - $cPanel.outerHeight(true);
          $cPanel.css({top:cpPos, left:0});
          $thumbnails.css("float", "left");
          $buttons.css("float", "left");
          ttX = 0;
          ttY = -30;
          ttLeft = false;
        }
        else {
          $cPanel.css({"margin-right":cpMargin, "margin-bottom":cpMargin,
                 "margin-top":0, "margin-left":0});
          cpOffset = screenHeight;
          cpPos = screenHeight - $cPanel.outerHeight(true);
          $cPanel.css({top:cpPos,
                 left:screenWidth - ($cPanel.outerWidth(true) - margin)});
          $thumbnails.css("float", "right");
          $buttons.css("float", "right");
          ttX = 0;
          ttY = -30;
          ttLeft = true;
        }

        if (cpMouseover && !hover) {
          $cPanel.css({top:cpOffset});
        }
      }

      //init buttons
      var initButtons = function() {
        //config directional buttons
        if (displayDBtns) {
          $prevBtn.css({"margin-right":margin, width:buttonWidth, height:buttonHeight})
              .click(imgBack)
              .mouseover(btnOver).mouseout(btnOut);
          $nextBtn.css({"margin-right":margin, width:buttonWidth, height:buttonHeight})
              .click(imgFwd)
              .mouseover(btnOver).mouseout(btnOut);
        }
        else {
          $prevBtn.hide();
          $nextBtn.hide();
        }
        //config play button
        if (displayPlayBtn) {
          if (!rotate) {
            $playBtn.css("background-image", "url(assets/play.png)");
          }

          $playBtn.css({"margin-right":margin, width:buttonWidth, height:buttonHeight})
              .click(playPause)

              .mouseover(btnOver).mouseout(btnOut);
        }
        else {
          $playBtn.hide();
        }
      }

      //init thumbs
      var initThumbs = function() {
        $thumbList.each(
          function(n) {
            initTextData($(this));
            $(this).css({width:buttonWidth, height:buttonHeight,
                   "line-height":buttonHeight + "px",
                   "margin-right":margin});

            if (displayNumber) {
              $(this).append(n+1);
            }
          }
        );

        if (displayThumbs) {
          $thumbList.click(
              function(e) {
                stopTimer();
                currIndex = $(this).index();
                loadContent(currIndex);
                return false;
              }
            ).mouseover(
              function(e) {
                $(this).addClass("thumb-over");
                if (displayTooltip) {
                  var caption = $(this).find(">a:first").attr("title");
                  if (caption != "") {
                    $tooltip.html(caption);
                    ttX = (ttLeft) ? -$tooltip.width() : 0;
                    var offset = $mainScreen.offset();
                    $tooltip.css({top:e.pageY + ttY - offset.top,
                           left:e.pageX + ttX - offset.left})
                        .delay(TOOLTIP_DELAY).show(0);
                  }
                }
              }
            ).mouseout(
              function(e) {
                $(this).removeClass("thumb-over");
                $tooltip.stop().hide();
              }
            ).mousemove(
              function(e) {
                var offset = $mainScreen.offset();
                $tooltip.css({top:e.pageY + ttY - offset.top,
                        left:e.pageX + ttX - offset.left});
              }
          );
        }
        else {
          $thumbnails.css({display:"none"}).width(0);
        }
      }

      //move image back
      var imgBack = function() {
        stopTimer();
        currIndex = (currIndex > 0) ? currIndex - 1 : (numItems - 1);
        loadContent(currIndex);
      }

      //move image forward
      var imgFwd = function() {
        stopTimer();
        currIndex = (currIndex < numItems - 1) ? currIndex + 1 : 0;
        loadContent(currIndex);
      }

      //play/pause
      var playPause = function() {
        rotate = !rotate;
        if (rotate) {
          $(this).css("background-image", "url(assets/pause.png)");
          startTimer();
        }
        else {
          $(this).css("background-image", "url(assets/play.png)");
          stopTimer();
        }
      }

      var btnOver = function() {
        $(this).addClass("button-over");
      }

      var btnOut = function() {
        $(this).removeClass("button-over");
      }

      //init text description data
      var initTextData = function($thumb) {
        var $p = $thumb.find(">p:first");
        var x =  getPosNumParam($p.attr("x"), 0);
        var y =  getPosNumParam($p.attr("y"), 0);
        var txtWidth = getPosNumParam($p.attr("w"), 400);
        txtWidth -= textPadding;

        $thumb.data("desc", {x:x, y:y, w:txtWidth});
      }

      //display description panel
      var displayDesc = function(){
        if (!textDisplayed) {
          if (descMouseover && !hover) {
            return;
          }
          textDisplayed = true;
          var data = $currThumb.data("desc");
          var text = $currThumb.find(">p:first").html();
          var txtWidth = data.w;

          $tmpDesc.css({width:txtWidth}).html(text);
          var txtHeight = $tmpDesc.height();

          $desc.css({top:data.y, left:data.x, width:txtWidth, height:0}).html("");
          if (txtHeight != 0) {
            $desc.animate({opacity:1, height:txtHeight}, "slow", "",
              function () {
                $(this).html(text);

                if (msie) {
                  this.style.removeAttribute('filter');
                  this.style.removeAttribute('height');//dorobione
                }

              }
            );
          }
        }
      }

      //hide description panel
      var hideDesc = function() {
        textDisplayed = false;
        if ($desc.html() != "") {
          $desc.stop(true).animate({height:0, opacity:0}, tranSpeed);
        }
        else {
          $desc.stop(true).animate({opacity:0}, tranSpeed);
        }
      }

      var displayCPanel = function() {
        $cPanel.animate({top:cpPos, opacity:1}, "slow");
      }

      var hideCPanel = function() {
        $cPanel.stop(true).animate({top:cpOffset, opacity:0}, "slow");
      }

      //load current content
      var loadContent = function(i) {

        //get selected thumb
        $currThumb = $thumbnails.find("li:nth-child(" + (i+1) + ")");

        $thumbList.removeClass("curr-thumb");
        $currThumb.addClass("curr-thumb");

        //set transition
        currTran =  $currThumb.attr("tran") != undefined ? $currThumb.attr("tran") : globalTran;

        //set delay
        currDelay =  getPosNumParam($currThumb.attr("delay"), globalDelay);

        //set url
        var urlLink = $currThumb.find(">a:last").attr("href");
        var urlTarget = $currThumb.find(">a:last").attr("target");
        if (urlLink != undefined && urlLink != "") {
          $mainScreen.find(">a:first").css({cursor:"pointer"})
                 .attr("href", urlLink).attr("target", urlTarget);
        }
        else {
          $mainScreen.find(">a:first").css({cursor:"default"})
                 .attr("href", "#").attr("target", "_self");
        }

        //hide description
        hideDesc();

        //load image
        if (imgs[i]) {
          $preloader.hide();
          //display stored image
          displayContent(imgs[i]);
        }
        else {
          //load new image
          var currImg = new Image();
          $(currImg).attr("src", imgPaths[i]);
          if (!currImg.complete) {
            $preloader.show();
            $(currImg).load(
              function() {
                $preloader.hide();
                imgs[i] = jQuery.extend(true, {}, this);
                displayContent(currImg);
              }
            ).error(
              function() {
                alert("Error loading image");
              }
            );
          }
          else {
            $preloader.hide();
            imgs[i] = jQuery.extend(true, {}, currImg);
            displayContent(currImg);
          }
        }
      }

      //display image
      var displayContent = function(newImg) {
        //clear
        vStripes.clear();
        hStripes.clear();
        blocks.clear();

        //get transition number
        var tranNum = TRANSITIONS[currTran];

        if (tranNum == TRANSITIONS["random"]) {
          tranNum = Math.floor(Math.random() * (TRANSITIONS.length - 2));
        }

        if (tranNum == TRANSITIONS["none"]) {
          showContent(newImg);
        }
        else if (tranNum == TRANSITIONS["fade"]) {
          fadeInContent(newImg);
        }
        else if (tranNum < TRANSITIONS["vert.tl"]) {
          blocks.displayContent(newImg, tranNum);
        }
        else if (tranNum < TRANSITIONS["horz.tl"]) {
          vStripes.displayContent(newImg, tranNum);
        }
        else {
          hStripes.displayContent(newImg, tranNum);
        }
      }

      //display image (no transition)
      var showContent = function(newImg) {
        setImgPosition(newImg);
        $mainImg.attr("src", newImg.src).show(0,
          function() {
            displayDesc();
            startTimer();
          }
        );
      }

      //display image (fade transition)
      var fadeInContent = function(newImg) {
        $bgImg.css({top:$mainImg.css("top"), left:$mainImg.css("left"),
              "padding-top":$mainImg.css("padding-top"),
              "padding-bottom":$mainImg.css("padding-bottom"),
              "padding-left":$mainImg.css("padding-left"),
              "padding-right":$mainImg.css("padding-right")})
              .attr("src", $mainImg.attr("src")).show();
        $mainImg.hide();

        setImgPosition(newImg);
        $mainImg.attr("src", newImg.src).fadeIn(tranSpeed,
          function() {
            $bgImg.hide();
            displayDesc();
            startTimer();
          }
        );
      }

      //init image loading
      var initImgLoad = function() {
        imgs = new Array(numItems);
        imgPaths = new Array(numItems);

        //init image paths
        $thumbList.each(
          function(n){
            imgPaths[n] = $(this).find(">a:first").attr("href");
          }
        );

        //start image loading
        var loadIndex = 0;
        var img = new Image();
        $(img).attr("src", imgPaths[loadIndex]);

        //load image complete/error event handler
        $(img).load(
          function() {
            imgs[loadIndex] = jQuery.extend(true, {}, this);

            loadIndex++
            if (loadIndex < imgPaths.length) {
              $(this).attr("src", imgPaths[loadIndex]);
            }
          }).error(function() {
            //error loading image, continue next
            loadIndex++
            if (loadIndex < imgPaths.length) {
              $(this).attr("src", imgPaths[loadIndex]);
            }
          }
        );
      }

      //adjust image padding
      var setImgPosition = function(newImg) {
        var tMargin = (screenHeight - newImg.height)/2;
        var lMargin = (screenWidth  - newImg.width)/2
        var top = 0;
        var left = 0;
        var vertPadding = 0;
        var horzPadding = 0;

        if (tMargin > 0) {
          vertPadding = tMargin;
        }
        else if (tMargin < 0) {
          top = tMargin;
        }

        if (lMargin > 0) {
          horzPadding = lMargin;
        }
        else if (lMargin < 0) {
          left = lMargin;
        }

        $mainImg.css({top:top, left:left,
                "padding-top":vertPadding, "padding-bottom":vertPadding,
                "padding-left":horzPadding, "padding-right":horzPadding});
      }

      //start timer
      var startTimer = function() {
        if (rotate && timerId == null) {
          timerId = setTimeout(imgFwd, currDelay);
        }
      }

      //stop timer
      var stopTimer = function() {
        clearTimeout(timerId);
        timerId = null;
      }

      var getPosNumParam = function(val, defaultVal) {
        if (val != undefined && !isNaN(val)) {
          val = Number(val);
          if (val > 0) {
            return val;
          }
        }

        return Number(defaultVal);
      }

      this.setMouseoverCP = function(val) {
        cpMouseover = val;
        if (cpMouseover) {
          hideCPanel();
        }
        else {
          displayCPanel();
        }
      }

      this.setMouseoverDesc = function(val) {
        descMouseover = val;
        if (descMouseover) {
          hideDesc();
        }
        else {
          displayDesc();
        }
      }

      this.updateTransition = function(val) {
        globalTran = val;
      }

      this.showThumbs = function(display) {
        displayThumbs = display;
        if (displayThumbs) {
          $thumbnails.show();
        }
        else {
          $thumbnails.hide();
        }
        initCPanel();
      }

      this.showDButtons = function(display) {
        displayDBtns = display;
        if (displayDBtns) {
          $prevBtn.show();
          $nextBtn.show();
        }
        else {
          $prevBtn.hide();
          $nextBtn.hide();
        }
        initCPanel();
      }

      this.showPlayButton = function(display) {
        displayPlayBtn = display;
        if (displayPlayBtn) {
          $playBtn.show();
        }
        else {
          $playBtn.hide();
        }
        initCPanel();
      }

      this.showTooltip = function(display) {
        displayTooltip = display;
      }

      //init control panel
      this.updateCPanel = function(align) {
        cpAlign = align;
        initCPanel();
      }
    }

    var defaults = {
      width:800,
      height:300,
      background_color:"#000",
      border:"1px solid #000",
      button_width:24,
      button_height:24,
      button_margin:4,
      auto_start:true,
      delay:DEFAULT_DELAY,
      transition:"fade",
      transition_speed:800,
      block_size:100,
      vert_size:50,
      horz_size:50,
      cpanel_align:"BR",
      cpanel_margin:6,
      display_thumbs:true,
      display_dbuttons:true,
      display_playbutton:true,
      display_tooltip:true,
      display_numbers:true,
      cpanel_mouseover:false,
      text_mouseover:false
    };

    var opts = $.extend({}, defaults, params);

    return this.each(
      function() {
        rotator = new Rotator($(this), opts);
        rotator.init();
      }
    );
  }
})(jQuery);