$(document).ready(function(){
	
	$('.checkbox').each(function(){
		$(this).find('span.img2').click(function(){
			if( $(this).hasClass('_true'))
			{
				$(this).removeClass('_true');
				$('input',this).attr('checked', false);
			}
			else
			{
				$(this).addClass('_true');
				$('input',this).attr('checked', true);
			}	
		});
		$(this).addClass('js_ok');	
		if ($(this).find('input').attr('checked')) {
			$(this).find('span.img2').addClass('_true');	
		}
	});

	$("select").each(function(i){
		var $oldSelect = $(this);
		$oldSelect.hide();

		var $newSelect = $("<div/>", {
			"class": "select all" 
		});
		var $variants = $("<div/>", {
			"class": "variants closed" 
		});
		$variants.append("<div class='fill g-png24'></div>");

		var $ul = $("<ul/>");

		$oldSelect.children().each(function(j){
			var $li = $("<li>" + $(this).text() + "</li>" );
			$li.get(0).option = $(this);
			if ( this.selected )
				$ul.prepend( $li );
			else 
				$ul.append( $li );
		});
		
		$ul.appendTo($variants);
		$variants.append("<div class='tl'></div>");
		$variants.append("<div class='tr'></div>");
		$variants.append("<div class='bl'></div>");
		$variants.append("<div class='br'></div>");
		
		$variants.appendTo($newSelect);

		$newSelect.append("<div class='opener'></div>")
		$newSelect.insertAfter($oldSelect);
	});

	$(".select .opener").live("click", function(e){
		var $v = $(this).siblings(".variants");

		var $t = $(this);
		if($v.hasClass("closed")){
			$v.removeClass("closed");
			var h = 0;

			$v.find("li").each(function(i){
				h += $(this).height();
			});

			$v.animate(
				{height: h + 10 + "px"}, 
				h*4
			);

			$v.parent().css("z-index", 1000);
			$(document).one("click", function(){
				$v.animate(
					{height: "18px"},
					$v.height()*4, 
					function(){	$v.addClass("closed"); $v.parent().css({ 'z-index' : '100' }); $('.b-collections .variants').css({height : '24px'}); }
				);
			});
		} else {
			$v.animate(
				{height: "18px"},
				$v.height()*4, 
				function(){	$v.addClass("closed"); $v.parent().css({ 'z-index' : '100' }); $('.b-collections .variants').css({height : '24px'}); }
			);
			return false;
		};
	});

	$(".select li")
		.live("click", function(e){
      var obj = e.target.parentNode.parentNode;

      if ( $(obj).hasClass('closed') )
      {
        $(obj).next('div').trigger('click');
        return false;
      }

			$(this).get(0).option.attr("selected", "selected");
			$(this).get(0).option.parent().change();
			$(this).prependTo($(this).parent());
			$(this).css("color", "#a6a6a6");

			$(obj).animate(
				{height: "18px"},
				$(obj).height()*4, 
				function(){	
					$(obj).addClass("closed"); 
					$('.opener').css({ 'z-index' : '2000' });
					$('.b-collections .variants').css({height : '24px'});
				}
			);
			$(obj).removeClass('obj');
			return false;
		})
		.hover(
			function(e){$(this).css("color", "#f9e3a1")},
			function(e){$(this).css("color", "#a6a6a6")}
		);
});