jQuery(function(){
 if(("#market-scroller").length){
		jQuery("#scroller-products .scroll > li:not('.previous,.next)").each(function(){
			if(jQuery("h2", this).outerWidth() > jQuery("ul", this).outerWidth()){
				jQuery("ul", this).width(jQuery("h2").outerWidth());
			}
		});
	
	 	marketPlace.init();
	  var target = '#scroller-products .wrap';
		var items = 'ul li ul li';
		var $prev =  jQuery('#scroller-products li.previous a');
		var $next = jQuery('#scroller-products li.next a');
		var scrollOptions = {
			target: target,
			items: items,
			prev:$prev,
			next:$next,
			axis:'xy',
			duration:1000, 
			start: 0,
			force: true,
			easing: 'swing',
			step:3, 
			onBefore:function( e, elem, $pane, $items, pos ){
	 			e.preventDefault();
	 			if( this.blur ){
	 				this.blur();
				}
			},
			onAfter:function(elem){
				if(elem.tagName != "UL"){
					scroller.setup(elem,jQuery(target),jQuery("ul.scroll"), jQuery(items, target), $prev, $next,3);
				}	
				if(elem.tagName == "UL"){
					var scrollElement = jQuery(elem).find("li").get(0);
					scroller.setup(scrollElement,jQuery(target),jQuery("ul.scroll"), jQuery(items, target), $prev, $next,3);
					jQuery(target).trigger( 'notify', [ jQuery(items, target).index(scrollElement) ] )
				}
			}
		}
		jQuery('#market-scroller').serialScroll(scrollOptions);
		jQuery.localScroll(scrollOptions);
	}
}); 

var marketPlace = {
	init : function(){
		scroller.getWidth(jQuery("ul.scroll"), jQuery("#scroller-products .wrap > ul > li"));
    jQuery(".product-details").hide();
    jQuery(".scroll ul li").hover(function(){
      marketPlace.showHideProductDetails(jQuery(this), true);
    }, 
    function(){
      marketPlace.showHideProductDetails(jQuery(this), false);
    });

   jQuery(".scroll ul li").click(function(event) {
     marketPlace.getLinkUrl(this, event);
    });
   },
   getLinkUrl : function(element, event){
     event.preventDefault();
     window.location = jQuery(element).children("a").attr("href");
   },
   showHideProductDetails : function(element,show){
     if(show){
       element.css({
         'background' : 'url(/images/template/backgrounds/widgets/marketplace/bg_product_highlight.png) no-repeat left top',
         'cursor' : 'pointer'
       });
       element.children(".product-details").show();
     }else{
       element.css({
         'background' : 'none',
         'cursor' : 'default'
       });
       element.children(".product-details").hide();          
     }
   }
 }