var itemsNextId=2; 
var itemAddedItemCount=0;
var recommendNextId=2; 
var recommendAddedItemCount=0;
 $(document).ready(
    function() {
        var animationStop = true; //to make sure the animation is finished before start of scrolling
        //HorizontalAlign scroller
          
	    $(".leftSliderNull").mouseover(  
		    function(){
	            if(!$(this).hasClass("leftSliderNull")) 
                    ChangeSliderClass(true,this,"leftSliderHover") ;
	        }
	    ).click(
		    function(){
		        if(!$(this).hasClass("leftSliderNull")) {
		        if($(".rightSlider").attr("id")=='itemsForYouRightBtn'||$(".rightSlider").attr("id")=='itemsForYouLeftBtn')
		        {itemsNextId=itemsNextId-1;}
		        else
		        {recommendNextId=recommendNextId-1;}
		        
                }
                
                var slidingContainer=$(this).nextAll(".horizontalSlide").find("table")||$(this).nextAll(".horizontalSlide").find("ul");
                var rightBtnName = "#"+$(this).attr("id").replace("LeftBtn","RightBtn");
                var leftBtnName = "#"+$(this).attr("id");
                var slidewidth=($(slidingContainer).width()/($(slidingContainer).find("td").length-2))||($(slidingContainer).width()/$(slidingContainer).find("tr").length);
                var leftSlideWidth="+="+slidewidth+"px";
                var maxSlidingWidth=$(slidingContainer).parent("div").width()-$(slidingContainer).width();
                if(GetPositionLeft($(slidingContainer))<0 && animationStop){
                    animationStop = false;
                    $(slidingContainer).animate(
                        {left: leftSlideWidth},
                        "slow",
                        function(){  
                            var flag=(GetPositionLeft($(slidingContainer))>=0); 
                            ChangeSliderClass(flag,leftBtnName,"leftSliderNull");
                            flag=(GetPositionLeft($(slidingContainer))>maxSlidingWidth); 
                            ChangeSliderClass(flag,rightBtnName,"rightSlider");
                           animationStop = true; 
                        }
                    );
                } 
            }
	    ).mouseout( 
		    function(){
                if(!$(this).hasClass("leftSliderNull"))  
                    ChangeSliderClass(true,this,"leftSlider") ;
		    }
		);
		
	    $(".rightSlider").mouseover(
		    function(){
		        if(!$(this).hasClass("rightSliderNull")) 
                    ChangeSliderClass(true,this,"rightSliderHover") ;
    	    }
		).click(
		    function(){
		        if(!$(this).hasClass("rightSliderNull")) {
		            if($(this).attr("id")=='recommendRightBtn'||$(this).attr("id")=='recommendLeftBtn')
		            {
		                itemsNextId=itemsNextId+1;
		                if(itemAddedItemCount<3)
		                {
		                    if(itemsNextId<6){
//                            TrackProduct($('#recommend .showImg .quickViewBtn')[itemsNextId].title);
                            itemAddedItemCount=itemAddedItemCount+1;
                            }
                        }
                    }
                    else
                    {
                        recommendNextId=recommendNextId+1;
		                if(recommendAddedItemCount<3)
		                {
		                    if(recommendNextId<6){
		                    try{
//                            TrackProduct($('#itemsForYou .showImg .quickViewBtn')[recommendNextId].title);
                            }catch(e){}
                            recommendAddedItemCount=recommendAddedItemCount+1;
                            }
                        }
                    }
                }

                var slidingContainer=$(this).nextAll(".horizontalSlide").find("table")||$(this).nextAll(".horizontalSlide").find("ul");
                var leftBtnName = "#"+$(this).attr("id").replace("RightBtn","LeftBtn");
                var rightBtnName = "#"+$(this).attr("id");
                var slidewidth=($(slidingContainer).width()/($(slidingContainer).find("td").length-2))||($(slidingContainer).width()/$(slidingContainer).find("tr").length);
                var rightSlideWidth="-="+slidewidth+"px";
                var maxSlidingWidth=$(slidingContainer).parent("div").width()-$(slidingContainer).width();
                if(GetPositionLeft($(slidingContainer))>maxSlidingWidth && animationStop){
                     animationStop = false;
                     $(slidingContainer).animate(
                        {left:rightSlideWidth},
                        "slow",
                        function(){  
                            var flag=(GetPositionLeft($(slidingContainer))<=maxSlidingWidth); 
                            ChangeSliderClass(flag,rightBtnName,"rightSliderNull");
                            flag=(GetPositionLeft($(slidingContainer))<0); 
                            ChangeSliderClass(flag,leftBtnName,"leftSlider");
                           animationStop = true; 
                        }
                    );
                } 
            }		    
	    ).mouseout(
		    function(){
                if(!$(this).hasClass("rightSliderNull"))  
                    ChangeSliderClass(true,this,"rightSlider") ;
		    }
		);

        //vAlign scroller
		$(".downSlider").mouseover(
		    function(){
		        if(!$(this).hasClass("downSliderNull")) 
                    ChangeSliderClass(true,this,"downSliderHover") ;
    	    }
		).click(
			function(){
                var slidingContainer=$(".verticalSlide").find("ul")||$(".verticalSlide").find("table");
                var slideHeight=($(slidingContainer).height()/$(slidingContainer).find("li").length)||($(slidingContainer).height()/($(slidingContainer).find("td").length-2));
                var downSlideHeight="-="+slideHeight+"px";
                var currentBtn=$(this);
			    var maxSlidingHeight=$(slidingContainer).parent("div").height()-$(slidingContainer).height()+slideHeight;
                if(GetPositionTop($(slidingContainer))>=maxSlidingHeight && animationStop){
                    animationStop = false; 
                    $(slidingContainer).animate(
                        {top:downSlideHeight},
                        "slow",
                        function(){
                            var flag=(GetPositionTop($(slidingContainer))<maxSlidingHeight); 
                            ChangeSliderClass(flag,"#bottomDownBtn","downSliderNull");
                            ChangeSliderClass(flag,"#topDownBtn","downSliderNull") ;
                            flag=(GetPositionTop($(slidingContainer))<0); 
                            ChangeSliderClass(flag,"#topUpBtn","upSlider");
                            ChangeSliderClass(flag,"#bottomUpBtn","upSlider") ;
                           animationStop = true; 
                        }
                    );
                }
           }
       ).mouseout(
		    function(){
                if(!$(this).hasClass("downSliderNull")) 
                    ChangeSliderClass(true,this,"downSlider") ;
		    }
		);	
		 
		$(".upSliderNull").mouseover(
		    function(){
   		        if(!$(this).hasClass("upSliderNull")) 
                    ChangeSliderClass(true,this,"upSliderHover") ;
    	    }
		).click(
			function(){
                var slidingContainer=$(".verticalSlide").find("ul")||$(".verticalSlide").find("table");
			    var maxSlidingHeight=$(slidingContainer).parent("div").height()-$(slidingContainer).height();
                var slideHeight=($(slidingContainer).height()/$(slidingContainer).find("li").length)||($(slidingContainer).height()/($(slidingContainer).find("td").length-2));
                var upSlideHeight="+="+slideHeight+"px";
                if(GetPositionTop($(slidingContainer))<0  && animationStop){
                    animationStop = false; 
                    $(slidingContainer).animate(
                        {top:upSlideHeight},
                        "slow",
                        function(){
                            var flag=(GetPositionTop($(slidingContainer))>=0);
                            ChangeSliderClass(flag,"#topUpBtn","upSliderNull");
                            ChangeSliderClass(flag,"#bottomUpBtn","upSliderNull");
                            flag=(GetPositionTop($(slidingContainer))>maxSlidingHeight); 
                            ChangeSliderClass(flag,"#bottomDownBtn","downSlider");
                            ChangeSliderClass(flag,"#topDownBtn","downSlider") ;  
                           animationStop = true;  
                        }
                    );    
                }       
            }
		).mouseout(
		    function(){
                if(!$(this).hasClass("upSliderNull")) 
                    ChangeSliderClass(true,this,"upSlider") ;
		    }
		);	
		
    });
    
    function GetPositionTop(id)
    {
        return $(id).css("top").replace('px','');
    }
    function GetPositionLeft(id)
    {
        return $(id).css("left").replace('px','');
    }
    function ChangeSliderClass(flag,id,className)
    {
        if(flag)
        {
            $(id).removeClass();
            $(id).addClass(className); 
        } 
    }
    function TrackProduct(productId)
    {
    var parameters="ajax_param1="+productId+"&ram="+Math.random();
    $.ajax({ 
    url: "/AjaxHandler/TrackingProduct.ajax",
    async: false,
    type:"get", 
    dataType:"html",
    data: parameters,
    error:function(e){
        //alert(e);
    },
    success:function(response){ 
    //alert(response);
    } 
    });
    }
//   function getRestDistanceV(id)
//   {
//        return $(id).css("top").replace('px','');
//   }