jQuery.fn.zoomImage = function(options)
{
	var $this = $(this);
	
	var img = $this.children('img:first');
	
	if($.browser.msie) return false;
	$this.css('position','relative');
	$this.css('z-index',0);
	$this.append('<span class="zoom-in-icon"></span>')
}

jQuery.fn.carousell = function(options)
{
	var rarrow = $('.carousell .arrow.right');
	var larrow = $('.carousell .arrow.left');
	var viewport = $('.carousell');
	var belt = $('.carousell .carousell-belt');
	
	//var page_width = viewport.width();
	var page_width = 194;
	var total_width = belt.width();
	if(total_width == 0 || page_width == 0) return false;
	
	var items = belt.children('a').length;
	var cpage = 0;
	//var total_pages = Math.ceil(total_width / page_width);
	//var total_pages = Math.ceil(items / 4);
	var total_pages = items-3;
	
	rarrow.bind('click',function(evt){
		evt.preventDefault();
		this.blur();
		cpage = Math.min(total_pages-1, cpage+1)
		move_me()
	})
	larrow.bind('click',function(evt){
		evt.preventDefault();
		this.blur();
		cpage = Math.max(0, cpage-1)
		
		move_me()
	})
	
	function move_me()
	{
		//alert(cpage);
		var left = -cpage * page_width;
		belt.animate({'left': left}, 500);
	}
	
}

jQuery(function(){
	
	
	$('.carousell').carousell();
	
	$('.zoom-image').zoomImage();
})