STYLE SELECTOR
*Click on cabinet and shell colors below to view combinations
Avante™ Cabinet Colors
(Colors may vary depending on monitor settings)
function changeShell(element) {
document.getElementById('shell-color').src = element;
}
function changeCabinet(element) {
document.getElementById('cabinet-color').src = element;
}
(function ($) {
$(document).ready(function () {
/*Removes Pacific Shell on load*/
if ($('#niagara-brownstone, #tahitian-brownstone,#tahitian-ams-brownstone, #geneva-brownstone').hasClass('active')) {
$('#niagara-pacificrim, #tahitian-pacificrim, #tahitian-ams-pacificrim, #geneva-pacificrim').addClass('hidden');
}
/*Adds/Removes hidden and active on cabinets class*/
$('.cabinets').on('click', 'a', function () {
$('.cabinets a.active').removeClass('active');
$(this).addClass('active');
if ($('#niagara-brownstone, #tahitian-brownstone, #tahitian-ams-brownstone, #geneva-brownstone').hasClass('active')) {
$('#niagara-pacificrim, #tahitian-pacificrim, #tahitian-ams-pacificrim, #geneva-pacificrim').addClass('hidden');
} else {
$('#niagara-pacificrim, #tahitian-pacificrim, #tahitian-ams-pacificrim, #geneva-pacificrim').removeClass('hidden');
}
if ($('#niagara-sand, #tahitian-sand, #tahitian-ams-sand, #cantabria-sand, #geneva-sand').hasClass('active')) {
$('#niagara-platinum, #tahitian-platinum, #tahitian-ams-platinum, #cantabria-platinum, #geneva-platinum').addClass('hidden');
} else {
$('#niagara-platinum, #tahitian-platinum, #tahitian-ams-platinum, #cantabria-platinum, #geneva-platinum').removeClass('hidden');
}
});
/*Adds/Removes hidden and active on shells class*/
$('.shells').on('click', 'a', function () {
$('.shells a.active').removeClass('active');
$(this).addClass('active');
if ($('#cantabria-platinum, #tahitian-pacificrim, #tahitian-ams-pacificrim, #geneva-pacificrim, #niagara-pacificrim').hasClass('active')) {
$('#cantabria-sand, #tahitian-brownstone, #tahitian-ams-brownstone, #geneva-brownstone, #niagara-brownstone').addClass('hidden');
}
else {
$('#cantabria-sand, #tahitian-brownstone, #tahitian-ams-brownstone, #geneva-brownstone, #niagara-brownstone').removeClass('hidden');
}
if ($('#tahitian-platinum, #tahitian-ams-platinum, #geneva-platinum, #niagara-platinum').hasClass('active')) {
$('#tahitian-sand, #tahitian-ams-sand, #geneva-sand, #niagara-sand').addClass('hidden');
}
else {
$('#tahitian-sand, #tahitian-ams-sand, #geneva-sand, #niagara-sand').removeClass('hidden');
}
});
});
})(jQuery);