function loadImage()
{
	/*jQuery('#loader').css('display', 'block');
	var img = new Image();
	jQuery(img).load( function () {
		jQuery(this).hide();
		jQuery('#loader').css('display', 'none');
		jQuery('#cnt').css('backgroundImage', 'url("'+src+'")');
		jQuery('#cnt').fadeIn();
	})
	.attr('src', src);*/
	var src = window.imagesPath + window.model + '-' + window.woodType + '-' + window.winType + '.jpg';
	window.the_door.attr('src', src);
	setPrice();
}

function loadSelect(woodbj)
{
	if (!jQuery('#wins')[0])
	{
		return;
	}
	jQuery('#wins')[0].length = 0;
	var selectValues = woodbj.attr('windows').toString().split(',');
	for (var i=0; i < selectValues.length; i++)
	{
		var newOption = jQuery("<option></option>").
			attr("value",selectValues[i]).
			text(window.windows[selectValues[i]-1]);
		if (window.selectedIndex && selectValues[i]-1 == window.selectedIndex)
		{
			newOption.attr("selected",'selected');
		}
		jQuery('#wins').append(newOption);
	}
	//setPrice();
}

function updateWin()
{
	var selectValues = window.oldWoodType.attr('windows').toString().split(',');
	var tmp = 0;
	for (var i=0; i < selectValues.length; i++)
	{
		if (window.selectedIndex && i == window.selectedIndex)
		{
			tmp = selectValues[i];
		}
	}
	if (tmp)
	{
		window.winType = tmp;
	}
	else 
	{
		window.winType = selectValues[0];
	}
	loadImage();
}

function setPrice()
{
	var door_price = parseInt(jQuery('.wood_type_active').attr('price'));
	var win_price = windowPrices[window.selectedIndex];
	var price = door_price + win_price;
	jQuery('#the_price').html(price + ' руб.');
}

jQuery(window).load(function () { 
	window.the_door = jQuery('#the_door').find('img');
	if (!window.the_door[0])
	{
		return;
	}
	window.oldWoodType = jQuery('.types .wood_type');
	window.selectedIndex = 0;
	jQuery('.wood_type:first').addClass('wood_type_active');
	loadSelect(window.oldWoodType);
	loadImage();

	jQuery('.types .wood_type').each(function () {
		jQuery(this).bind('click',function (){
			if (window.oldWoodType)
			{
				window.oldWoodType.removeClass('wood_type_active');
			}
			jQuery(this).addClass('wood_type_active');
			window.woodType = jQuery(this).attr('rel');
			window.oldWoodType = jQuery(this);
			loadSelect(jQuery(this));
			updateWin();
			loadImage();
		});
		jQuery(this).bind('mouseenter',function (){
			jQuery(this).addClass('wood_type_hover');
		});
		jQuery(this).bind('mouseleave',function (){
			jQuery(this).removeClass('wood_type_hover');
		});
	});
	
});