﻿/*
=================================================================================
Stay in touch web control
=================================================================================
*/

function lclOpenContactUsForm() {
    if (document.getElementById("closedForm"))
        document.getElementById("closedForm").style.display = "none";
    if (document.getElementById("openForm"))
        document.getElementById("openForm").style.display = "block";
    if (document.getElementById("thankYou"))
        document.getElementById("thankYou").style.display = "none";
}

function lclCloseContactUsForm() {
    if (document.getElementById("closedForm"))
        document.getElementById("closedForm").style.display = "block";
    if (document.getElementById("openForm"))
        document.getElementById("openForm").style.display = "none";
    if (document.getElementById("thankYou"))
        document.getElementById("thankYou").style.display = "none";
}

function lclShowThankYou() {
    if (document.getElementById("closedForm"))
        document.getElementById("closedForm").style.display = "none";
    if (document.getElementById("openForm"))
        document.getElementById("openForm").style.display = "none";
    if (document.getElementById("thankYou"))
        document.getElementById("thankYou").style.display = "block";
}


function RetrieveYourFavouritesOnComplete(result, txtResult, methodName) {
    document.getElementById("divYourFavourites").innerHTML = result;
}

function YourFavouritesError(error, userContext, methodName) {
    if (error != null)
    //alert(error.get_message());
        alert("An error occured while processing your request");
}

function showTab(tabID, descriptionID) {
    clearTabs();

    document.getElementById(tabID).className = "selected";
    document.getElementById(descriptionID).style.display = "block";
}


function clearTabs() {
    // remove selected class from all tabs
    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab1"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab1").className = "";

    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab2"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab2").className = "";

    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab3"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab3").className = "";

    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab4"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEcommTab4").className = "";

    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab1"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab1").className = "";
        
    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab2"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab2").className = "";

    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab3"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab3").className = "";

    if (document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab4"))
        document.getElementById("ctl00_ctl00_ContentPlaceHolderPageFrame_ContentPlaceHolderMain_liEventTab4").className = "";

    // hide all content in tabs
    document.getElementById("divOpt1").style.display = "none";

    if (document.getElementById("divOpt2"))
        document.getElementById("divOpt2").style.display = "none";

    if (document.getElementById("divOpt3"))
        document.getElementById("divOpt3").style.display = "none";

    if (document.getElementById("divOpt4"))
        document.getElementById("divOpt4").style.display = "none";

}

