var currentItemSN1 = 0;
var currentItemSN2 = 0;
var typeCard1 = 0;
var typeCard2 = 0;
var xxx1 = 0;
var xxx2 = 0;
var yyy1 = 0;
var yyy2 = 0;
var temtArray1 = [];
var temtArray2 = [];
var filType1 = 0;
var filType2 = 0;

$(document).ready(function(){
	newSlider($('div.SNT-1'));
	newSlider($('div.SNT-2'));
	/*
	numSN = $('div.NSBoxW').length;
	if(numSN > 1){
		for(i=0; i<numSN; i++){
			parSN = $('div.NSBoxW').eq(i);
			newSlider(parSN);
			alert('sdfsd')
		}
	} else {
		parSN = $('div.NSBoxW');
		newSlider(parSN);
	}
	 */
	hoverShadow();
	
	$('div.filterBox select').change(function(){
		if($(this).hasClass('fil-1')){
			currentItemSN1 = 0;
			xxx1 = 0;
			yyy1 = 0;
			filType1 = $(this).val();
			newSlider($('div.SNT-1'));
		} else if($(this).hasClass('fil-2')){
			currentItemSN2 = 0;
			xxx2 = 0;
			yyy2 = 0;
			filType2 = $(this).val();
			newSlider($('div.SNT-2'));
		}
		
	});
});


function fillingNS(parSN, arrayItems, filType){

	parSN.find('div.NSItem div.card').remove();
	numEl = arrayItems.length;
	
	if(parSN.hasClass('SNT-1')){
		temtArray1 = [];
		typeCard1 = 0;
		if(filType1 == 0){
			for(i = 0; i < numEl; i++){
				curIt = $(arrayItems[i]);
				temtArray1[typeCard1] = curIt;
				typeCard1++;
				if(typeCard1 <= 4){
					$(arrayItems[i]).appendTo(parSN.find('div.NSItem'));
					currentItemSN1++;
				}
			}
		} else {
			for(i = 0; i < numEl; i++){
				curIt = $(arrayItems[i]);
				if(curIt.attr('rel') == filType1){
					temtArray1[typeCard1] = curIt;
					typeCard1++;
					if(typeCard1 <= 4){
						$(arrayItems[i]).appendTo(parSN.find('div.NSItem'));
						currentItemSN1++;
					}
				}
			}
		}
	} else if(parSN.hasClass('SNT-2')){
		temtArray2 = [];
		typeCard2 = 0;
		if(filType2 == 0){
			for(i = 0; i < numEl; i++){
				curIt = $(arrayItems[i]);
				temtArray2[typeCard2] = curIt;
				typeCard2++;
				if(typeCard2 <= 2){
					$(arrayItems[i]).appendTo(parSN.find('div.NSItem'));
					currentItemSN2++;
				}
			}
		} else {
			for(i = 0; i < numEl; i++){
				curIt = $(arrayItems[i]);
				if(curIt.attr('rel') == filType2){
					temtArray2[typeCard2] = curIt;
					typeCard2++;
					if(typeCard2 <= 2){
						$(arrayItems[i]).appendTo(parSN.find('div.NSItem'));
						currentItemSN2++;
					}
				}
			}
		}
	}
}

function newSlider(parSN) {
		
	if(parSN.hasClass('SNT-1')){
		nsbL1 = parSN.find('a.NSB-L');
		nsbR1 = parSN.find('a.NSB-R');
		slider1 = parSN.find('.NSSlider');
		
		fillingNS(parSN, specItems, filType1);
		if(typeCard1 < 4) {
			nsbL1.addClass('NSB-NA');
			nsbR1.addClass('NSB-NA');
		} else {
			nsbL1.addClass('NSB-NA');
			nsbR1.removeClass('NSB-NA');
			
			nsbR1.click( function (){
				slideR(parSN);
				return false;
			});
			nsbL1.click( function (){
				slideL(parSN);
				return false;
			});
		}
	} else if(parSN.hasClass('SNT-2')) {
		nsbL2 = parSN.find('a.NSB-L');
		nsbR2 = parSN.find('a.NSB-R');
		slider2 = parSN.find('.NSSlider');
		
		fillingNS(parSN, zasItems, filType2);
		if(typeCard2 < 2) {
			nsbL2.addClass('NSB-NA');
			nsbR2.addClass('NSB-NA');
		} else {
			nsbL2.addClass('NSB-NA');
			nsbR2.removeClass('NSB-NA');
			
			nsbR2.click( function (){
				slideR(parSN);
				return false;
			});
			nsbL2.click( function (){
				slideL(parSN);
				return false;
			});
		}
	}
	
	
	
};

