﻿// JScript File

(function( $ ){
$.fn.listingWidget = function(options) {

	var settings = {
		clientID: 'prod_list',
		cul: 1,
		isCarousel: true,
		col: 4,
		row: 1,
		cnt: 20,
		surl: '/shop/srt/top/'
	};

	return this.each(function() {        
		// If options exist, lets merge them
		// with our default settings
		var $this = $(this);
		
		if(options) { $.extend( settings, options ); }
		settings.clientID = $this.attr('id');
		
		$this.addClass('carousel_container carousel_cols_'+settings.col);
		$this.hide();

		//Add the little loader gif that gets hidden after load
		var $loader = $('<div id="'+settings.clientID+'" class="prod_loader" />');
		$this.append($loader);
		
		//Add the main carousel DIV
		var $mainCar = $('<div id="'+settings.clientID+'_car" class="carousel carousel_cols_'+settings.col+' carousel_rows_'+settings.row+'" />');
		$this.append($mainCar);
		
		//The actual products get inserted inside this _con DIV, which is within the _car main carousel DIV
		var $con = $('<div id="'+settings.clientID+'_con" class="carousel_items" />');
		$mainCar.append($con);
		
		//Navigation elements have their own DIV
		var $mainNav = $('<div class="navigation_elements" />');
		$this.append($mainNav);
		
		var $prev = $('<a id="'+settings.clientID+'_prev" class="browse left" />');
		$mainNav.append($prev);
		var $navi = $('<a id="'+settings.clientID+'_navi" class="navi" />');
		$mainNav.append($navi);
		var $next = $('<a id="'+settings.clientID+'_next" class="browse right" />');
		$mainNav.append($next);
		
		$this.append('<div class="bump_links"><a href="'+settings.surl+'">See More <span>&#187;</span></a></div>');
		
		$.get(
			'/product_feed.ashx',
			{'surl': settings.surl, 'cnt': settings.cnt, 'col': settings.col, 'row': settings.row, 'cul': settings.cul},
			function(data){
				$('#'+settings.clientID+'_load').hide();
				$('#'+settings.clientID+'_con').show().html(data);
					/*HttpUtility.UrlEncode(_sShopUrl),
					_wCount,
					_wColumns,
					_wRows,
					CurrentCultureID,
					ClientID*/
				$('#'+settings.clientID+'_car').scrollable({circular: true}).navigator();
				var api = $('#'+settings.clientID+'_car').data('scrollable');
				$('#'+settings.clientID+'_prev').click(function(){api.prev();});
				$('#'+settings.clientID+'_next').click(function(){api.next();});
				$('#'+settings.clientID).show();
			}
		);
	});
	
	/*
	
	$('#listingContainer').listingWidget({
		cul: 1,
		col: 4,
		row: 1,
		cnt: 20
		surl: '/shop/coll/warcraft/srt/top/'
	});
	
	*/
	
};
})( jQuery );

$(function(){
	//alert('hi');
	//$.get('/product_feed.ashx?surl=%2Fshop%2Fcoll%2Fwarcraft%2Fsty%2Ftshirt%2F&c=16', function(data) {
	//  $('#productBlast').html(data);
	//  alert('Load was performed.');
	//});
});

