// Product details realted toggle
function productRelatedToggle()
{
    $('#related-toggle > li > a').click(function(e)
    {
        e.preventDefault();
        
        var showDiv = $(this).parent('li').attr('class');
        
        $('#related-toggle > li > a').each(function(i)
        {
            $(this).removeClass('active');
        })
        
        $(this).addClass('active');
        
        $('#featured-products > div').each(function(i)
        {
            if($(this).hasClass(showDiv))
            {
                $(this).show();
            }
            else
            {
                $(this).hide();
            }
        })
    });
}
// End

//Product details scroll bar (Tool tips, and Hover classes)
function setWidth(){
	//Set width for each individual block
	$('#product-nav > div.block').each(function(i){
		var tipList = $(this).children('ul');		
		$(tipList).children('li.tooltip:last').addClass("last");
		
		var widthBlock = $(this).width();
		$(this).css("width", widthBlock);		
	});
	
	$('div.sub-block').each(function(i){
		var tipList = $(this).children('ul');		
		$(tipList).children('li.tooltip:last').addClass("last");	
		
		var widthSubBlock = $(this).width();
		$(this).css("width", widthSubBlock);	
	});
	
	//Calculate width of seperators for centering sub-catagory
	$('div.seperator').each(function(i){
		//Sets width of wrapper
		var widthFull = $(this).width();
		$(this).css("width", widthFull);
		
		var seperatorChild = $(this).children("p")
		var widthShort = seperatorChild.width();
		var widthShortSet = widthShort + 8;
		var widthSHalf = widthShort / 2;
		
		seperatorChild.css({
			"margin-left" : -widthSHalf,
			"width" : widthShortSet	
		});
	});	

	//Set total width for full bar
	var productWidthTotal = 0;
	
	$('#product-nav > .block').each(function(i){
		productWidthTotal += 6 + $(this).width();	
	});
	
	$('#product-nav').css("width", productWidthTotal);
	
	
	$('#draggable-view > .block').each(function(i){
		var calWidthTotal = 0;
		
		$(this).children('.sub-block').each(function(i){
			calWidthTotal += 6 + $(this).width();	
		})
		
		$(this).css("width", calWidthTotal);	
	});
}

// Setting up the product details slider
function setSlider(){
	var productWidth = 0;
    var scrollSpace = 0;
    
    // Calculating products width
    $('#products > .category').each(function(i)
    {
        productWidth += $(this).outerWidth(true);
    });
    
    $('#products').width(productWidth);
    
    // Calculating allowed scroll width
    scrollSpace = productWidth - 840;
	
	var scrollPosition = $('.selected').position().left;
	var scrollViewable = scrollSpace + 60;
	var scrollFollow = 0;
	
	var scrollbar = $('#product-scrollbar');		
	var slider = $(scrollbar).slider({
		value: scrollPosition,
		min: 0,
		max: scrollSpace,
		slide: function (ev, ui) {
			if(ui.value <= scrollSpace){$('#products').css('left', '-' + ui.value + 'px');}
		}
	});
	
	if(scrollPosition < scrollViewable)
	{
		//console.log('scrollPosition < scrollViewable');		
		scrollFollow = scrollPosition - 40;		
		//console.log(scrollFollow);
		
		if(scrollFollow < 20)
		{
			//console.log('scrollFollow < 20');
			scrollFollow = 0;
			$('#products').css('left', '0');
			//console.log(scrollFollow);
		}
		else
		{
			$('#products').css('left', '-' + scrollFollow + 'px');
		}
	}
	else
	{
		$('#products').css('left', '-' + scrollSpace + 'px');
	}
}

// Enabling custom tooltips on items within the
// product details scrolbar
function enableToolTips()
{	
	$('.tooltip').hover(
		function()
		{
			if($(this).hasClass('selected') == false)
			{
				// Set content first to get proper width
				var tooltipText = $(this).find('.tooltip-text').html();
				
		        $('#tooltip > .content').html(tooltipText);
		        
		        // Do the rest
		        var elemPos = $(this).offset();
		        var tooltipWidth = $('#tooltip').width();
		        var elemWidth = $(this).width();
		        var movePos = {};
		        
		        movePos.left = elemPos.left - (tooltipWidth / 2) + (elemWidth / 2);
		        movePos.top = elemPos.top - 40;
		        
		        $('#tooltip > .content').html(tooltipText);
		        $('#tooltip').css({ left: movePos.left, top: movePos.top, visibility: 'visible' });	
			}
	    },
	    function()
	    {
	    	if($(this).hasClass('selected') == false)
			{
				$('#tooltip').css({ visibility: 'hidden' });
			}
	    }
    );
    
    var pTipContent = $('#protein-disclosure').html();
    
    $('span.p-disclosure > a').simpletip({
    	content: pTipContent, 
    	position: [48, 20]
    });
    
}

function prepCategories()
{
    $('.category > ul > li:last-child').addClass('last');
}

var nutOpened = false;
var imgH;

function setNutritionEvents() {
    $('#nutrition-information .headline').bind('click', function() {
    if (!nutOpened) {
        
            $('#nutrition-wrapper').slideUp();
            $('#nutrition-wrapper').slideDown('slow');

            var targetOffset = $('#nutrition-information .headline h3').offset().top;
            $('html,body').animate({ scrollTop: targetOffset }, 1000);

            $('#nutrition-information .headline h3').css({ backgroundPosition: "0px -24px" });
            nutOpened = true;
        } else {
            $('#nutrition-information .headline h3').css({ backgroundPosition: "0px 0px" });
            $('#nutrition-wrapper').slideUp('slow');
            nutOpened = false;

        }
    });
}


$.fn.imageLoad = function(fn) {
    this.load(fn);
    this.each(function() {
        if ($(this).get(0).complete && $(this).get(0).naturalWidth !== 0) {
            $(this).trigger('load');
        }
    });
}

function productPackageToogle() {
    $('#package-toogle li').click(function(e) {
    e.preventDefault();
        /// product case
        if ($(this).attr('id') == "product-package-toogle") {
            if (!$(this).hasClass('active-product')) {
                $(this).addClass('active-product');
                $("#package-package-toogle").removeClass("active-package");
                $("#product-detail-product").fadeIn();
                $("#product-detail-package").hide();
            }
        }
        /// page case
        else if ($(this).attr('id') == "package-package-toogle") {
            if (!$(this).hasClass('active-package')) {
                $(this).addClass('active-package');
                $("#product-package-toogle").removeClass("active-product");
                $("#product-detail-package").fadeIn();
                $("#product-detail-product").hide();
            }
        }
    });
    $("#product-detail-product").show();
    $("#product-detail-package").hide();
}

$(document).ready(function() {
    prepCategories();
    productRelatedToggle();
    //setSlider();
    enableToolTips();
    setNutritionEvents();
    productPackageToogle();
});