/*Custom select в HTML нужно только присвоить класс custom_select тем селектам которые хотим изменить*/
(function($){
	$.fn.select_multiple = function()
	{
		return this.each(function()
		{
			select_multiple_init(this);
		});
	};

	var select_multiple_init = function(element)
	{
		var select_elem = $(element);
		var select_w = select_elem.outerWidth();
		select_elem.wrap('<div class="select_multiple_wrapper"></div>');
		var select_wrapper = select_elem.parent();
		select_wrapper.width(select_w);
		select_elem.after('<div class="select_multiple"><div><div><div><div><div><div><div><ul></ul></div></div></div></div></div></div></div></div>');
		var select_multiple = $(element).siblings('.select_multiple').width(select_w);
		ul = $('div', select_multiple).siblings('ul');
		ul.width(select_w-2);
		if( jQuery.browser.msie && jQuery.browser.version < 7 )
		{
			select_elem.after('<iframe src="javascript:\'\';" marginwidth="0" marginheight="0" align="bottom" allowTransparency="true" scrolling="no" tabIndex="-1" frameborder="0"></iframe>');
			select_elem.next().css({height:select_elem.height()+4+'px', width:select_elem.width()+4+'px'}).animate({opacity: "0"}, "fast");
		}
		select_multiple_update(element);
	};

	var select_multiple_update = function(element)
	{
		var select_elem = $(element);
		var select_multiple = select_elem.siblings('.select_multiple');
		var $ul = select_multiple.find('ul').find('li').remove().end();
		$('option', select_elem).each(function(i){
			if ($(this).is(":selected"))
			{$ul.append('<li><a href="#" class="selected" index="'+ i +'">'+ this.text +'</a></li>');}
			else {$ul.append('<li><a href="#" index="'+ i +'">'+ this.text +'</a></li>');}
		});

		$ul.find('a').click(function()
		{
			$('a.selected', select_multiple).removeClass('selected');
			$(this).addClass('selected');	
			if(select_elem[0].selectedIndex != $(this).attr('index') && select_elem[0].onchange)
			{
				select_elem[0].selectedIndex = $(this).attr('index');
				select_elem[0].onchange();
			}
			select_elem[0].selectedIndex = $(this).attr('index');
			return false;
		});

		$('a:eq('+ select_elem[0].selectedIndex +')', $ul).click();
	};

	$(function()
	{
		$('select.multiple').select_multiple();
	});
})(jQuery);

jQuery(document).ready(function()
{	
	$('span.ruble').empty().append('<span class="nd">&ndash;</span><span class="ru">p</span>');

	/*Выравнивание карточек*/
	$(".item_short_info:first-child").each(function(){
		first_item = $(this);
		second_item = $(this).next();		
		var dh1 = first_item.find('h2').outerHeight(true);
		var dh2 = second_item.find('h2').outerHeight(true);
		if(dh1 > dh2) second_item.find('h2').css({height: dh1+'px'});
		if(dh1 < dh2) first_item.find('h2').css({height: dh2+'px'});
	});
	
	/*Podbor params*/
	$("div.catalog_filter_link").click(function(){
		$('.catf_inn .left').find('div.custom_select').css({width: '215px'});
		$('.catf_inn .right').find('div.custom_select').css({width: '208px'});
		
		$('.catf_inn .left').find('div.select_multiple').css({width: '215px'});
		$('.catf_inn .right').find('div.select_multiple').css({width: '208px'});
			
		$('.catf_inn .left').find('div.custom_select .text').css({width: 215-12-$('.opener').width()+'px'});
		$('.catf_inn .left').find('div.custom_select ul').css({width: 215-2+'px'});
		$('.catf_inn .right').find('div.custom_select .text').css({width: 208-12-$('.opener').width()+'px'});
		$('.catf_inn .right').find('div.custom_select ul').css({width: 208-2+'px'});
	});

	/*Карусель доп изображений товара*/
	jQuery("#thumbnails").jcarousel({vertical: true});
	jQuery(".thumbnails").css({visibility: 'visible'});
	
	/* Галерея дополнительных изображений товара */
	jQuery("a[rel=thumbnail]").fancybox(
	{
		'titlePosition':'over',
		'titleFormat':function(title, currentArray, currentIndex, currentOpts)
		{
			return '<span id="fancybox-title-over">' +  (currentIndex + 1) + '/' + currentArray.length + ' &nbsp;&nbsp; ' + title + '</span>';
		}
	});

	$("#thumbnails li a").hover(
	function()
	{
		$(this).addClass("hover");
	},
	function()
	{
		$(this).removeClass("hover");
	});
	
	$('.catf_inn .right').find('div.select_multiple').css({width: '208px'});
	$('.catf_inn .left').find('div.select_multiple').css({width: '215px'});
});