$(window).load(function(){

/*	$('.s-container').each(function (){
		$(this).width($(this).find('ul').width());
		$(this).height($(this).find('ul').height());
	})*/

 	$('.cat-items .item').hover(function (){
        $(this).find('.link').addClass('active');

        $(this).find('.s-container ').show();

        /*------recount------*/
//        if (!$(this).hasClass('counted')){
			$(this).find('.container').width($(this).find('ul').width());
			var h = $(this).find('ul').height();
			if  (h > 300){
				h=300;
				$(this).find('.up').show();
				$(this).find('.up').width($(this).find('.container').width());
				$(this).find('.down').show();
				$(this).find('.down').width($(this).find('.container').width());

				ul = $(this).find('ul');
				ul.css('top', '0px');
				var d = 300 - ul.height();

				$(this).find('.up').hover(function (){
					var distance = ul.css('top');
					distance = parseInt(distance.replace('px', ''));
					distance= -distance;
					duration = distance * 5;
					ul.animate({ 'top' : +  0 + 'px' }, duration, 'linear');
				}, function (){
					ul.stop();
				});

				$(this).find('.down').hover(function (){
					var distance = ul.css('top');
					distance = parseInt(distance.replace('px', ''));
					distance-= d;
					duration = distance * 5;
					ul.animate({ 'top' : +  d + 'px' }, duration, 'linear');

				}, function (){
					ul.stop();
				});

			}
			$(this).find('.container').height(h);

			$(this).addClass('counted');
		//}
        /*-------------------*/



    	$(this).find('.s-container ').css('left', "140px");
		var rc = $(this).find('.s-container').width()+$(this).find('.s-container').offset().left;
        var ww = $(window).width();

		if (rc > ww){
       		$(this).find('.s-container ').css('left', -$(this).find('.s-container').width()+"px");
		}

        $(this).css({zIndex:1000});
 	}, function (){
       $(this).find('.link').removeClass('active');
       $(this).find('.s-container ').hide();
       $(this).css({zIndex:1});
 	});
})