$(document).ready(function() {
    //$('#overlay').fadeTo(0, 0);
    // hide table rows
    $('div.itemDetailContainer').hide();
    $('tr.detail').addClass("hiddenRow");
    $('tr.evenDetail').addClass("hiddenRow");

    $('a.expandLink').click(function(event) {
        var rowClicked = $(this).closest('tr');
        if(rowClicked.hasClass("expanded")) {
            //	HIDE
            rowClicked.next().children('td').eq(0).children('div.itemDetailContainer').eq(0).slideToggle(700, function() {
                rowClicked.next().toggleClass("hiddenRow");
                rowClicked.toggleClass("expanded");
            });
        } else {
            //	SHOW
            rowClicked.toggleClass("expanded");
            rowClicked.next().toggleClass("hiddenRow");
            rowClicked.next().children('td').eq(0).children('div.itemDetailContainer').eq(0).slideToggle(700);
        }
    });



    // hide the all of the element with class hidden on page load
    $(".hidePanel").hide();
    if($.browser.msie && ($.browser.version).match(/^6\./)) {
        $('div.basketContentPanel div.basketSummary ul').hide();
    }
    // add the panelSwitch class
    $(".viewMore a").click(function(event) {
        //change link image on basket
        $(this).toggleClass("close");
        //change link text on basket
        if($(this).html() == 'Show') {
            $(".viewMore a").text("Hide");
            // toggle basket
            $(".basketContentPanel").slideDown('def', function() {
                if($.browser.msie && ($.browser.version).match(/^6\./)) {
                    $('div.basketContentPanel div.basketSummary ul').show();
                }
            });
            // $(".basketContent").show('def');
            // $(".contentTable").show('def');
            // $(".basketSummary").show('def');
            // $(".basketContentBg").show('def');
        } else {
            $(".viewMore a").text("Show");
            // toggle basket
            if($.browser.msie && ($.browser.version).match(/^6\./)) {
                $('div.basketContentPanel div.basketSummary ul').hide();
            }
            $(".basketContentPanel").slideUp('def');
        };
        return false;
    });
    if($.browser.msie && ($.browser.version).match(/^6\./)) {
        $(".loginPanelContainer").hide();
        $(".loginPanelContainer").css('visibility', 'visible');
    }
    $(".loginButtonContainer a").click(function(event) {
        $('.loginPanelBg .logonShowHideDiv').show();
        $('.loginPanelBg .passwordShowHideDiv').hide();
        $('.loginPanelContainer').show();
        $('.loginPanelContainer .errorMsg').remove();
        $('.loginPanelContainer li.formError').removeClass('formError');
        $('.loginPanelContainer input').val('');
        return false;
    });

    $(".loginTab a").click(function() {
        $('.loginPanelContainer').hide();
        return false;
    });


    $("a.moreIndustries").click(function(event) {
        //toggle idustries div
        $(this).toggleClass("open");
        $(".moreIndustriesDiv").toggleClass("close");
        return false;
    });

//    $('a.expandPanelLink').click(function() {
//        $(this).next('div.expandPanel').slideToggle();
//        return false;
//    });
    $('a.expandPanelClose').click(function() {
        $(this).parents('div.expandPanelContainer').children('a.expandPanelLink').click();
        return false;
    });

    //    $(".removeLink a").click(function(event) {
    //        $(this).closest('tr').fadeOut("def");
    //    });

    //	$("a.youDetailsToggle").toggle(function(event){
    //		$('.yourDetailsTable').slideUp("fast");
    //		$(this).html('Add me - I am attending');
    //		$(this).css('background-image','none');
    //		return false;
    //	},function(){
    //		$('.yourDetailsTable').slideDown("fast");
    //		$(this).html('Remove me - I am not attending');
    //		$(this).css('background-image','url(/Pira/Images/ecomm/yourDetailsLink.gif)');
    //		
    //		return false;
    //	});

    // toggle 'my details' on events regs pages
    //    $('.checkBox a').click(function(event) {
    //        var currentImg = $(this).children('img').attr('src');
    //        var pattern = /(\/Pira)*?\/Images\/(.+?)\/ecomm\/checkboxTicked.gif/i;
    //        if (currentImg.match(pattern)) {
    //            $(this).children('img').attr('src', currentImg.replace(pattern, "$1/Images/$2/ecomm/checkboxEmpty.gif"));
    //            $(this).closest('tr').removeClass('selected');
    //        } else {
    //            $(this).children('img').attr('src', currentImg.replace(/(\/Pira)*?\/Images\/(.+?)\/ecomm\/checkboxEmpty.gif/i, "$1/Images/$2/ecomm/checkboxTicked.gif"));
    //            $(this).closest('tr').addClass('selected');
    //        }
    //        //return false;
    //    });

    // define start position
    var activeSpotlightPos = 1;
    // count how many spotlight divs there are - make it max
    var activeSpotlightFinish = $(".panelWrapper").children('div').length;
    // diplay the info in middle
    $("li.numberDisplay").html(activeSpotlightPos + ' / ' + activeSpotlightFinish)
    // fade the previous button to begin with
    $("a.prevPanel").parent().fadeTo("fast", 0.33);
    // hompage spotlight control functions - RIGHT
    $("a.nextPanel").click(function() {
        if(activeSpotlightPos != activeSpotlightFinish) {
            // animate panel
            $(".panelWrapper").animate({
                marginLeft: "-=454px"
            }, 1000);
            activeSpotlightPos++;
            // activeate pervious button
            $("a.prevPanel").parent().fadeTo("fast", 1);
            // display active panel
            $("li.numberDisplay").html(activeSpotlightPos + ' / ' + activeSpotlightFinish)
        }
        // if current active panel is last one fade button
        if(activeSpotlightPos == activeSpotlightFinish) $("a.nextPanel").parent().fadeTo("slow", 0.33);
        return false;
    });
    // hompage spotlight control functions - LEFT
    $("a.prevPanel").click(function() {
        if(activeSpotlightPos != 1) {
            $(".panelWrapper").animate({
                marginLeft: "+=454px"
            }, 1000);
            activeSpotlightPos--;
            // activeate next button
            $("a.nextPanel").parent().fadeTo("fast", 1);
            $("li.numberDisplay").html(activeSpotlightPos + ' / ' + activeSpotlightFinish)
        }
        // if current active panel is first one fade button
        if(activeSpotlightPos == 1) $("a.prevPanel").parent().fadeTo("slow", 0.33);
        return false;
    });

    $("a.overlayOpen").click(
	function(event) {
	    if((navigator.userAgent).search(new RegExp(/msie 6\./i)) != -1) {
	        $('select').css('visibility', 'hidden');
	        $('#overlay').css("height", ($('body').height() + 18));
	    } else {
	        $('#overlay').css("height", $('body').height());
	    }
	    $('#contentHolder div.content').removeClass('overlayed');
	    $('#someID').fadeIn();
	    $('#overlay').show();
	    $('#overlay').fadeTo("slow", 0.7);
	    if((navigator.userAgent).search(new RegExp(/msie 6\./i)) == -1) {
	        return false;
	    }
	});

    $(".overlay a#overlayClose").click(
		function(event) {
            $('#contentHolder div.content').addClass('overlayed');
            $('#someID').fadeOut();
            $('#overlay').fadeTo("slow", 0.4);
		    //$('#overlay').fadeTo("slow", 0.4, function() { $('#overlay').hide(); if((navigator.userAgent).search(new RegExp(/msie 6\./i)) != -1) { $('select').css('visibility', 'visible'); } });
		    return false;
		}
	);

    $('a.addToBasketLink').click(function() {
        var img = $(this).children('img').eq(0);
        var pattern = /(\/Pira)*?\/Images\/(.+?)\/ecomm\/(Header)*?addToBasket.gif/i;
        var currentSrc = $(img).attr('src');
        if(currentSrc.match(pattern)) {
            $(img).attr('src', currentSrc.replace(pattern, "$1/Images/$2/ecomm/$3addedToBasket.gif"));
        }
        $(img).oneTime(3000, function() {
            $(img).attr('src', currentSrc);
        });
    });
});

