//swfobject.embedSWF('url', 'id', '100%', '177', '8.0.0', '/public/flash/expressInstall.swf', false, {wmode: 'opaque'});

var addToCart=function()
{
	var pc = $('.mdlItem .colors .act').attr('id').substr(2);
	var szArr=[];
	$('.mdlItem .sizes .act span').each(function(){ szArr.push($(this).html()); });
	if(szArr.length<1){ alert('Выберите, пожалуйста, размеры!'); return false; }
	$('.mdlItem .progress').html('Добавление...');
	$.post('/pages/cart/?act=add&template=84&pc='+pc+'&szArr='+szArr.join(','), true,
		function(data){ $('.mdlItem .progress').html(data); });
	return false;
};

var mdlCartSubmit = function(recalc)
{
	if(recalc) document.mdlCart.cartRecalc.value = 1;
	document.mdlCart.submit();
	return false;
}

var setSize = function(elem)
{
	$(elem).toggleClass('act');
	return false;
};

var mdlItemInit = function()
{
	var colorClickHandler = function()
	{
		t = $(this);
		$('.mdlItem .img a').attr('href', t.attr('rel'));
		$('.mdlItem .img a img').attr('src', t.attr('href'));
		arr = t.find('img').attr('name').split(' ');
		str = '<big>Размеры:</big><br/>';
		for(var i=0; i<arr.length; i++)
			str+='<a href="#" onclick="return setSize(this);"><span>'+arr[i]+'</span></a>';
		$('.mdlItem .sizes').html(str);
		$('.mdlItem .colors .act').removeClass('act');
		t.addClass('act');
		return false;
	};
	$('.mdlItem .colors a').click(colorClickHandler);
};

var darkbox_cb = function()
{
	var link = $(this);		
	if(!$('div.darkbox-frame').length) {					
		darkbox = $('<div class="darkbox-frame"><div class="darkbox-shadow"></div><div class="darkbox-canvas"><div class="darkbox-button"></div></div></div>').appendTo('body');
	}
	var frame = darkbox.clone().appendTo('body').addClass('darkbox-frame-on');
	var shadow = frame.find('div.darkbox-shadow').animate({opacity:0.6},300);
	var canvas = frame.find('div.darkbox-canvas');
	var button = frame.find('div.darkbox-button');
	var image = $('<img src="'+ link.attr('href') +'" alt="'+ link.attr('title') +'"/>');

	image.appendTo(canvas);
	image.load(function(){

		var imageWidth = image.width();
		var imageHeight = image.height();
		var frameWidth = frame.width()-40;
		var frameHeight = frame.height()-40;

		if(imageWidth > frameWidth) {
			imageWidth = frameWidth;
			image.width(imageWidth);					
			while(image.height() > frameHeight) {
				image.width(imageWidth);
				imageWidth--;
			}

			imageHeight = image.height();
		}

		if(imageHeight > frameHeight) {
			imageHeight = frameHeight;
			image.height(imageHeight);						
			while(image.width() > frameWidth) {
				image.height(imageHeight);
				imageHeight--;
			}

			imageWidth = image.width();
		}

		canvas.addClass('darkbox-canvas-load').animate({
			width:imageWidth,
			marginLeft:-imageWidth/2,
			height:imageHeight,
			marginTop:-imageHeight/2
		},500,function() {
			canvas.addClass('darkbox-canvas-done');
			button.addClass('darkbox-button-on');
			button.addClass(navigator.platform.toLowerCase().indexOf('mac')+1?'darkbox-button-left':'darkbox-button-right');

			image.animate({opacity:1},500,function() {
				shadow.click(closer);
				button.click(closer);
			});
		});
	});

	var closer = function() {
		canvas.remove();
		shadow.animate({opacity:0},300,function() {
			frame.remove();
		});
	}

	$(document).keydown(function(e) {
		if(e.which==27) closer();
	});

	return false;
};

$(function(){
	mdlItemInit();
	$('a.darkbox').click(darkbox_cb);
});