/*
 * last shirts & last ties slider
 * @TODO: выводить названия рубашек в слайдере
 * @TODO: отловить и пофиксить баг с прокруткой 1-го эл-та вправо 
 */ 
$(document).ready(function() {	
    
    customerService (0, 'access', sessionLogger);
    
	makeSlider('#shirtsSlider', '#shirts');
	makeSlider('#tiesSlider', '#ties');
	
	$('div#slideshow').cycle({ timeout:7000 });
	
	$('#learn-more-button').click(function(event) {
		$('#learn-more-text').toggle('puff', {}, 'slow');
	});
	
	
	function makeSlider(sliderSelector, listSelector)
	{
		var startItem  = currentItem = prevItem = 1;
		var itemsCount = $(listSelector + ' > li').length;
		
		$(sliderSelector).slider({ min:1, max:itemsCount, slide:function(event, ui) {
			prevItem    = currentItem;
			currentItem = ui.value;
			
			// slide right
			if (prevItem < currentItem) {
				//$('#shirts > li:eq(' + (prevItem - 1).toString() + ')').hide('slide', {}, 'slow');
				$(listSelector + ' > li').slice(prevItem - 1, currentItem - 1).hide('slide', {}, 'normal');
			// slide left
			} else if (prevItem > currentItem) {
				//$('#shirts > li:eq(' + (currentItem - 1).toString() + ')').show('slide', {}, 'slow');
				$(listSelector + ' > li').slice(currentItem - 1, prevItem - 1).show('slide', {}, 'normal');
			}
			//console.log(prevItem, currentItem);
		}, value:startItem});
	}
	
	
	function sessionLogger() {
	    cookieId = getCookie ('ID');
	    if (cookieId) {
	        if (location.search) {
                var FROM_ID = location.search.substr(1);
                setCookie ('FROM_ID', FROM_ID, 'Tue, 19-Jan-2038 03:14:07 GMT', '/', location.hostname);
            }
            var d = new Date();
            sessId = d.getTime();
            loadURL ('/images/session_dummy.gif?session_start=' + sessId + '&ID=' + cookieId + '&xres=' + screen.width + '&yres=' + screen.height + '&ref=' + encodeURIComponent (document.referrer));
            
        }
	}
	
	/**
	*   Эффекты последних заказанных рубашек
	*/
    var paddedShirtIndex = 0;
    var paddedTieIndex = 0;
    var shirts = $('#shirts li');
    var ties = $('#ties li');
    
    //Shirts hovering
    shirts.each(function(k, v) {
        $(v).hover(function() { 
            $(this)
                .stop(true, true)
                .animate({
                    paddingTop: "0",
                    paddingBottom: "55px"
                }, 'fast');
        }, function() {
            $(this)
                .stop(true, true)
                .animate({
                    paddingTop: "20px",
                    paddingBottom: "35px"
                }, 'fast');
        });
    });
    
    ties.each(function(k,v){
        $(v).hover(function() { 
            $(this)
                .stop(true, true)
                .animate({
                    paddingTop: "0",
                    paddingBottom: "55px"
                }, 'fast');
        }, function() {
            $(this)
                .stop(true, true)
                .animate({
                    paddingTop: "20px",
                    paddingBottom: "35px"
                }, 'fast');
        }); 
    });
    
    //Right scroller
    var rScroller = $('#shirts-right-scroller')
        .click(function(){
            if (!$(this).hasClass('disabled')) {
                scroll('right');
            }
        })
        .hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover') });
    
    //Left scroller
    var lScroller = $('#shirts-left-scroller')
        .click(function(){
            if (!$(this).hasClass('disabled')) {
                scroll('left');
            }
        })
        .hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover') })
        .addClass('disabled');
    
    var rTieScroller = $('#ties-right-scroller')
        .click(function(){
            if (!$(this).hasClass('disabled')) {
                scrollTies('right');
            }
        })
        .hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover') });
        
    var lTieScroller = $('#ties-left-scroller')
        .click(function(){
            if (!$(this).hasClass('disabled')) {
                scrollTies('left');
            }
        })
        .hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover') })
        .addClass('disabled');
    //Do a scroll
    var scroll = function(dir) {
		if (dir == 'left') {
		
		    $(shirts[paddedShirtIndex - 1]).animate({ marginLeft: "0" });
		    paddedShirtIndex--;
		} else {
		    $(shirts[paddedShirtIndex]).animate({ marginLeft: "-185px" });
		    paddedShirtIndex++;
		}
		
        scrollerChange('shirts', lScroller, rScroller, shirts.length, paddedShirtIndex, 3);
	}   
	
	//Прокрутка галстуков
    var scrollTies = function (dir) {
        if (dir == 'left') {
            $(ties[paddedTieIndex - 1]).animate({ marginLeft: "0" });
            paddedTieIndex--;
        } else {
            $(ties[paddedTieIndex]).animate({ marginLeft: "-210px" });
            paddedTieIndex++;
        }

        scrollerChange('ties', lTieScroller, rTieScroller, ties.length, paddedTieIndex, 3);
    }
	
	//Scrolling restrictions check
    var scrollerChange = function (name, left, right, maxlen, comparer, remainder) {
        if (comparer == 0){
    		left.addClass('disabled');
    	} else {
    		left.removeClass('disabled');
    	}

    	if (comparer == maxlen - remainder){
    		right.addClass('disabled');
    	} else {
    		right.removeClass('disabled');
    	}
    } 	
	
	$('#registerLink').click(function(event){
	    event.preventDefault();
	    window.location = $('#myAccountLink').attr('href');
	});
});