﻿FAQToggle = function(){
    
            var hideShowDivs = $('.hideShowDiv');

            //remove first border
            var first = $(hideShowDivs)[0];
            $(first).addClass("first");
         
			//loop through them - hide from start and add even listeners
			hideShowDivs.each(function() 
			{
				//get elements of interest
				var title = $(this).find('.divTitleBar')[0];
				var indicator = $(title).find('.divTitleIndicator')[0];
				var divBody = $(this).find('.divBody')[0];
				//hide body
				$(divBody).hide();
				//add event listener for click
				$(title).click(function(){
					//toggle this trigger's div and change indicator
					if( $(divBody).is(':visible') )
					{
						$(divBody).slideUp(400);
						$(indicator).html('<img src="/Templates/Oriflame/styles/images/LinkArrowRelated.jpg" alt="" />');
					}
					else
					{
						$(divBody).slideDown(400);
						$(indicator).html('<img src="/Templates/Oriflame/styles/images/LinkArrowRelatedDown.jpg" alt="" />');
					}
				});
			});
    };
    $(document).ready(function(){
	FAQToggle();
    });
