; (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 TOP_CENTER = "TC";
        var BOTTOM_LEFT = "BL";
        var BOTTOM_RIGHT = "BR";
        var BOTTOM_CENTER = "BC";
        var CENTER = 0;
        var LEFT = 1;
        var RIGHT = 2;

        var TRANSITIONS = new Array(40);
        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["rev.diag.fade"] = 9;
        TRANSITIONS["rev.diag.exp"] = 10;
        TRANSITIONS["rev.diag.fade.exp"] = 11;
        TRANSITIONS["block.fade"] = 12;
        TRANSITIONS["block.exp"] = 13;
        TRANSITIONS["block.top.zz"] = 14;
        TRANSITIONS["block.bottom.zz"] = 15;
        TRANSITIONS["block.left.zz"] = 16;
        TRANSITIONS["block.right.zz"] = 17;
        TRANSITIONS["vert.tl"] = 18;
        TRANSITIONS["vert.tr"] = 19;
        TRANSITIONS["vert.bl"] = 20;
        TRANSITIONS["vert.br"] = 21;
        TRANSITIONS["fade.left"] = 22;
        TRANSITIONS["fade.right"] = 23;
        TRANSITIONS["alt.left"] = 24;
        TRANSITIONS["alt.right"] = 25;
        TRANSITIONS["blinds.left"] = 26;
        TRANSITIONS["blinds.right"] = 27;
        TRANSITIONS["horz.tl"] = 28;
        TRANSITIONS["horz.tr"] = 29;
        TRANSITIONS["horz.bl"] = 30;
        TRANSITIONS["horz.br"] = 31;
        TRANSITIONS["fade.top"] = 32;
        TRANSITIONS["fade.bottom"] = 33;
        TRANSITIONS["alt.top"] = 34;
        TRANSITIONS["alt.bottom"] = 35;
        TRANSITIONS["blinds.top"] = 36;
        TRANSITIONS["blinds.bottom"] = 37;
        TRANSITIONS["none"] = 38;
        TRANSITIONS["random"] = 39;

        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 total;
            var diagLength;
            var tlId;
            var trId;
            var blId;
            var brId;
            var intervalId;

            //init blocks
            var init = function() {
                numRows = Math.ceil(areaHeight / blockSize);
                numCols = Math.ceil(areaWidth / blockSize);
                total = (numRows * numCols);
                diagLength = (numRows - 1) + (numCols - 1) + 1;
                tlId = 0 + "-" + 0;
                trId = 0 + "-" + (numCols - 1);
                blId = (numRows - 1) + "-" + 0;
                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, { opacity: 1 });
                }
                else if (tran == TRANSITIONS["diag.exp"]) {
                    setBlocks(newImg, 1, 0, 0);
                    diagTL(newImg, { width: blockSize, height: blockSize });
                }
                else if (tran == TRANSITIONS["diag.fade.exp"]) {
                    setBlocks(newImg, 0, 0, 0);
                    diagTL(newImg, { opacity: 1, width: blockSize, height: blockSize });
                }
                else if (tran == TRANSITIONS["rev.diag.fade"]) {
                    setBlocks(newImg, 0, blockSize, 0);
                    diagBR(newImg, { opacity: 1 });
                }
                else if (tran == TRANSITIONS["rev.diag.exp"]) {
                    setBlocks(newImg, 1, 0, 0);
                    diagBR(newImg, { width: blockSize, height: blockSize });
                }
                else if (tran == TRANSITIONS["rev.diag.fade.exp"]) {
                    setBlocks(newImg, 0, 0, 0);
                    diagBR(newImg, { opacity: 1, width: blockSize, height: blockSize });
                }
                else if (tran == TRANSITIONS["block.fade"]) {
                    setBlocks(newImg, 0, blockSize, 0);
                    randomAnimate(newImg, { opacity: 1 });
                }
                else if (tran == TRANSITIONS["block.exp"]) {
                    setBlocks(newImg, 1, 0, 0);
                    randomAnimate(newImg, { width: blockSize, height: blockSize });
                }
                else if (tran == TRANSITIONS["block.drop"]) {
                    setBlocks(newImg, 1, blockSize, -(numRows * blockSize));
                    randomShift(newImg);
                }
                else if (tran == TRANSITIONS["block.top.zz"]) {
                    setBlocks(newImg, 0, blockSize, 0);
                    topZigZag(newImg);
                }
                else if (tran == TRANSITIONS["block.bottom.zz"]) {
                    setBlocks(newImg, 0, blockSize, 0);
                    bottomZigZag(newImg);
                }
                else if (tran == TRANSITIONS["block.left.zz"]) {
                    setBlocks(newImg, 0, blockSize, 0);
                    leftZigZag(newImg);
                }
                else if (tran == TRANSITIONS["block.right.zz"]) {
                    setBlocks(newImg, 0, blockSize, 0);
                    rightZigZag(newImg);
                }
                else {
                    setBlocks(newImg, 1, 0, 0);
                    dirAnimate(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 diagTL = function(newImg, props) {
                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 blocks diagonal reverse
            var diagBR = function(newImg, props) {
                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);
            }

            //columns left zig zag
            var leftZigZag = function(newImg) {
                var fwd = true;
                var lastId = (numCols % 2 == 0) ? trId : brId;

                var i = 0;
                var j = 0;
                intervalId = setInterval(
					function() {
					    $(blockArr[i][j]).animate({ opacity: 1 }, tranSpeed, "",
								function() {
								    if ($(this).attr("id") == lastId) {
								        rotator.setComplete(newImg);
								    } 
								});

					    if ($(blockArr[i][j]).attr("id") == lastId) {
					        clearInterval(intervalId);
					    }

					    (fwd ? i++ : i--);
					    if (i == numRows || i < 0) {
					        fwd = !fwd;
					        i = (fwd ? 0 : numRows - 1);
					        j++;
					    }
					}, INTERVAL_DELAY);
            }

            //columns right zig zag
            var rightZigZag = function(newImg) {
                var fwd = true;
                var lastId = (numCols % 2 == 0) ? tlId : blId;

                var i = 0;
                var j = numCols - 1;
                intervalId = setInterval(
					function() {
					    $(blockArr[i][j]).animate({ opacity: 1 }, tranSpeed, "",
								function() {
								    if ($(this).attr("id") == lastId) {
								        rotator.setComplete(newImg);
								    } 
								});

					    if ($(blockArr[i][j]).attr("id") == lastId) {
					        clearInterval(intervalId);
					    }

					    (fwd ? i++ : i--);
					    if (i == numRows || i < 0) {
					        fwd = !fwd;
					        i = (fwd ? 0 : numRows - 1);
					        j--;
					    }
					}, INTERVAL_DELAY);
            }

            //rows top zig zag
            var topZigZag = function(newImg) {
                var fwd = true;
                var lastId = (numRows % 2 == 0) ? blId : brId;

                var i = 0;
                var j = 0;
                intervalId = setInterval(
					function() {
					    $(blockArr[i][j]).animate({ opacity: 1 }, tranSpeed, "",
								function() {
								    if ($(this).attr("id") == lastId) {
								        rotator.setComplete(newImg);
								    } 
								});

					    if ($(blockArr[i][j]).attr("id") == lastId) {
					        clearInterval(intervalId);
					    }

					    (fwd ? j++ : j--);
					    if (j == numCols || j < 0) {
					        fwd = !fwd;
					        j = (fwd ? 0 : numCols - 1);
					        i++;
					    }
					}, INTERVAL_DELAY);
            }

            //rows bottom zig zag
            var bottomZigZag = function(newImg) {
                var fwd = true;
                var lastId = (numRows % 2 == 0) ? tlId : trId;

                var i = numRows - 1;
                var j = 0;
                intervalId = setInterval(
					function() {
					    $(blockArr[i][j]).animate({ opacity: 1 }, tranSpeed, "",
								function() {
								    if ($(this).attr("id") == lastId) {
								        rotator.setComplete(newImg);
								    } 
								});

					    if ($(blockArr[i][j]).attr("id") == lastId) {
					        clearInterval(intervalId);
					    }

					    (fwd ? j++ : j--);
					    if (j == numCols || j < 0) {
					        fwd = !fwd;
					        j = (fwd ? 0 : numCols - 1);
					        i--;
					    }
					}, INTERVAL_DELAY);
            }

            //animate directional
            var dirAnimate = function(newImg, tran) {
                var props = { opacity: 1, width: blockSize, height: blockSize };
                if (tran == TRANSITIONS["block.left"]) {
                    var j = 0;
                    intervalId = setInterval(
						function() {
						    for (var i = 0; i < numRows; i++) {
						        $(blockArr[i][j]).animate(props, 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(props, 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(props, 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(props, tranSpeed, "",
										function() {
										    if ($(this).attr("id") == "0-0") {
										        rotator.setComplete(newImg);
										    }
										});
						    }
						    i--;
						    if (i < 0) {
						        clearInterval(intervalId);
						    }
						}, INTERVAL_DELAY
					);
                }
            }

            //random block shift
            var randomShift = function(newImg) {
                var count = 0;
                for (var i = 0; i < numRows; i++) {
                    for (var j = 0; j < numCols; j++) {
                        $(blockArr[i][j]).delay(Math.random() * tranSpeed)
							   			 .animate({ top: (i * blockSize) }, tranSpeed, "",
							function() {
							    count++;
							    if (count == total) {
							        rotator.setComplete(newImg);
							    }
							}
						);
                    }
                }
            }

            //random animate blocks
            var randomAnimate = function(newImg, props) {
                var count = 0;
                $blocks.each(
					function(n) {
					    $(this).delay(Math.random() * tranSpeed)
							   .animate(props, (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 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 ttX;
            var ttY;
            var ttPos;
            var vStripes;
            var hStripes;
            var blocks;
            var timerId = null;
            var bgColor;
            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();
                bgColor = $mainScreen.css("background-color");
                $mainScreen.css({ 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.show();
                $cPanel.css({ width: $buttons.outerWidth(true) + $thumbnails.outerWidth(true) });
                //	alert($buttons.outerWidth(true) + "," + $thumbnails.outerWidth(true) + "," + $thumbnails.width());
                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;
                    ttPos = RIGHT;
                }
                else if (cpAlign == TOP_CENTER) {
                    $cPanel.css({ "margin-left": Math.floor((screenWidth - $cPanel.outerWidth()) / 2),
                        "margin-top": cpMargin, "margin-bottom": 0, "margin-right": 0
                    });
                    cpOffset = -$cPanel.outerHeight(true);
                    cpPos = 0;
                    $cPanel.css({ top: cpPos, left: 0 });
                    $thumbnails.css("float", "right");
                    $buttons.css("float", "right");
                    ttX = 0;
                    ttY = 25;
                    ttPos = CENTER;
                }
                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;
                    ttPos = LEFT;
                }
                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;
                    ttPos = RIGHT;
                }
                else if (cpAlign == BOTTOM_CENTER) {
                    $cPanel.css({ "margin-left": Math.floor((screenWidth - $cPanel.outerWidth()) / 2),
                        "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", "right");
                    $buttons.css("float", "right");
                    ttX = 0;
                    ttY = -30;
                    ttPos = CENTER;
                }
                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;
                    ttPos = LEFT;
                }

                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);
							            if (ttPos == LEFT) {
							                ttX = -$tooltip.width();
							            }
							            else if (ttPos == RIGHT) {
							                ttX = 0;
							            }
							            else {
							                ttX = -$tooltip.width() / 2;
							            }
							            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);
                return false;
            }

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

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

            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 = $p.css("left");
                var y = $p.css("top");

                var txtWidth = $p.css("width");
                txtWidth = convertDescSize(txtWidth, $desc.width());

                var txtHeight = $p.css("height");
                txtHeight = convertDescSize(txtHeight, 0);

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

            //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;
                    var txtHeight = data.h;
                    $tmpDesc.css({ width: txtWidth }).html(text);
                    if (txtHeight <= 0 || txtHeight < $tmpDesc.height()) {
                        txtHeight = $tmpDesc.height();
                    }

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

            //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, target: urlTarget });
                }
                else {
                    $mainScreen.find(">a:first").css({ cursor: "default" })
							   .attr({ href: "#", 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);
            }

            var convertDescSize = function(sizeVal, defaultVal) {
                if (sizeVal && sizeVal != undefined) {
                    if (sizeVal != "auto") {
                        var i = sizeVal.lastIndexOf("px");
                        if (i != -1) {
                            sizeVal = sizeVal.slice(0, i);
                            if (sizeVal == undefined || isNaN(sizeVal) || sizeVal <= 0) {
                                return defaultVal;
                            }
                            return Number(sizeVal);
                        }
                    }
                }
                return 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.width(240).show();
                }
                else {
                    $thumbnails.hide().width(0);
                }
                initCPanel();
            }

            this.showDButtons = function(display) {
                displayDBtns = display;
                if (displayDBtns) {
                    $prevBtn.show();
                    $nextBtn.show();
                    if (displayPlayBtn) {
                        $buttons.width($playBtn.outerWidth(true) + $prevBtn.outerWidth(true) + $nextBtn.outerWidth(true));
                    }
                    else {
                        $buttons.width($prevBtn.outerWidth(true) + $nextBtn.outerWidth(true));
                    }
                }
                else {
                    $prevBtn.hide();
                    $nextBtn.hide();
                    if (displayPlayBtn) {
                        $buttons.width($playBtn.outerWidth(true));
                    }
                    else {
                        $buttons.width(0);
                    }
                }
                initCPanel();
            }

            this.showPlayButton = function(display) {
                displayPlayBtn = display;
                if (displayPlayBtn) {
                    $playBtn.show();
                    if (displayDBtns) {
                        $buttons.width($playBtn.outerWidth(true) + $prevBtn.outerWidth(true) + $nextBtn.outerWidth(true));
                    }
                    else {
                        $buttons.width($playBtn.outerWidth(true));
                    }
                }
                else {
                    $playBtn.hide();
                    if (displayDBtns) {
                        $buttons.width($prevBtn.outerWidth(true) + $nextBtn.outerWidth(true));
                    }
                    else {
                        $buttons.width(0);
                    }
                }
                initCPanel();
            }

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

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

        var defaults = {
            width: 800,
            height: 300,
            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);