$(function() {
	$('#td_left H5:first-child').css('border-top', 'none'); 
	$('#td_left H5:last-child[class != sel]').css('border-bottom', 'none');
	$('#td_left H5[class=sel]').slice(1).removeClass('sel');
	 
	$('.kart UL LI:first-child').addClass('sel'); // в каждом блоке выделяем первый пункт списка
	$('*[class$=_invisible]').hide(''); 					// прячем невидимые блоки
	$('*[class$=_shablon]').each(function(n){			// в каждом блоке вставляем информацию из первого пункта списка
		var el_class = $(this).attr('class').split('_');
		$(this).html($(this).parents('.kart').find('.' + el_class[0] + '_invisible').html());
	})
	
  $('.kart UL LI').mouseover(function(event) {
  	$(this).siblings().removeClass('sel');			// все пункты делаем невыделенными
  	$(this).addClass('sel');										// нужный пункт выделяем
  																							// в каждом блоке меняем информацию на соответствующую нашему пункту
  	var curent = $(this);												// запоминаем текущий элемент списка, потому что внутри each() он будет недоступен как $(this)
  	$(this).parents('.kart').find('*[class$=_shablon]').each(function(n){			
			var el_class = $(this).attr('class').split('_');
			$(this).html($(curent).children('.' + el_class[0] + '_invisible').html());
		})

  	$("#mycarousel").jcarousel({scroll: 1});
  });
  
  $('.kart UL LI#li_6892').hover(
  function() {
  	// запоминаем, что было в темп и меняем логотип на TRM
  	$('#tmp').html($(this).parents('.kart').find('H5').html());
  	$(this).parents('.kart').find('H5').html('<a href="/items/6953"><img src="/articles/images/2010-06-23-3149503529.jpg"></a>');
  },
  function() {
  	// меняем все обратно
  	$(this).parents('.kart').find('H5').html($('#tmp').html());
  });
  
  $("#mycarousel").jcarousel({
    scroll: 1
  });

	$('A[href^=/mailer]').addClass('highslide').click(function(){
		return hs.htmlExpand(this, {wrapperClassName: 'draggable-header', objectType: 'iframe'})
	}); 

	$jScroller.add("#scroller_container","#quick_sales","left",3, true);
  $jScroller.start();
  

//	way = $("#quick_sales").width() - $("#scroller_container").width();
//
//  $('#quick_sales').hover(
//  function() {
//  	if ($('#quick_sales').css('left') == '0px') {
//			$('#quick_sales').animate({ "left": "-="+way }, "slow");
//		} else {
//			$('#quick_sales').animate({ "left": "+="+way }, "slow");
//		}
//  },
//  function() {
////			$('#quick_sales').animate({ "left": "+="+way }, "slow");
//  });
	  
});