var cye={
	conf: {
		itemsPerTab: 9
	},
	go: function(){
		this.preptabs();
		this.addflash();
	},
	addflash: function(){
		$('#flashObject').text('').flash({
			src: '/flash.swf',
			width: 630,
			height: 226
		});
	},
	preptabs: function(){
		$portfolio=$("#portfolio");
		
		$portfolio.find('#list ul').css('height', 314*(cye.conf.itemsPerTab/3)+'px');

		// add pagination
		$portfolio.prepend('<ul id="pagination"></ul>');
		
		pages=this._pages();
		$uls=$portfolio.find('ul#pagination');
		for(i=0; i<pages; i++){
			$uls.append('<li><a href="#page'+(i+1)+'">Page '+(i+1)+'</a></li>');
		}
		$uls.find('li:first').addClass('current');
		

		// bind tab switching
		$portfolio.
			find("#pagination li a").
				click(function(){
					// get N from url?dsadsa#pageN
					var page=$(this).attr('href').split('#')[1].split('page')[1];
					
					$(this).
						parent().
							parent().
								find('li').
									removeClass('current').
								end().
							end().
						addClass('current')
					;
					cye._switchTab(page);
					return false;
				})
		;
	},
	_switchTab: function(page){
		$ul=$('#portfolio #list ul');
		
		page=page-1;
		
		from=page*this.conf.itemsPerTab;
		to=from+this.conf.itemsPerTab;
		
		$ul.find('li').
			fadeOut(300, function(){
			
			});
		setTimeout('$ul.find("li").slice(from, to).fadeIn(300)', 500);
				
	},
	_pages: function(){
		var items=$('#portfolio #list ul>li').length;
		var pages=Math.floor(items/this.conf.itemsPerTab); // number of tabs
		
		if(items%this.conf.itemsPerTab!=0)
			pages++;
		
		return pages;
	}
}


$(document).ready(function(){
	cye.go();
});