demos/index.html: added functionality to pull descriptions from individual html files.

diff --git a/demos/index.html b/demos/index.html
index 130b02f84b760c0a6cbb166fb0e108326516218f..775630bf4234e5edb4648e1a9f616a4d51b263ac 100644 (file)
--- a/demos/index.html
+++ b/demos/index.html
@@ -37,8 +37,21 @@
                                                                $(this).click(function() {
                                                                        $(this).parents('ul').find('li').removeClass('demo-config-on');
                                                                        $(this).parent().addClass('demo-config-on');
+                                                                       $('#demo-notes').hide();
+                                                                       $('#demo-frame').fadeOut();                                                                     
                                                                });
                                                        });
+                                                       
+                                                       $('#demo-frame').load(function(){
+                                                               var notes = $('.demo-description *', $(this).contents()[0]);
+                                                               if ($('#demo-notes').length == 0) {
+                                                                       $('<div id="demo-notes" />').insertAfter('#demo-config');                               
+                                                               }
+                                                               $('#demo-notes').hide().empty().html(notes);
+                                                               $('#demo-frame').fadeIn({complete: function() {
+                                                                       $('#demo-notes').fadeIn();
+                                                               }});
+                                                       });                                                     
                                                })
                                        .end()
                                .end()