/*
 * jQuery css clip animation support -- Jim Palmer
 * version 0.1.1
 * idea spawned from jquery.color.js by John Resig
 * Released under the MIT license.
 */
(function(jQuery){
	jQuery.fx.step.clip = function(fx){
		if ( fx.state == 0 ) {
			var cRE = /rect\(([0-9]{1,3})(px|em) ([0-9]{1,3})(px|em) ([0-9]{1,3})(px|em) ([0-9]{1,3})(px|em)\)/;
			fx.start = cRE.exec( fx.elem.style.clip.replace(/[, ]+/g, ' ') );
			fx.end = cRE.exec( fx.end.replace(/[, ]+/g, ' ') );
		}
		var sarr = new Array(), earr = new Array(), spos = fx.start.length, epos = fx.end.length,
			emOffset = fx.start[ss+1] == 'em' ? ( parseInt($(fx.elem).css('fontSize')) * 1.333 * parseInt(fx.start[ss]) ) : 1;
		for ( var ss = 1; ss < spos; ss+=2 ) { sarr.push( parseInt( emOffset * fx.start[ss] ) ); }
		for ( var es = 1; es < epos; es+=2 ) { earr.push( parseInt( emOffset * fx.end[es] ) ); }
		fx.elem.style.clip = 'rect(' + 
			parseInt( ( fx.pos * ( earr[0] - sarr[0] ) ) + sarr[0] ) + 'px ' + 
			parseInt( ( fx.pos * ( earr[1] - sarr[1] ) ) + sarr[1] ) + 'px ' +
			parseInt( ( fx.pos * ( earr[2] - sarr[2] ) ) + sarr[2] ) + 'px ' + 
			parseInt( ( fx.pos * ( earr[3] - sarr[3] ) ) + sarr[3] ) + 'px)';
	}
})(jQuery);


$(document).ready(function() {
	$('.btn_enlarge').click(function () {
		$('.main_image').stop().animate({
			clip: 'rect(0px 648px 588px 0px)'}, 500);
			
		$('.btn_compress').show();
		$('.btn_enlarge').hide();
		
		return false;
	});
	
	$('.btn_compress').click(function () {
		$('.main_image').stop().animate({
			clip: 'rect(0px 226px 588px 0px)'}, 500);
			
		$('.btn_enlarge').show();
		$('.btn_compress').hide();
		
		return false;
	});
});