// perform JavaScript after the document is scriptable.
jQuery(document).ready(function() {

    // setup ul.tabs to work as tabs for each div directly under div.panes and set the mouseover event to have the default effect i.e display the tabs.
    jQuery("ul.tabs").tabs("div.panes > div", { event: 'mouseover', effect: 'default' 
    });
    jQuery("div.panes div").css("visibility", "visible");
});

 
// Initialize the product family tabs.
jQuery(document).ready(function() {
	// setup ul.tabs to work as tabs for each div directly under div.panes
    jQuery("ul.productdetails_tabs").tabs("div.productdetails_panes > div");
    jQuery("div.productdetails_panes div").css("visibility", "visible");
});

//Initialiaxe the home page's learn tabs
jQuery(document).ready(function() {
// setup ul.tabs to work as tabs for each div directly under div.panes and set the mouseover event to have the default effect i.e display the tabs.
    jQuery("ul.learn_tabs").tabs("div.learn_panes > div", { event: 'mouseover', effect: 'default'
    });
    jQuery("div.learn_panes div").css("visibility", "visible");
});

//Initialiaxe the home page's find product tabs
jQuery(document).ready(function() {
    // setup ul.tabs to work as tabs for each div directly under div.panes and set the mouseover event to have the default effect i.e display the tabs.
    jQuery("ul.product_tabs").tabs("div.product_panes > div", { event: 'mouseover', effect: 'default'
    });
    jQuery("div.product_panes div").css("visibility", "visible");
});