function openWindow(url) {
    window.open(url, "article", "resizable=yes,menubar=no,titlebar=no,location=no,status=no,scrollbars=yes,width=545,height=600");
}

function openRecipePrint(url) {
    window.open(url, "recipe", "resizable=yes,menubar=no,titlebar=no,location=no,status=no,scrollbars=no,width=705,height=715");
}

function openSTF(url) {
    window.open(url, "recipe", "resizable=yes,menubar=no,titlebar=no,location=no,status=no,scrollbars=no,width=600,height=600");
}


function showProduct(id) {
    for (i = 1; i < 4; i++) {     
        document.getElementById('product1').style.visibility = "hidden";
        document.getElementById('product' + i).style.display = "none";
        document.getElementById('disclaimerProduct' + i).style.visibility = "hidden";
        document.getElementById('disclaimerProduct' + i).style.display = "none";
        document.getElementById('products-home-featured-recipe-product' + i).style.visibility = "hidden";
        document.getElementById('products-home-featured-recipe-product' + i).style.display = "none";
        
    }
    document.getElementById('product' + id).style.visibility = "visible";
    document.getElementById('product' + id).style.display = "block";
    document.getElementById('disclaimerProduct' + id).style.visibility = "visible";
    document.getElementById('disclaimerProduct' + id).style.display = "block";
    document.getElementById('products-home-featured-recipe-product' + id).style.visibility = "visible";
    document.getElementById('products-home-featured-recipe-product' + id).style.display = "block";

    if (id == 1) {
        window.location.hash = "spreads";
    }
    else if (id == 2) {
        window.location.hash = "activ";
    } 
    else if (id == 3) {
        window.location.hash = "sticks";
    }
}


function showButterDiv(id) {
    for (i = 1; i < 3; i++) {
        document.getElementById('butterDiv' + i).style.visibility = "hidden";
        document.getElementById('butterDiv' + i).style.display = "none";
    }
    if (id.toString() == '1') {
        document.getElementById('chartNavItem1').removeAttribute('class');
        document.getElementById('chartNavItem2').removeAttribute('class');
        document.getElementById('chartNavItem1').setAttribute('class', 'buttery-active');
        document.getElementById('chartNavItem2').setAttribute('class', 'activ');
    }
    else {
        document.getElementById('chartNavItem1').removeAttribute('class');
        document.getElementById('chartNavItem2').removeAttribute('class');
        document.getElementById('chartNavItem1').setAttribute('class', 'buttery');
        document.getElementById('chartNavItem2').setAttribute('class', 'activ-active');    
    }
    document.getElementById('butterDiv' + id).style.visibility = "visible";
    document.getElementById('butterDiv' + id).style.display = "block";
}

function loadButterDiv(id) {
    if (id.toString() == '1') {
        document.getElementById('chartNavItem1').removeAttribute('class');
        document.getElementById('chartNavItem2').removeAttribute('class');
        document.getElementById('chartNavItem1').setAttribute('class', 'buttery-active');
        document.getElementById('chartNavItem2').setAttribute('class', 'activ');
    }
    else {
        document.getElementById('chartNavItem1').removeAttribute('class');
        document.getElementById('chartNavItem2').removeAttribute('class');
        document.getElementById('chartNavItem1').setAttribute('class', 'buttery');
        document.getElementById('chartNavItem2').setAttribute('class', 'activ-active');
    }
    document.getElementById('butterDiv' + id).style.visibility = "visible";
    document.getElementById('butterDiv' + id).style.display = "block";
}