// independently show and hide

 $(document).ready(function(){        
 
        var loadSettingsState = $.cookie("cookie_settings"); 
        var loadDataState     = $.cookie("cookie_data");           
        var loadDetailsState  = $.cookie("cookie_details");        


        /*********************************************/
        /** Verify state of section when page loads **/
        /*********************************************/        

        if (loadSettingsState  == null )
        {
             $('#chart_settings_id > div').show(); 
        }   
        else if (loadSettingsState  == '1' )
        { 
             $('#chart_settings_id > div').show(); 
        } 
        else if (loadSettingsState  == '0' )
        { 
             $('#chart_settings_id > div').hide(); 
        }  

        if (loadDataState  == null )
        {
            $('#chart_data_id > div').show();  
        }   
        else if (loadDataState  == '1' )
        { 
            $('#chart_data_id > div').show(); 
        } 
        else if (loadDataState  == '0' )
        { 
            $('#chart_data_id > div').hide(); 
        } 

        if (loadDetailsState  == null )
        {
            $('#chart_details_id > div').show();  
        }   
        else if (loadDetailsState  == '1' )
        { 
            $('#chart_details_id > div').show(); 
        } 
        else if (loadDetailsState  == '0' )
        { 
            $('#chart_details_id > div').hide(); 
        }         
        
        

        /*********************************************/
        /**  Change state each time section clicked **/
        /*********************************************/
        
        $('#chart_settings_id > h3').click(function() 
        {   
           $(this).next().slideToggle('slow');  
     
           // First time value will be null, set to 1 to display. 
           // If 0, then user now wants view it, so set to 1.
           //
           var settingsState = $.cookie("cookie_settings");           
           
           if (settingsState  == null )
           {
               $.cookie('cookie_settings', '0');
           }   
           else if (settingsState  == '1' )
           { 
               $.cookie('cookie_settings', '0');
           } 
           else if (settingsState  == '0' )
           { 
               $.cookie('cookie_settings', '1');
           }            
        });   

        $('#chart_data_id > h3').click(function() 
        {   
           $(this).next().slideToggle('slow');  
           
           var dataState = $.cookie("cookie_data");           
           
           if (dataState  == null )
           {
               $.cookie('cookie_data', '0');
           }   
           else if (dataState  == '1' )
           { 
               $.cookie('cookie_data', '0');
           } 
           else if (dataState  == '0' )
           { 
               $.cookie('cookie_data', '1');
           }  
        });        

        $('#chart_details_id > h3').click(function() 
        {   
            $(this).next().slideToggle('slow');  
                   
            var detailsState = $.cookie("cookie_details");           
                   
            if (detailsState  == null )
            {
               $.cookie('cookie_details', '0');
            }   
            else if (detailsState  == '1' )
            { 
               $.cookie('cookie_details', '0');
            } 
            else if (detailsState  == '0' )
            { 
                $.cookie('cookie_details', '1');
            }  
        });         
        
        
        //Reset all
        $('#reset_id').click(function() 
        {
        	$.cookie('cookie_settings', '1');
        	$.cookie('cookie_data', '1');
        });
        
        
        
        $('#testsettings').click(function() 
        {   
            var popo = $.cookie("cookie_settings")                   
            alert(popo);
            return false;

        });        
        
        $('#testdata').click(function() 
        {   
            //alert("HELLO");
            var popor = $.cookie("cookie_data")                   
            alert(popor);
            return false;

        });          
        

                                
                                           
  });