//JQuery scripts
jQuery.noConflict();
jQuery(document).ready(function(){

    //this is the script to show large image sizes in plant record page
    var img_lg_container = jQuery('div#image-box');
    var img_lg_container_credit = jQuery('div#image-box-credit');
    jQuery('div.thumbnail').each(function(){

        // get the large image
        var img_lg = jQuery(this).find('img.thumbnail-large');
        var img_lg_credit = jQuery(this).find('.thumbnail-large-credit');
        

        jQuery(this).find('a.thumbnail-click').click(function(){
            img_lg_container.html( img_lg );
            img_lg_container_credit.html( img_lg_credit );
        });

    });

    //this is the script that handles the tabs in the plant record page
    jQuery('ul#tabs li').each(function(){
        
        jQuery(this).click(function(){
            
	        jQuery('ul#tabs li').removeClass('buttonActive');
        	jQuery(this).addClass('buttonActive');
            
            var tabname = jQuery(this).attr('rel');
            
            //hide all tabs first
            jQuery('div#tab1').hide();
            jQuery('div#tab2').hide();
            jQuery('div#tab3').hide();
        
            jQuery('div#' + tabname).show();
            //img_lg_container.empty();
    
        });
        
    });
   
});