/*
 *  $Id$
 */
$.fn.thumbSize = function(imagedir, defaultThumbsize) {
	// $(this) is the html element 
	var currSize = defaultThumbsize;
										
	// restore cookie
	storedSize = getCookie('thumb_size');
	if (storedSize!=null){			
		currSize = setThumbsize(this, storedSize); // update layout									
	}else{			
		currSize = setThumbsize(this, currSize);
	}		
	$(this).live('click',function(event){			
		event.preventDefault();
		currSize = setThumbsize(this, this.rel);	
	});

	function setThumbsize(element, size) {
		currSize = size;
		$("input[name=thumb_size]").val(size);
		$(".cam_element").removeClass('small mid big');
		$(".cam_element_size").removeClass('picsmall picmid picbig');
		$(".cam_overlay").removeClass('overlaysmall overlaymid overlaybig');
											
		$(".cam_element").addClass(size);
		$(".cam_element_size").addClass('pic'+size);
		$(".cam_overlay").addClass('overlay'+size);
		
		setCookie('thumb_size', size);
		
		// reset all items
		$(".thumbsize a").each(function() {
			$("img", this).attr("src",imagedir+"icon_" + $(this).attr('rel') + ".jpg");
		});
		
		// mark the new selection		
		$(element).each(function() {
			if ($(this).attr('rel') == size)
				$("img", this).attr("src",imagedir+"icon_"+size+"_active.jpg");
		});

		return size;
	} 			  
};