var galleryVisited = false;
OnTabSelection(selectedTabIndex.value);

function OnTabSelection(tabID) {

    var orderFormCell = document.getElementById('orderFormCell');
    var galleryCell = document.getElementById('galleryCell');

    var orderformTab = document.getElementById('orderformTab');
    var galleryTab = document.getElementById('galleryTab');

    var tabButtonHintDiv = document.getElementById('tabButtonHintDiv');
    
    selectedTabIndex.value = tabID;

    if (tabID == 0) {

        if( galleryVisited )
            tabButtonHintDiv.style.display = ''; 

        orderFormCell.style.display = '';
        galleryCell.style.display = 'none';

        orderformTab.style.backgroundColor = "";
        galleryTab.style.backgroundColor = "#CCCCCC";

        orderformTab.style.color = "Black";
        galleryTab.style.color = "White";
    }
    else {
        galleryVisited = true;
        
        tabButtonHintDiv.style.display = 'none';
        orderFormCell.style.display = 'none';
        galleryCell.style.display = '';

        orderformTab.style.backgroundColor = "#CCCCCC";
        galleryTab.style.backgroundColor = "";

        orderformTab.style.color = "White";
        galleryTab.style.color = "Black";
    }
}