<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css' />
<!-- <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css' /> -->
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic,cyrillic-ext,lat in-ext' rel='stylesheet' type='text/css' />

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/jquery.backgroundPosition.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function(){
       jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({
            animationSpeed: 'normal',
            padding: 40,
            opacity: 0.35,
            showTitle: true,
            allowresize: true,
            counter_separator_label: '/',          
            theme: 'facebook' 
        });
    });
	
  jQuery(document).ready(function(){
	  a = Math.max.apply(Math, jQuery('.products-grid li.item, .product-view .box-up-sell .products-grid td').map(function(){
	  return jQuery(this).height()
		}).get());
	jQuery('.category-products .products-grid li.item').css({'height':a});
	jQuery('.product-view .box-up-sell .products-grid td').css({'height':a});
  });
  
  
	jQuery(document).ready(function() { 
		jQuery('.slider-link').hover(
			function(){jQuery(this).find('span').stop().animate({left: 0}, 200)},
			function(){jQuery(this).find('span').stop().animate({left: '-200px'}, 200)}
		)
		jQuery('.banner-1').hover(
			function(){jQuery(this).stop().animate({width: 420, backgroundPosition:'0 0'}, 200).parent('.slider-wrapper').find('.banner-2').stop().animate({width: 250}, 200)},
			function(){jQuery(this).stop().animate({width: 250, backgroundPosition:'-105px 0'}, 200).parent('.slider-wrapper').find('.banner-2').stop().animate({width: 420}, 200)}
		)
		jQuery('.banner-3').hover(
			function(){jQuery(this).stop().animate({width: 420, backgroundPosition:'0 0'}, 200).parent('.slider-wrapper').find('.banner-2').stop().animate({width: 250}, 200)},
			function(){jQuery(this).stop().animate({width: 250, backgroundPosition:'-49px 0'}, 200).parent('.slider-wrapper').find('.banner-2').stop().animate({width: 420}, 200)}
		)
	}); 

	
</script>