function showForgotPassword(parentDivID) {
    $('#' + parentDivID + ' .loginPanelBg').show();
    $('#' + parentDivID + ' .loginPanelBg .errorMsg').remove();
    $('#' + parentDivID + ' .loginPanelBg li.formError').removeClass('formError');
    $('#' + parentDivID + ' .loginPanelBg input').val('');
    $('#' + parentDivID + ' .loginPanelBg .logonShowHideDiv').hide();
    $('#' + parentDivID + ' .loginPanelBg .passwordShowHideDiv').show();
}

function showLogon(parentDivID) {
    $('#' + parentDivID + ' .loginPanelBg').show();
    $('#' + parentDivID + ' .loginPanelBg .errorMsg').remove();
    $('#' + parentDivID + ' .loginPanelBg li.formError').removeClass('formError');
    $('#' + parentDivID + ' .loginPanelBg input').val('');
    $('#' + parentDivID + ' .loginPanelBg .passwordShowHideDiv').hide();
    $('#' + parentDivID + ' .loginPanelBg .logonShowHideDiv').show();
}

function groupBooked() {
    $('.groupBook').is(':checked') ? $(".hidePanel").show() : $(".hidePanel").hide();
}



function expandPanelLink(elementClickedID)
{
    $('#' + elementClickedID).next('div.expandPanel').slideToggle();
    return false;
}

