$(document).ready(function(){
	
	$("div#main form select").change(function(){
		refreshScarf();
	});
	$("div#main form select").keyup(function(){
		refreshScarf();
	});
	$("div#main form select").keydown(function(){
		refreshScarf();
	});
	refreshScarf();
	
	// tabs
	$("ul.tabs a").each(function(){
		$(this).click(function(){
			if ($("div." + $(this).attr('rel')).hasClass('hidden'))
			{
				$(".jsTab").addClass('hidden');
				$("ul.tabs li").each(function(){
					$(this).find("span a").clone(true).appendTo($(this));
					$(this).find("span").remove();
					$(this).find("a").each(function(){
						if ($(this).find("em").length == 0)
							$(this).wrapInner("<em></em>");
						else
						{
							$(this).wrap("<span></span>");
							text = $(this).find("em").text();
							$(this).find("em").remove();
							$(this).text(text);
						}
					});
				});
				$("div." + $(this).attr('rel')).removeClass('hidden');
			}
			return false;
		});
	});
	
	// add to cart
	$("#closeTip").click(function(){
		$(this).parent().parent().parent().addClass('hidden');
		return false;
	});
	
	if ($("#scarfID").length == 0)
		$("form").submit(function(){
			
			$("fieldset.total dl.actions dd").addClass('hidden');
			$.post(
				$("form")[0].action, 
				$("form").serialize(),
				function(data){
					if (data.status == true) {
						$("div.cart-widget p").hide();
						$("div.cart-widget dl").show();
						
						$("div.cart-widget dl dt a").text("" + data.cart.count + " " + data.cart.countText);
						$("div.cart-widget dl dt span").text(data.cart.sum);
						
						$("fieldset.total dl.actions dd").removeClass('hidden');
					}
				}, 
				"json"
			);
			
			return false;
		});
});

function refreshScarf()
{
	var patternID = $('#patternID').val();
	var mainColor = $('#mainColor').val();
	var stripesID = $('#stripesID').val();
	var stripesColor = $('#stripesColor').val();
	var edgeID = $('#edgeID').val();
	var edgeColor = $('#edgeColor').val();
	
	var pattern = patterns[patternID];
	var padding = '0px 0px';
	switch(patternID)
	{
		case '1':
			padding = '0px 5px';
			break;
		case '2':
			padding = '0px 5px';
			break;
		case '3':
			padding = '-2px 3px';
			break;
		case '4':
			padding = '0px 2px';
			break;
		case '5':
			padding = '0px 4px';
			break;
	}
	$("span.scarf-body").css('background-image', 'url(' + pattern + ')');
	$("span.scarf-body").css('background-position', padding);
	
	
	var edge = edges[edgeID];
	$("span.scarf-edge").css('background-image', 'url(' + edge + ')');
	if ($('#edgeColor').val() == '')
		$('#edgeColor').val('1');
	switch(edgeID)
	{
		case '1':
			$('#edgeColor').attr('disabled','disabled');
			$('label[for=edgeColor]').text('Цвет края:');
			break;
		case '2':
			$('#edgeColor').removeAttr('disabled');
			$('label[for=edgeColor]').text('Цвет кисточек:');
			break;
		case '3':
			$('#edgeColor').removeAttr('disabled');
			$('label[for=edgeColor]').text('Цвет помпушек:');
			break;
	}
	
	if ($('#stripesColor').val() == '')
		$('#stripesColor').val('1');
	$("div.layer-band div").hide();
	switch(stripesID)
	{
		case '1':
			$('#stripesColor').attr('disabled','disabled');
			break;
		case '2':
			$("div.layer-band div.narrow-edge").show();
			$('#stripesColor').removeAttr('disabled');
			break;
		case '3':
			$("div.layer-band div.middle-edge").show();
			$('#stripesColor').removeAttr('disabled');
			break;
		case '4':
			$("div.layer-band div.board-edge").show();
			$('#stripesColor').removeAttr('disabled');
			break;
		case '5':
			$("div.layer-band div.narrow-bands").show();
			$('#stripesColor').removeAttr('disabled');
			break;
		case '6':
			$("div.layer-band div.middle-bands").show();
			$('#stripesColor').removeAttr('disabled');
			break;
		case '7':
			$("div.layer-band div.broad-bands").show();
			$('#stripesColor').removeAttr('disabled');
			break;
	}
	
	
	var color = colors[mainColor];
	$("span.scarf-body-color").css('background-color', color);
	
	var color = colors[stripesColor];
	if (color != undefined)
		$("div.layer-band span").css('background-color', color);
	
	var color = colors[edgeColor];
	if (color != undefined)
	{
		$("span.left-edge-color").css('background-color', color);
		$("span.right-edge-color").css('background-color', color);
	}
	
	refreshPrice();
}

function refreshPrice()
{
	var heightID = $('#heightID').val();
	var widthID = $('#widthID').val();
	var thicknessID = $('#thicknessID').val();
	var yarnID = $('#yarnID').val();
	var patternID = $('#patternID').val();
	var stripesID = $('#stripesID').val();
	var edgeID = $('#edgeID').val();
	
	var cost = basecost;
	
	cost += parseInt(heightsCost[heightID]);
	cost += parseInt(widthsCost[widthID]);
	cost += parseInt(thicknessesCost[thicknessID]);
	cost += parseInt(yarnsCost[yarnID]);
	cost += parseInt(patternsCost[patternID]);
	cost += parseInt(stripesCost[stripesID]);
	cost += parseInt(edgesCost[edgeID]);
	
	$("dl.price dd strong").text(cost);
}