﻿
// Baloon popup on Image of bottle
$(document).ready(function() {
    $("#HHdiv").css("top", "20px");
    $("#HHdiv").css("left", "150px");

    /*
    $("#HHMap").hover(function(e) {
        $("#HHdiv").stop(true, true).animate({ opacity: "show" }, "slow");
    }, function() {
        $("#HHdiv").animate({ opacity: "hide" }, "fast");
    });
    */

});


// Tabs code

// Health //

function ViewFull_Click() {
    document.getElementById('ProductDiv-12').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-14').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'block';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Compare_Click() {
    document.getElementById('ProductDiv-12').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-16').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'block';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function KeyClinic_Click() {
    document.getElementById('ProductDiv-12').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-18').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'block';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Taste_Click() {
    document.getElementById('ProductDiv-12').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-20').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'block';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();

}
function Conditions_Click() {
    document.getElementById('ProductDiv-12').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20').style.backgroundPosition = 'top';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'block';
    resizeBoxDivs();
}


// Strength //

function ViewFull_Click_S() {
    document.getElementById('ProductDiv-12-1').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-14-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-1').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'block';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Compare_Click_S() {
    document.getElementById('ProductDiv-12-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-1').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-16-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-1').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'block';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function KeyClinic_Click_S() {
    document.getElementById('ProductDiv-12-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-1').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-18-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-1').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'block';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Taste_Click_S() {
    document.getElementById('ProductDiv-12-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-1').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-20-1').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'block';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();

}
function Conditions_Click_S() {
    document.getElementById('ProductDiv-12-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-1').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-1').style.backgroundPosition = 'top';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'block';
    resizeBoxDivs();
}

// Memory //

function ViewFull_Click_M() {
    document.getElementById('ProductDiv-12-2').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-14-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-2').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'block';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Compare_Click_M() {
    document.getElementById('ProductDiv-12-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-2').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-16-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-2').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'block';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function KeyClinic_Click_M() {
    document.getElementById('ProductDiv-12-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-2').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-18-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-2').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'block';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Taste_Click_M() {
    document.getElementById('ProductDiv-12-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-2').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-20-2').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'block';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();

}
function Conditions_Click_M() {
    document.getElementById('ProductDiv-12-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-2').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-2').style.backgroundPosition = 'top';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'block';
    resizeBoxDivs();
}

// Immune //

function ViewFull_Click_I() {
    document.getElementById('ProductDiv-12-3').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-14-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-3').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'block';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Compare_Click_I() {
    document.getElementById('ProductDiv-12-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-3').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-16-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-3').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'block';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function KeyClinic_Click_I() {
    document.getElementById('ProductDiv-12-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-3').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-18-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-3').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'block';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();
}
function Taste_Click_I() {
    document.getElementById('ProductDiv-12-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-3').style.backgroundPosition = 'top';
    document.getElementById('ProductDiv-20-3').style.backgroundPosition = 'bottom';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'block';
    document.getElementById('Cond_Div').style.display = 'none';
    resizeBoxDivs();

}
function Conditions_Click_I() {
    document.getElementById('ProductDiv-12-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-14-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-16-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-18-3').style.backgroundPosition = 'bottom';
    document.getElementById('ProductDiv-20-3').style.backgroundPosition = 'top';

    document.getElementById('FullView_Div').style.display = 'none';
    document.getElementById('Compare_Div').style.display = 'none';
    document.getElementById('Result_Div').style.display = 'none';
    document.getElementById('Taste_Div').style.display = 'none';
    document.getElementById('Cond_Div').style.display = 'block';
    resizeBoxDivs();
}
