$(document).ready(function()
{
    InitializeFlavorMenu();
    InitializeTabs();
    FixImages();
});

function InitializeFlavorMenu() 
{
    $("select#flavor-dropdown").change(function() {
        ChangeFlavor($(this).val());
    });

    ChangeFlavor("flavor-0");
}
 
function InitializeTabs()
{
    $("ul#tabs > li").click(function() {
        ChangeTab($(this));
    });

    ChangeTab($("ul#tabs > li#details-tab"));
}

function ChangeFlavor(id)
{
    //id comes in format of flavor-N

    // hide everything for all flavors
    $("div.flavor_product_image").hide();
    $("div.flavor_nutrition_facts").hide();
    $("div.flavor_ingredients").hide();

    // show items for selected flavor
    // product image
    var imageSelector = "div#" + id + "-product-image";
    $(imageSelector).show();

    // buy now link
    var buyNowButton = $("div.buy_now_container a:first");
    var selectedFlavorLink = $("ul.buy_now_links > li[id='" + id + "-buy-now-link']").text();
    
    $(buyNowButton).attr("href", selectedFlavorLink);

    // nutrition facts
    var factsSelector = "div#" + id + "-nutrition-facts";
    $(factsSelector).show();

    //ingredients
    var ingredientsSelector = "div#" + id + "-ingredients";
    $(ingredientsSelector).show();
}

function ChangeTab(selectedTab) 
{
    $("div.tab_content_container").hide();

    var contentSelector = "div#" + $(selectedTab).attr("id") + "-content-container";

    $(contentSelector).show();
    
    $("ul#tabs > li.active").removeClass("active");    
    $(selectedTab).addClass("active");
    
}

function FixImages()
{
    $("div.flavor_product_image > img").ifixpng();
    $("ul#related-products > li img").ifixpng();
}