/*
	Kwicks for jQuery (version 1.5.1)
	Copyright (c) 2008 Jeremy Martin
	http://www.jeremymartin.name/projects.php?project=kwicks
	
	Licensed under the MIT license:
		http://www.opensource.org/licenses/mit-license.php

	Any and all use of this script must be accompanied by this copyright/license notice in its present form.
*/

(function($){
	$.fn.kwicks = function(options) {
		var defaults = {
			isVertical: false,
			sticky: false,
			defaultKwick: 0,
			event: 'mouseover',
			spacing: 0,
			duration: 500
		};
		var o = $.extend(defaults, options);
		var WoH = (o.isVertical ? 'height' : 'width'); // WoH = Width or Height
		var LoT = (o.isVertical ? 'top' : 'left'); // LoT = Left or Top
		
		var baseWoHs = []; // baseWoHs = bases Widths or Heights
		var baseLoTs = []; // prevLoTs = bases Left or Tops

		
		return this.each(function() {
			container = $(this);
			var kwicks = container.children('li');
		
			
			kwicks_size=0;
			kwicks.each(function(i) {
				kwicks_size=(kwicks_size + new Number(kwicks.eq(i).css(WoH).replace(/px/,'')));
			});
			//console.log(kwicks_size);
			
			var normWoH = kwicks.eq(0).css(WoH).replace(/px/,''); // normWoH = Normal Width or Height
			
			if(!o.max) {
				o.max = (kwicks_size) - (o.min * (kwicks.size() - 1));
			} else {
				o.min = ((kwicks_size) - o.max) / (kwicks.size() - 1);
			}
			
			//console.log(o.max+'#'+o.min);
			// set width of container ul
			if(o.isVertical) {
				container.css({
					width : kwicks.eq(0).css('width'),
					height : (kwicks_size) + (o.spacing * (kwicks.size() - 1)) + 'px'
				});				
			} else {
				container.css({
					width : (kwicks_size) + (o.spacing * (kwicks.size() - 1)) + 'px',
					height : kwicks.eq(0).css('height')
				});				
			}

			// pre calculate left or top values for all kwicks but the first and last
			// i = index of currently hovered kwick, j = index of kwick we're calculating
			var preCalcLoTs = []; // preCalcLoTs = pre-calculated Left or Top's
			for(i = 0; i < kwicks.size(); i++) {
				preCalcLoTs[i] = [];
				// don't need to calculate values for first or last kwick
				for(j = 1; j < kwicks.size() - 1; j++) {
					if(i == j) {
						preCalcLoTs[i][j] = o.isVertical ? j * o.min + (j * o.spacing) : j * o.min + (j * o.spacing);
					} else {
						preCalcLoTs[i][j] = (j <= i ? (j * o.min) : (j-1) * o.min + o.max) + (j * o.spacing);
					}
				}
			}
			// loop through all kwick elements
			var movingLoT=0;			
			kwicks.each(function(i) {
				var kwick = $(this);			
				// set initial width or height and left or top values
				// set first kwick
				if(i === 0) {
					kwick.css(LoT, '0px');
					var kwickWoH = kwicks.eq(i).css(WoH).replace(/px/,'');
					movingLoT=(movingLoT+new Number(kwickWoH));
				} 
				// set last kwick
				else if(i == kwicks.size() - 1) {
					kwick.css(o.isVertical ? 'bottom' : 'right', '0px');
				}
				// set all other kwicks
				else {
					
					if(o.sticky) {
						kwick.css(LoT, preCalcLoTs[o.defaultKwick][i]);
					} else {
						kwick.css(LoT, (movingLoT) + (i * o.spacing));
					}
					var kwickWoH = kwicks.eq(i).css(WoH).replace(/px/,'');
					movingLoT=(movingLoT+new Number(kwickWoH));
				}
				// correct size in sticky mode
				if(o.sticky) {
					if(o.defaultKwick == i) {
						kwick.css(WoH, o.max + 'px');
						kwick.addClass('active');
					} else {
						kwick.css(WoH, o.min + 'px');
					}
				}
				kwick.css({
					margin: 0,
					position: 'absolute'
				});
				
				
				for(j = 0; j < kwicks.size(); j++) {
					baseWoHs[j] = kwicks.eq(j).css(WoH).replace(/px/, '');
					baseLoTs[j] = kwicks.eq(j).css(LoT).replace(/px/, '');
				}

				
				kwick.bind(o.event, function() {
					// calculate previous width or heights and left or top values
					var prevWoHs = []; // prevWoHs = previous Widths or Heights
					var prevLoTs = []; // prevLoTs = previous Left or Tops
					kwicks.stop().removeClass('active');
					for(j = 0; j < kwicks.size(); j++) {
						prevWoHs[j] = kwicks.eq(j).css(WoH).replace(/px/, '');
						prevLoTs[j] = kwicks.eq(j).css(LoT).replace(/px/, '');
					}
					var aniObj = {};
					aniObj[WoH] = o.max;
					var maxDif = o.max - prevWoHs[i];
					var prevWoHsMaxDifRatio = prevWoHs[i]/maxDif;
					kwick.addClass('active').animate(aniObj, {
						step: function(now) {
							//console.log(i+'now='+now);
							// calculate animation completeness as percentage
							var percentage = maxDif != 0 ? now/maxDif - prevWoHsMaxDifRatio : 1;
							// adjsut other elements based on percentage
							kwicks.each(function(j) {
								if(j != i) {
									kwicks.eq(j).css(WoH, prevWoHs[j] - ((prevWoHs[j] - o.min) * percentage) + 'px');
								}
								if(j > 0 && j < kwicks.size() - 1) { // if not the first or last kwick
									kwicks.eq(j).css(LoT, prevLoTs[j] - ((prevLoTs[j] - preCalcLoTs[i][j]) * percentage) + 'px');
								}
							});
						},
						duration: o.duration,
						easing: o.easing
					});
				});
				
				
				kwick.bind("mouseleave", function() {
					// calculate previous width or heights and left or top values
					
					var prevWoHs = []; // prevWoHs = previous Widths or Heights
					var prevLoTs = []; // prevLoTs = previous Left or Tops
					kwicks.stop().removeClass('active');
					for(j = 0; j < kwicks.size(); j++) {
						prevWoHs[j] = kwicks.eq(j).css(WoH).replace(/px/, '');
						prevLoTs[j] = kwicks.eq(j).css(LoT).replace(/px/, '');
					}
					
					
					var aniObj = {};
					aniObj[WoH] = baseWoHs[i];
					var maxDif = baseWoHs[i] - prevWoHs[i];
					var prevWoHsMaxDifRatio = prevWoHs[i]/maxDif;
					kwick.addClass('active').animate(aniObj, {
						step: function(now) {
							//console.log(i+'now='+now);
							// calculate animation completeness as percentage
							var percentage = maxDif != 0 ? now/maxDif - prevWoHsMaxDifRatio : 1;
							//console.log(percentage);
							// adjsut other elements based on percentage
							kwicks.each(function(j) {
								//if(j != i) 
								{
									//console.log('#prevWoHs['+j+']='+prevWoHs[j]+'#baseWoHs['+j+']='+baseWoHs[j]+'#base*perc='+((baseWoHs[j]) * percentage));
									var calculWoH=prevWoHs[j] - ((prevWoHs[j] - baseWoHs[j]) * percentage);
									//console.log('calculWoH='+calculWoH);
									kwicks.eq(j).css(WoH, calculWoH + 'px');
									
									//kwicks.eq(j).css(WoH, prevWoHs[j] - ((prevWoHs[j] - o.min) * percentage) + 'px');
									//kwicks.eq(j).css(WoH, prevWoHs[j] - ((baseWoHs[j]) * percentage) + 'px');
								}
								if(j > 0 && j < kwicks.size() - 1) { // if not the first or last kwick
									//console.log('preCalcLoTs['+i+']['+j+']'+preCalcLoTs[i][j]+'#prevLoTs['+j+']='+prevLoTs[j]+'#baseLoTs['+j+']='+baseLoTs[j]+'#base*perc='+((baseLoTs[j]) * percentage));
									var calculLoT=prevLoTs[j] - ((prevLoTs[j] - baseLoTs[j]) * percentage);
									//console.log('calculLoT='+calculLoT);
									
									kwicks.eq(j).css(LoT, calculLoT + 'px');
								}
							});
						},
						duration: o.duration,
						easing: o.easing
					});
				});
				
				
			});

		});
	};
})(jQuery);