function slideR(parSN){
	if(parSN.hasClass('SNT-1')){
		if (!nsbR1.hasClass('NSB-NA') && !slider1.is(':animated') ) {
			nsbL1.removeClass('NSB-NA');
			NSItem = $('<div class="NSItem"></div>');
			NSItem.appendTo(slider1);
		
			currentItemSN1 = currentItemSN1 - yyy1;
			xxx1 = 0;
			yyy1 = 0;
			for(i=0; i < 4; i++){
				if(currentItemSN1 < typeCard1){
					$(temtArray1[currentItemSN1]).appendTo(slider1.find('.NSItem:eq(1)'));
					currentItemSN1++;
					xxx1++;
				}
			}
			xxx1++;
			if(currentItemSN1 >= typeCard1) { 
				nsbR1.addClass('NSB-NA');
				parSN.find('div.NSSH-R').removeClass('NSSH-hover');
			};
			slider1.animate({left: -496},300, function(){
													slider1.css({left: 0});
													slider1.find('.NSItem:eq(0)').remove();
												});
		}
	} else if(parSN.hasClass('SNT-2')){
		if (!nsbR2.hasClass('NSB-NA') && !slider2.is(':animated') ) {
			nsbL2.removeClass('NSB-NA');
			NSItem = $('<div class="NSItem"></div>');
			NSItem.appendTo(slider2);
			currentItemSN2 = currentItemSN2 - yyy2;
			xxx2 = 0;
			yyy2 = 0;
			for(i=0; i < 2; i++){
				if(currentItemSN2 < typeCard2){
					$(temtArray2[currentItemSN2]).appendTo(slider2.find('.NSItem:eq(1)'));
					currentItemSN2++;
					xxx2++;
				}
			}
			xxx2++;
			if(currentItemSN2 >= typeCard2) { 
				nsbR2.addClass('NSB-NA');
				parSN.find('div.NSSH-R').removeClass('NSSH-hover');
			};
			slider2.animate({left: -496},300, function(){
													slider2.css({left: 0});
													slider2.find('.NSItem:eq(0)').remove();
												});
		}
	}
};

function slideL(parSN){
	if(parSN.hasClass('SNT-1')){
		if (!nsbL1.hasClass('NSB-NA') && !slider1.is(':animated') ) {
			nsbR1.removeClass('NSB-NA');
			NSItem = $('<div class="NSItem"></div>');
			NSItem.prependTo(slider1);
			currentItemSN1 = currentItemSN1 - xxx1;
			xxx1 = 0;
			yyy1 = 0;
			for(i=0; i < 4; i++){
				$(temtArray1[currentItemSN1]).prependTo(slider1.find('.NSItem:eq(0)'));
				currentItemSN1--;
				yyy1--;
			};
			yyy1--;
			slider1.css({left: -496});
			if(currentItemSN1 <= 0) { 
				nsbL1.addClass('NSB-NA');
				parSN.find('div.NSSH-L').removeClass('NSSH-hover');
			};
			slider1.animate({left: 0},300, function(){
														slider1.find('.NSItem:eq(1)').remove();
													});
		}
	} else if(parSN.hasClass('SNT-2')){
		if (!nsbL2.hasClass('NSB-NA') && !slider2.is(':animated') ) {
			nsbR2.removeClass('NSB-NA');
			NSItem = $('<div class="NSItem"></div>');
			NSItem.prependTo(slider2);
			currentItemSN2 = currentItemSN2 - xxx2;
			xxx2 = 0;
			yyy2 = 0;
			for(i=0; i < 2; i++){
				$(temtArray2[currentItemSN2]).prependTo(slider2.find('.NSItem:eq(0)'));
				currentItemSN2--;
				yyy2--;
			};
			yyy2--;
			slider2.css({left: -496});
			if(currentItemSN2 <= 0) { 
				nsbL2.addClass('NSB-NA');
				parSN.find('div.NSSH-L').removeClass('NSSH-hover');
			};
			slider2.animate({left: 0},300, function(){
														slider2.find('.NSItem:eq(1)').remove();
													});
		}
	}
};
			

function hoverShadow() {
	$('a.NSButton').hover(function(){
		if(!$(this).hasClass('NSB-NA')){
			if($(this).hasClass('NSB-L')){
				$('div.NSSH-L').addClass('NSSH-hover');
			}else if($(this).hasClass('NSB-R')){
				$('div.NSSH-R').addClass('NSSH-hover');
			}
		}
	},function(){
		if($(this).hasClass('NSB-L')){
			$('div.NSSH-L').removeClass('NSSH-hover');
		}else if($(this).hasClass('NSB-R')){
			$('div.NSSH-R').removeClass('NSSH-hover');
		}
	});
};