/**
 * @name grid.js
 * (c) United Arrows Ltd.
 */
 
(function($){

$.fn.grid = function(){
	$wrap = $(this);
	$item = $wrap.children('li');
	var index;
	var duration = 500;
	
	function ItemMove(param){
		var param_class = 'li';
		if( param != '' ){ param_class = 'li.'+ param };
		$wrap.children(param_class).each(function(){
			index = $wrap.children(param_class).index(this);
			$(this).animate({
					top:parseInt(index / 3)*240 +'px',
					left:(index % 3)*240 +'px'
			}, duration);
		});
	}
	
	$item.each(function(){
		var index = $item.index(this);
		$(this).css({
			top:parseInt(index / 3)*240 +'px',
			left:(index % 3)*240 +'px'
		});
	});
	
	$('#sortNav li').click(function(){
		if( $(this).hasClass('sortMENS') ){
			$wrap.children('li:not(.mens)').fadeOut(duration);
			setTimeout(function(){ ItemMove('mens'); }, duration);
			$wrap.children('li.mens').fadeIn(duration);
		}
		else if( $(this).hasClass('sortWOMENS') ){
			$wrap.children('li:not(.womens)').fadeOut(duration);
			setTimeout(function(){ ItemMove('womens'); }, duration);
			$wrap.children('li.womens').fadeIn(duration);
		}
		else{
			$wrap.children('li:hidden').each(function(){
				index = $wrap.children('li').index(this);
				$(this).css({
						top:parseInt(index / 3)*240 +'px',
						left:(index % 3)*240 +'px'
				});
			});
			ItemMove('');
			$wrap.children('li').fadeIn(duration);
		}
		
		$('#sortNav li').removeClass('on');
		$(this).addClass('on')
		return false;
	});
}


	$(function(){
		$('#grid').grid();
	});
	
})(jQuery);