jQuery(document).ready(function()
{
    jQuery('.ssl-title').on('click', ssl_click);
    if (document.querySelector('[data-siv="true"]'))
        document.querySelector('[data-siv="true"]').scrollIntoView();
    if (window.location.hash)
        {
        var hash_value = window.location.hash.substr(1);
        var hash_slider = document.getElementById(hash_value);
        if (hash_slider)
            {
            jQuery('.ssl-content').hide();
        	jQuery('.ssl-title').removeClass('ssl-title-open');
            var title_element = hash_slider.firstElementChild;
            var slider_num = title_element.getAttribute('data-num');
            jQuery('#ssl-'+slider_num).show();
            jQuery(title_element).addClass('ssl-title-open');
            title_element.scrollIntoView();
            }
        }
});

function ssl_click() 
{
   var slider_num = this.getAttribute('data-num');
   if (slider_num)
        ssl_open(slider_num);
}

function ssl_open(slider_num) 
{   
	var visible = jQuery('#ssl-'+slider_num).is(':visible');			// is the clicked slider currently visible?
	jQuery('.ssl-content').slideUp();						            // close all sliders
	jQuery('.ssl-title').removeClass('ssl-title-open');	                // remove open class from all titles
	if (visible) return;									            // if it was visible, don't re-open it
	jQuery('#ssl-'+slider_num).slideDown();							    // open required slider
	jQuery('#ssl-'+slider_num).prev('.ssl-title').addClass('ssl-title-open'); // add open class to required title
}