function getPurchasedBy(elementClickedID, elementToUpdateID, contactID)
{
    PageMethods.GetPurchasedBy(elementClickedID, elementToUpdateID, contactID, getPurchasedBySuccess, getPurchasedByError);
    return false;
}

function getPurchasedByError(error, userContext, methodName)
{
    if (error !== null)
    {
        alert("error:  " + error.get_message());
    }
}

function getPurchasedBySuccess(result, txtresult, methodName)
{
    elementToUpdateID = result[1];
    document.getElementById(elementToUpdateID).innerHTML = result[2];
    expandPanelLink(result[0]);
    return false;
}

function expandLink(elementClickedID)
{
    var rowClicked = $('#' + elementClickedID).closest('tr');
    if (rowClicked.hasClass("expanded"))
    {
        //	HIDE
        rowClicked.next().children('td').eq(0).children('div.itemDetailContainer').eq(0).slideToggle(700, function()
        {
            rowClicked.next().toggleClass("hiddenRow");
            rowClicked.toggleClass("expanded");
        });
    } else
    {
        //	SHOW
        rowClicked.toggleClass("expanded");
        rowClicked.next().toggleClass("hiddenRow");
        rowClicked.next().children('td').eq(0).children('div.itemDetailContainer').eq(0).slideToggle(700);
    }
}

function getDelegateList(elementClickedID, elementToUpdateID, MembershipAccountNumber, eventID)
{
    var rowClicked = $('#' + elementClickedID).closest('tr');
    if (rowClicked.hasClass("expanded"))
    {
        //close it
        expandLink(elementClickedID);
    }
    else
    {
        PageMethods.GetDelegateList(elementClickedID, elementToUpdateID, MembershipAccountNumber, eventID, getDelegateListSuccess, getDelegateListError);
    }
    return false;
}

function getDelegateListError(error, userContext, methodName)
{
    if (error !== null)
    {
        alert("error:  " + error.get_message());
    }
}

function getDelegateListSuccess(result, txtresult, methodName)
{
    elementToUpdateID = result[1];
    document.getElementById(elementToUpdateID).innerHTML = result[2];
    expandLink(result[0]);
    return false;
}

/*
=================================================================================
Testing section
=================================================================================
*/

