// expand and collapse script handled by jquery
(function(jQuery) {
jQuery.fn.expandingAll = function(options) { // default settings
    var defaults = {  
         trigger1 : expand, // expand defined in setHomePage.xhtml
         trigger2 : collapse, // collapse defined in setHomePage.xhtml
         container : '#outer div.browsers',
         ref : 'h4.expand',
         showMethod : 'slideDown',
         hideMethod : 'slideUp',
         speed : 'fast' 
    }; 
    var o = jQuery.extend({}, defaults, options);   
    return this.each(function() {
        jQuery(o.container + ':eq(' + jQuery(o.container).index(this) + ') ' + o.ref + ':first').before('<p class="switch"><a href="#">' + o.trigger1 + '</a></p>');
        jQuery(this).find('p.switch a').click(function() {
        var $collapse = jQuery(this).closest(o.container).find('.collapse'),
            $expand = jQuery(this).closest(o.container).find(o.ref);
        if (jQuery(this).text() == o.trigger1) {
          jQuery(this).text(o.trigger2);
          $expand.addClass('active');
          $collapse[o.showMethod](o.speed);
        } else {
          jQuery(this).text(o.trigger1);
          $expand.removeClass('active');
          $collapse[o.hideMethod](o.speed);
        }
        return false;
    });
});};
})(jQuery);
////////////////////////////
jQuery(function() {
    // --- Initially hide collapsible sections. Generate <a>-tags wrapping the elements that handle the toggle action. --- //
    jQuery('#outer').find('div.collapse').hide().end()
    .find('h4.expand').wrapInner('<a style="display:block" href="#detect" title="" />');
    
    // --- Expand All/Collapse All --- //
     jQuery('#outer div.browsers').each(function(index) {
        var $browsers = jQuery('#outer div.browsers:eq(' + index + ')');
        if (index == 2) {
          $browsers.expandingAll({
            ref : 'div', 
            showMethod : 'show', 
            hideMethod : 'hide', 
            speed: 'fast'});
        } else {
        $browsers.expandingAll();
        }
    }); 
    
    // --- Toggle --- //
    jQuery('#outer div.browsers h4.expand').click(function() {
        jQuery(this).toggleClass('active')
        .next('.collapse').slideToggle();
    });
    
});

jQuery(document).ready(function(){ //browsers detecting
	
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { //test for Internet Explorer x.x;
	jQuery('h4.expand:eq(0)').toggleClass('active')
	.next('div').slideToggle().end()
	}
	else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { //test for Firefox/x.x or Firefox x.x (ignoring remaining digits);
	jQuery('h4.expand:eq(1)').toggleClass('active')
	.next('div').slideToggle().end()
	}
	else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { //test for Opera/x.x or Opera x.x (ignoring remaining decimal places);
	jQuery('h4.expand:eq(2)').toggleClass('active')
	.next('div').slideToggle().end()
	}
	else if (navigator.userAgent.indexOf("Chrome") > -1) { //test for Chrome/x.x or Chrome x.x (ignoring remaining decimal places);
	jQuery('h4.expand:eq(3)').toggleClass('active')
	.next('div').slideToggle().end()
	}
	else if (navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") < 1) { //test for Safari/x.x or Safari x.x (ignoring remaining decimal places);
	jQuery('h4.expand:eq(4)').toggleClass('active')
	.next('div').slideToggle().end()
	}
	else if (/SeaMonkey[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { //test for SeaMonkey/x.x or SeaMonkey x.x (ignoring remaining decimal places);
	jQuery('h4.expand:eq(5)').toggleClass('active')
	.next('div').slideToggle().end()
	}
});