/**
 * Banner Rotator plugin for jQuery
 * Copyright (c) 2010 Allan Ma (http://codecanyon.net/user/webtako)
 * Version: 1.0 (06/15/2010)
 */
;(function($) {
	$.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 $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() {
				$mainImg.attr("src", "assets/spacer.png");
				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);
							}
						);  
					}						
				}
			}
			
			//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);
			}
		}
		
		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() {
				var rotator = new Rotator($(this), opts);
				rotator.init();
			}
		);
	}
})(jQuery);