/* * * * * Misc. jQuery application of design * * * * */

$(document).ready(function() {

    // COLLAPSIBLE PANELS
    $('div.collapsiblePanel a.collapsiblePanelLink').click(function() {
        $(this).parents('div.collapsiblePanel').toggleClass('collapsiblePanelOpen');
    });

    // THUMBNAIL OVERLAY SETUP
    //	This line targetted the individual specific containers instead of all images in "left" and "right" - left in for posterity. 
    //	$('div.left a.popup img, div.right a.popup img, div.left a.cornerLink img, div.right a.cornerLink img').wrap('<div class="thumbContainer">');
    //	Wrap all images in "left" and "right" div's EXCEPT images in "miniVideo" div with the thumbContainer div.
    $('div.left img, div.right img').not('div.miniVideo img, img.noMasking').wrap('<div class="thumbContainer">');
    $('div.thumbContainer').append('<div class="thumbOverlay"></div>');
    //	Appending span tag to end of "popup" links to create "+" icon.
    $('a.popup').append('<span></span>');


    // COLLAPSIBLE PANELS - BLUE BARS
    /*$('div.topicPanel div.topicHeaderBar a').click(function() {
        $(this).parents('div.topicPanel').toggleClass('topicPanelOpen');
    });*/

    // PRODUCT WATCH NOW VIDEO DETAIL LIGHTBOX
    $("a.detailLightbox").fancybox({
        'width': 640,
        'height': 360,
        'hideOnContentClick': false,
        'padding': 0,
        'titleShow': false,
        'scrolling': 'no',
        'autoScale': false
    });

    // ONRAMP VIDEO DETAIL LIGHTBOX
    $("a.detailOnRampLightbox").fancybox({
        'width': 920,
        'height': 360,
        'hideOnContentClick': false,
        'padding': 0,
        'titleShow': false,
        'scrolling': 'no',
        'autoScale': false,
        'showNavArrows': false
    });

});