function showfoodSection(sectionId) {
    document.getElementById("foodSection1").style.display = "none";
    document.getElementById("foodSection2").style.display = "none";
    document.getElementById("foodSection3").style.display = "none";
    if (document.getElementById("foodSection4"))
        document.getElementById("foodSection4").style.display = "none";
    document.getElementById("foodSection" + sectionId).style.display = "block";

    RemoveClassName(document.getElementById("foodSectionSelectorItem1"), "selected");
    RemoveClassName(document.getElementById("foodSectionSelectorItem2"), "selected");
    RemoveClassName(document.getElementById("foodSectionSelectorItem3"), "selected");
    RemoveClassName(document.getElementById("foodSectionSelectorItem4"), "selected");
    AddClassName(document.getElementById("foodSectionSelectorItem" + sectionId), "selected", true);

    switch (sectionId) {
        case "1":
            document.getElementById("foodSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("foodSectionSelectorItem2").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("foodSectionSelectorItem3").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            break;
        case "2":
            document.getElementById("foodSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("foodSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("foodSectionSelectorItem3").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            break;
        case "3":
            document.getElementById("foodSectionSelectorItem1").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("foodSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("foodSectionSelectorItem3").style.backgroundImage = "none";
            break;
        case "4":
            document.getElementById("foodSectionSelectorItem1").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("foodSectionSelectorItem2").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("foodSectionSelectorItem3").style.backgroundImage = "none";
            break;
    }
}

function showmaterialsSection(sectionId) {
    document.getElementById("materialsSection1").style.display = "none";
    document.getElementById("materialsSection2").style.display = "none";
    document.getElementById("materialsSection3").style.display = "none";
    document.getElementById("materialsSection4").style.display = "none";
    document.getElementById("materialsSection" + sectionId).style.display = "block";

    RemoveClassName(document.getElementById("materialsSectionSelectorItem1"), "selected");
    RemoveClassName(document.getElementById("materialsSectionSelectorItem2"), "selected");
    RemoveClassName(document.getElementById("materialsSectionSelectorItem3"), "selected");
    RemoveClassName(document.getElementById("materialsSectionSelectorItem4"), "selected");
    AddClassName(document.getElementById("materialsSectionSelectorItem" + sectionId), "selected", true);

    switch (sectionId) {
        case "1":
            document.getElementById("materialsSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("materialsSectionSelectorItem2").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("materialsSectionSelectorItem3").style.backgroundImage = "none";
            break;
        case "2":
            document.getElementById("materialsSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("materialsSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("materialsSectionSelectorItem3").style.backgroundImage = "none";
            break;
        case "3":
            document.getElementById("materialsSectionSelectorItem1").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("materialsSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("materialsSectionSelectorItem3").style.backgroundImage = "none";
            break;
    }
}

function showpackagingSection(sectionId) {
    document.getElementById("packagingSection1").style.display = "none";
    document.getElementById("packagingSection2").style.display = "none";
    document.getElementById("packagingSection3").style.display = "none";
    if (document.getElementById("packagingSection4"))
        document.getElementById("packagingSection4").style.display = "none";
    document.getElementById("packagingSection" + sectionId).style.display = "block";

    RemoveClassName(document.getElementById("packagingSectionSelectorItem1"), "selected");
    RemoveClassName(document.getElementById("packagingSectionSelectorItem2"), "selected");
    RemoveClassName(document.getElementById("packagingSectionSelectorItem3"), "selected");
    RemoveClassName(document.getElementById("packagingSectionSelectorItem4"), "selected");
    AddClassName(document.getElementById("packagingSectionSelectorItem" + sectionId), "selected", true);

    switch (sectionId) {
        case "1":
            document.getElementById("packagingSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("packagingSectionSelectorItem2").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("packagingSectionSelectorItem3").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            break;
        case "2":
            document.getElementById("packagingSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("packagingSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("packagingSectionSelectorItem3").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            break;
        case "3":
            document.getElementById("packagingSectionSelectorItem1").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("packagingSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("packagingSectionSelectorItem3").style.backgroundImage = "none";
            break;
        case "4":
            document.getElementById("packagingSectionSelectorItem1").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("packagingSectionSelectorItem2").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("packagingSectionSelectorItem3").style.backgroundImage = "none";
            break;
    }
}

function showDistributionSection(sectionId) {
    document.getElementById("distributionSection1").style.display = "none";
    document.getElementById("distributionSection2").style.display = "none";
    document.getElementById("distributionSection3").style.display = "none";
    if (document.getElementById("distributionSectionSelectorItem4"))
        document.getElementById("distributionSection4").style.display = "none";
    document.getElementById("distributionSection" + sectionId).style.display = "block";

    RemoveClassName(document.getElementById("distributionSectionSelectorItem1"), "selected");
    RemoveClassName(document.getElementById("distributionSectionSelectorItem2"), "selected");
    RemoveClassName(document.getElementById("distributionSectionSelectorItem3"), "selected");
    if (document.getElementById("distributionSectionSelectorItem4"))
        RemoveClassName(document.getElementById("distributionSectionSelectorItem4"), "selected");
    AddClassName(document.getElementById("distributionSectionSelectorItem" + sectionId), "selected", true);

    switch (sectionId) {
        case "1":
            document.getElementById("distributionSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("distributionSectionSelectorItem2").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("distributionSectionSelectorItem3").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            break;
        case "2":
            document.getElementById("distributionSectionSelectorItem1").style.backgroundImage = "none";
            document.getElementById("distributionSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("distributionSectionSelectorItem3").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            break;
        case "3":
            document.getElementById("distributionSectionSelectorItem1").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("distributionSectionSelectorItem2").style.backgroundImage = "none";
            document.getElementById("distributionSectionSelectorItem3").style.backgroundImage = "none";
            break;
        case "4":
            document.getElementById("distributionSectionSelectorItem1").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("distributionSectionSelectorItem2").style.backgroundImage = "url('/Images/MainSite/homepage/sectionSelectorDivider.gif')";
            document.getElementById("distributionSectionSelectorItem3").style.backgroundImage = "none";
            break;
    }
}

function RemoveClassName(objElement, strClass) {
    if (objElement && objElement.className) {
        var arrList = objElement.className.split(' ');
        var strClassUpper = strClass.toUpperCase();
        for (var i = 0; i < arrList.length; i++) {
            if (arrList[i].toUpperCase() == strClassUpper) {
                arrList.splice(i, 1);
                i--
            }
        }
        objElement.className = arrList.join(' ');
    }
}

function AddClassName(objElement, strClass, blnMayAlreadyExist) {
    if (objElement.className) {
        var arrList = objElement.className.split(' ');
        if (blnMayAlreadyExist) {
            var strClassUpper = strClass.toUpperCase();
            for (var i = 0; i < arrList.length; i++) {
                if (arrList[i].toUpperCase() == strClassUpper) {
                    arrList.splice(i, 1);
                    i--;
                }
            }
        }
        arrList[arrList.length] = strClass;
        arrList.splice(0, 0, strClass);
        objElement.className = arrList.join(' ');
    } else {
        objElement.className = strClass;
    }
}

function HasClassName(objElement, strClass) {
    if (objElement.className) {
        var arrList = objElement.className.split(' ');
        var strClassUpper = strClass.toUpperCase();
        for (var i = 0; i < arrList.length; i++) {
            if (arrList[i].toUpperCase() == strClassUpper) {
                return true;
            }
        }
    }
    return false;
}


function resetTestingNav() {
    document.getElementById("testingPanelNavFood").className = "item";
    document.getElementById("testingPanelNavMaterials").className = "item";
    document.getElementById("testingPanelNavPackaging").className = "item";
    document.getElementById("testingPanelNavDistribution").className = "item";
}

function resetTestingContent() {
    document.getElementById("testingPanelContentOverview").style.display = "none";
    document.getElementById("testingPanelContentFood").style.display = "none";
    document.getElementById("testingPanelContentFood").style.visibility = "hidden";
    document.getElementById("testingPanelContentMaterials").style.display = "none";
    document.getElementById("testingPanelContentMaterials").style.visibility = "hidden";
    document.getElementById("testingPanelContentPackaging").style.display = "none";
    document.getElementById("testingPanelContentPackaging").style.visibility = "hidden";
    document.getElementById("testingPanelContentDistribution").style.display = "none";
    document.getElementById("testingPanelContentDistribution").style.visibility = "hidden";
}

function testingPanelHover(showId) {
    resetTestingNav();
    document.getElementById("testingPanelNav" + showId).className = "item selected";

    resetTestingContent();
    document.getElementById("testingPanelContent" + showId).style.display = "block";
    document.getElementById("testingPanelContent" + showId).style.visibility = "visible";
}

function testingPanelShowOverview() {
    resetTestingNav();
    resetTestingContent();
    if (document.getElementById("panelMainContentIndustry"))
        document.getElementById("panelMainContentIndustry").style.display = "none";
    document.getElementById("testingPanelContentOverview").style.display = "block";
    document.getElementById("panelMainContentOverview").style.display = "block";
}

function testingPanelShowIndustry() {
    document.getElementById("panelMainContentOverview").style.display = "none";
    if (document.getElementById("panelMainContentIndustry"))
        document.getElementById("panelMainContentIndustry").style.display = "block";
}

