/**
 * Main search script
 * Variables and constants definition
 * On document load event handler
 * Start search procedure
 * Queryng ads webservice
 * Queryng search webservice
 */

$(document).ready(function (){
	
	if ($('#top-products').length){	
		$.ajax({
			url: 'http://'+shoppingDomain+'/widget/topproducts',
			dataType:'jsonp',
			error: function(){
				$('.top-products-slide-marker').css('display', 'none');
			},
			success: function(data) {
		
				var countElement = (data.length > 10) ? 10 : data.length;
				
				if (countElement == 0) {
					$('.top-products-slide-marker').css('display', 'none');
				} else {
					
					$('#top-products').append('<div class="results-wrap-outer"></div>');
					$('#top-products .results-wrap-outer').append('<div class="results-wrap-inner"></div>');
					$('#top-products .results-wrap-inner').css('width',countElement*111);	

					if ((countElement > 4) && (countElement <= 10 )) {
						$('#top-products').append(
								'<a href="javascript:{}" id="top-products-slide-left"></a>'+
								'<a href="javascript:{}" id="top-products-slide-right"></a>'
						);	
						
						switch (countElement) {
							  case 6:
							  case 7:
								  $('.top-products-slide-marker').css('width', (countElement-4)*16)
								  break
							  case 5:
								  $('.top-products-slide-marker').css('width', (countElement-4)*21)
								  break
							  case 5:
							    alert('Перебор')
							  default:
								  $('.top-products-slide-marker').css('width', (countElement-4)*14)
						}
					} else {
						$('.top-products-slide-marker').css('display', 'none');
					}
					
					
					$.each(data,function(i,item){
							
						if (i < countElement){
							$('#top-products .results-wrap-inner').append(
								$(
										'<div class="result-item">'+
											'<div class="result-item-image">'+
												'<a href="http://'+shoppingDomain+'/product/'+ item.ID+'" class="product-title">'+
													'<img src="'+item.Images[0].SourceUrl+'" alt="" />'+
												'</a>'+
											'</div>'+
											'<div class="product-title-height">'+										'<h3>'+
												'<a href="http://'+shoppingDomain+'/product/'+ item.ID+'" class="product-title">'+
												item.Name+
												'</a>'+
											'</h3>'+
										'</div>'+
						                '<div class="result-item-footer">'+
						                	'<span class="result-item-currency">ab </span>'+
											'<span class="result-item-price">&euro; '+ item.MinPrice.Value +'</span>'+
						                '</div>'
							));
							
							if (i < countElement - 1){
								$('#top-products .results-wrap-inner').append($('<div class="result-item-verticalLine"></div>'));
							}
						}
					});
					
					$('.results-wrap-inner', '#top-products').topProductsSlider({itemsCount: countElement, visibleItemsCount:4, itemWidth:111});

					$('.results-wrap-inner', '.hulbee-shopping').bind('slide', function(e, slide) {
			            $('.top-products-slide-marker', '.hulbee-shopping').css('background-position', '0 ' + (slide * -12)+'px');
			        });
				}
				
				$('#footer').css('display', 'none');
				$('#footer').css('display', 'inline');		
		
			  }
			
		
		});
	
		
		}
});