$(function() {
	
	$('.wrapper .sidebar .catalog-menu ul li a').before('<span></span>')
	
	$('.wrapper .sidebar .catalog-menu ul li a.parrent').click(function(){
// 		console.log($('ul', $(this).parent()))
		
		$('ul', $(this).parent()).stop(true, true).toggle(50)

		return false
	})
	

// 	efect listeners
	var div = jQuery('.slider .slider-holder'),
	ul = jQuery('.slider .slider-holder ul'),
	ulPadding = 15
	//Get menu width
	var divWidth = div.width()
	//Remove scrollbars
	div.css({overflow: 'hidden'})
	//Find last image container
	var lastLi = ul.find('li:last-child')
	//When user move mouse over menu
	div.mousemove(function(e){
		//As images are loaded ul width increases,
		//so we recalculate it each time
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding
		var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth
		div.scrollLeft(left)
	})
})