/**
 * $Id: magicalclick.js 9 2010-04-29 01:00:45Z root $ 
 * based on magicalHover plugin for jQuery.
 */
(function($){
	$.fn.magicalClick=function(b){
		var c=$.extend({
			speedView:		200,
			speedRemove:	400
		}, b );

		var d=$.extend(c,b);
		var img_pre_x = null, img_abs_x = null;
		
		if( d.speedView == undefined || d.speedRemove == undefined ) {
			return false
		}
		$(this).click(
			function(){
				img = $("#item_img");
				if ( ! img_pre_x ) {
					img_pre_x = img.width() + "px";
				}
				if ((img.width()+'px') == img_pre_x) {
					// Ждём пока загрузится
					img.one( 'load', function () {
						// Сохраняем размеры оригинала
						if ( ! img_abs_x ) { img_abs_x = img.width(); };
						img.stop().animate({'width': img_abs_x + 'px' }, d.speedView); //, left:px+"px", top:py+"px"
						$("#imgcatalog").animate({'width': img_abs_x + 'px' }, d.speedView);
						$("#clickforlupe").animate({'width': img_abs_x + 'px' }, d.speedView);
						$("#clickfor").text("Кликните для уменьшения");
						$("#clickforlupe").html("<img src='/i/redlupa-icon-minus.gif' alt='кликните для уменьшения' title='кликните для уменьшения' />");
					});
					img.attr( 'src', img_abs ); //.css({left:px+"px", top:py+"px"}) .css({position:'absolute'})
				} else {
					img.stop().animate( {'width': img_pre_x },d.speedRemove) ;//, left:px+"px", top:py+"px"
					$("#imgcatalog").animate({'width': '160px' }, d.speedRemove+30);//css({'width':'160px'});
					$("#clickforlupe").animate({'width': '160px' }, d.speedRemove+30);//css({'width':'160px'});
					img.attr( 'src',img_pre ); //.css({position:'relative'})
					$("#clickfor").text("Кликните для увеличения");
					$("#clickforlupe").html("<img src='/i/redlupa-icon.gif' alt='кликните для увеличения' title='кликните для увеличения' />");
				}
			}
		)
	}
})(jQuery);