$(function(){
    $("#compare_guide_results, #compare_guide_results .card").hide();
    
    $("#compare_guide #compare_guide_nav li").animate({opacity:'0.4'}, 0).hover(
        function(){
            if( !$(this).hasClass('selected') )
                $(this).addClass('hover').stop().animate({opacity:'1'}, 100);
        },
        function(){
            if( !$(this).hasClass('selected') )
                $(this).removeClass('hover').stop().animate({opacity:'0.4'}, 0); 
        }
    ).click(
        function(){
             
            if ( $(this).hasClass('selected') ) 
                $(this).removeClass('selected').stop().animate({opacity:'0.4'}, 0);
            else{

                if( $("#compare_guide #compare_guide_nav li.selected").size() >= 2){    
                    
                    $("#compare_guide #compare_guide_nav li.selected:last")
                        .removeClass('selected')
                        .removeClass('hover')
                        .stop().animate({opacity:'0.6'}, 0);
                        
                    $(this).addClass('selected').stop().animate({opacity:'1'}, 0);
                }else{
                    $(this).addClass('selected').stop().animate({opacity:'1'}, 0);
                }
                
            }
            checkStatus();          
        }
    );
    
    $("#compare_button").click(function(){
        
        $('#compare_guide_results .card').hide();  
        
        if($(this).hasClass('active')){
            
            $.each($("#compare_guide #compare_guide_nav li.selected"), function(index,elem){
                
                $('#compare_guide_results').show();
                
                (index == 0) 
                    ? $('#compare_guide_results #info-'+$(this).attr('id')).show().attr("style","float:left;") 
                    : $('#compare_guide_results #info-'+$(this).attr('id')).show().attr("style","float:right");
                
            });
               
        }else{
            
        }
        
        return false;        
        
    });
    
    $("#compare_others").click(function(){
        $('html,body').animate({scrollTop: $("#compare_button").offset().top -100}, 100);    
        return false;
    });
    
})


function checkStatus(){
    
    if( $("#compare_guide #compare_guide_nav li.selected").size() == 2){
        
        $("#compare_button").removeClass('disabled').addClass('active');
    
    }else{
    
        $("#compare_button").removeClass('active').addClass('disabled');   
    
    }
            
}