Add jQuery UI, tabs, and accordion JS and CSS to build Adam Torres' hi-fi prototype. Dropped YUI Base CSS in favor of defining our own base styles in screen.css, headings will and other items may not look right until I do. Need to figure out how jQuery ThemeRoller CSS should be integrated, if at all.

49 files changed, 390 insertions, 12 deletions

diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index b2cc81bf..09d33d3c 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -28,7 +28,22 @@ body, html {
   background-color: #ccc;
 }
 
-/* ~~~~~~~~~ text ~~~~~~~~~~ */
+p {
+  margin-bottom: 1em;
+}
+
+/* ~~~~~~ Base font size ~~~~~~~~ */
+
+#gContent { 
+  font-size: 1em;
+}
+
+#gSidebar, #gHeader, #gFooter {
+  font-size: .8em;
+}
+
+
+/* ~~~~~~~~~ Headings ~~~~~~~~~~ */
 
 h1 {
   margin-top: 0;
@@ -39,6 +54,8 @@ h1 {
   margin: 20px 0 0 20px;
 }
 
+/* ~~~~~~~~~ Links ~~~~~~~~~~ */
+
 a {
   color: #6b8cb7;
   text-decoration: none;
@@ -49,13 +66,10 @@ a:hover {
   text-decoration: underline;
 }
 
-/* ~~~~~~~~~ list ~~~~~~~~~~ */
+/* ~~~~~~~~~ Lists ~~~~~~~~~~ */
 
-li {
-  list-style-type: none;
-}
 
-/* ~~~~~~~~~ table ~~~~~~~~~~ */
+/* ~~~~~~~~~ Tables ~~~~~~~~~~ */
 
 caption {
   text-align: left;
@@ -92,7 +106,8 @@ th {
 
 #gSidebar {
   background-color: #fff;
-  padding: 1.5em 0 0 0;
+  padding: 20px 20px 0 10px;
+  width: 210px;
 }
 
 #gFooter {
@@ -100,6 +115,10 @@ th {
   padding: .5em;
 }
 
+#gSettings {
+  
+}
+
 /**
  ** ****************************************************************
  * 3) Generic content containers (item, block)
@@ -107,7 +126,7 @@ th {
  */
 
 .gBlock {
-  margin: 0 1em 2.5em 0;
+  margin: 0 0 2.5em 0;
   padding: 0;
 }
 
@@ -123,7 +142,6 @@ th {
 .gBlockHeader h2 {
   background: url('../images/ico_dragable.png') no-repeat;
   float: left;
-  font-size: 1.1em;
   margin: 0;
   padding-left: 12px;
 }
@@ -791,7 +809,6 @@ li.gError select {
 /* ~~~~~~~~~ comment form ~~~~~~~~~~ */
 
  #gCommentAdd {
-  width: 500px;
 }
 
 /* ----------- upload ----------------- */
diff --git a/themes/default/jquery/images/222222_11x11_icon_arrows_leftright.gif b/themes/default/jquery/images/222222_11x11_icon_arrows_leftright.gif
new file mode 100755
index 00000000..b26780a3
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_arrows_leftright.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_arrows_updown.gif b/themes/default/jquery/images/222222_11x11_icon_arrows_updown.gif
new file mode 100755
index 00000000..69eb0770
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_arrows_updown.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_close.gif b/themes/default/jquery/images/222222_11x11_icon_close.gif
new file mode 100755
index 00000000..70d0c82b
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_close.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_doc.gif b/themes/default/jquery/images/222222_11x11_icon_doc.gif
new file mode 100755
index 00000000..26db4340
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_doc.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_folder_closed.gif b/themes/default/jquery/images/222222_11x11_icon_folder_closed.gif
new file mode 100755
index 00000000..4efed683
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_folder_closed.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_folder_open.gif b/themes/default/jquery/images/222222_11x11_icon_folder_open.gif
new file mode 100755
index 00000000..0032ff62
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_folder_open.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_minus.gif b/themes/default/jquery/images/222222_11x11_icon_minus.gif
new file mode 100755
index 00000000..6851f398
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_minus.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_plus.gif b/themes/default/jquery/images/222222_11x11_icon_plus.gif
new file mode 100755
index 00000000..74ac5cb9
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_plus.gif
diff --git a/themes/default/jquery/images/222222_11x11_icon_resize_se.gif b/themes/default/jquery/images/222222_11x11_icon_resize_se.gif
new file mode 100755
index 00000000..251dc162
--- /dev/null
+++ b/themes/default/jquery/images/222222_11x11_icon_resize_se.gif
diff --git a/themes/default/jquery/images/222222_35x9_colorpicker_indicator.gif.gif b/themes/default/jquery/images/222222_35x9_colorpicker_indicator.gif.gif
new file mode 100755
index 00000000..4a4e4ac1
--- /dev/null
+++ b/themes/default/jquery/images/222222_35x9_colorpicker_indicator.gif.gif
diff --git a/themes/default/jquery/images/222222_7x7_arrow_down.gif b/themes/default/jquery/images/222222_7x7_arrow_down.gif
new file mode 100755
index 00000000..29c6c706
--- /dev/null
+++ b/themes/default/jquery/images/222222_7x7_arrow_down.gif
diff --git a/themes/default/jquery/images/222222_7x7_arrow_left.gif b/themes/default/jquery/images/222222_7x7_arrow_left.gif
new file mode 100755
index 00000000..9f95efae
--- /dev/null
+++ b/themes/default/jquery/images/222222_7x7_arrow_left.gif
diff --git a/themes/default/jquery/images/222222_7x7_arrow_right.gif b/themes/default/jquery/images/222222_7x7_arrow_right.gif
new file mode 100755
index 00000000..bc020507
--- /dev/null
+++ b/themes/default/jquery/images/222222_7x7_arrow_right.gif
diff --git a/themes/default/jquery/images/222222_7x7_arrow_up.gif b/themes/default/jquery/images/222222_7x7_arrow_up.gif
new file mode 100755
index 00000000..28169eb9
--- /dev/null
+++ b/themes/default/jquery/images/222222_7x7_arrow_up.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_arrows_leftright.gif b/themes/default/jquery/images/888888_11x11_icon_arrows_leftright.gif
new file mode 100755
index 00000000..19f9d6b2
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_arrows_leftright.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_arrows_updown.gif b/themes/default/jquery/images/888888_11x11_icon_arrows_updown.gif
new file mode 100755
index 00000000..c10451f6
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_arrows_updown.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_close.gif b/themes/default/jquery/images/888888_11x11_icon_close.gif
new file mode 100755
index 00000000..326d0153
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_close.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_doc.gif b/themes/default/jquery/images/888888_11x11_icon_doc.gif
new file mode 100755
index 00000000..7d1b5cb5
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_doc.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_folder_closed.gif b/themes/default/jquery/images/888888_11x11_icon_folder_closed.gif
new file mode 100755
index 00000000..71bff058
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_folder_closed.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_folder_open.gif b/themes/default/jquery/images/888888_11x11_icon_folder_open.gif
new file mode 100755
index 00000000..33a20b85
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_folder_open.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_minus.gif b/themes/default/jquery/images/888888_11x11_icon_minus.gif
new file mode 100755
index 00000000..777c3288
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_minus.gif
diff --git a/themes/default/jquery/images/888888_11x11_icon_plus.gif b/themes/default/jquery/images/888888_11x11_icon_plus.gif
new file mode 100755
index 00000000..43531fff
--- /dev/null
+++ b/themes/default/jquery/images/888888_11x11_icon_plus.gif
diff --git a/themes/default/jquery/images/888888_7x7_arrow_down.gif b/themes/default/jquery/images/888888_7x7_arrow_down.gif
new file mode 100755
index 00000000..c91731de
--- /dev/null
+++ b/themes/default/jquery/images/888888_7x7_arrow_down.gif
diff --git a/themes/default/jquery/images/888888_7x7_arrow_left.gif b/themes/default/jquery/images/888888_7x7_arrow_left.gif
new file mode 100755
index 00000000..d6c523b2
--- /dev/null
+++ b/themes/default/jquery/images/888888_7x7_arrow_left.gif
diff --git a/themes/default/jquery/images/888888_7x7_arrow_right.gif b/themes/default/jquery/images/888888_7x7_arrow_right.gif
new file mode 100755
index 00000000..d65b2ed1
--- /dev/null
+++ b/themes/default/jquery/images/888888_7x7_arrow_right.gif
diff --git a/themes/default/jquery/images/888888_7x7_arrow_up.gif b/themes/default/jquery/images/888888_7x7_arrow_up.gif
new file mode 100755
index 00000000..165666af
--- /dev/null
+++ b/themes/default/jquery/images/888888_7x7_arrow_up.gif
diff --git a/themes/default/jquery/images/8ab9ff_40x100_textures_02_glass_50.png b/themes/default/jquery/images/8ab9ff_40x100_textures_02_glass_50.png
new file mode 100755
index 00000000..ea92c4c5
--- /dev/null
+++ b/themes/default/jquery/images/8ab9ff_40x100_textures_02_glass_50.png
diff --git a/themes/default/jquery/images/e6e6e6_40x100_textures_02_glass_80.png b/themes/default/jquery/images/e6e6e6_40x100_textures_02_glass_80.png
new file mode 100755
index 00000000..eb40c818
--- /dev/null
+++ b/themes/default/jquery/images/e6e6e6_40x100_textures_02_glass_80.png
diff --git a/themes/default/jquery/images/eb9300_40x100_textures_02_glass_90.png b/themes/default/jquery/images/eb9300_40x100_textures_02_glass_90.png
new file mode 100755
index 00000000..d571b05a
--- /dev/null
+++ b/themes/default/jquery/images/eb9300_40x100_textures_02_glass_90.png
diff --git a/themes/default/jquery/images/f3f3f3_40x100_textures_01_flat_0.png b/themes/default/jquery/images/f3f3f3_40x100_textures_01_flat_0.png
new file mode 100755
index 00000000..ed434be5
--- /dev/null
+++ b/themes/default/jquery/images/f3f3f3_40x100_textures_01_flat_0.png
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_arrows_leftright.gif b/themes/default/jquery/images/ffffff_11x11_icon_arrows_leftright.gif
new file mode 100755
index 00000000..b23fdec3
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_arrows_leftright.gif
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_arrows_updown.gif b/themes/default/jquery/images/ffffff_11x11_icon_arrows_updown.gif
new file mode 100755
index 00000000..71733b7a
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_arrows_updown.gif
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_close.gif b/themes/default/jquery/images/ffffff_11x11_icon_close.gif
new file mode 100755
index 00000000..b897068d
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_close.gif
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_doc.gif b/themes/default/jquery/images/ffffff_11x11_icon_doc.gif
new file mode 100755
index 00000000..586b716b
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_doc.gif
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_folder_closed.gif b/themes/default/jquery/images/ffffff_11x11_icon_folder_closed.gif
new file mode 100755
index 00000000..8e4108e8
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_folder_closed.gif
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_folder_open.gif b/themes/default/jquery/images/ffffff_11x11_icon_folder_open.gif
new file mode 100755
index 00000000..5f849a24
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_folder_open.gif
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_minus.gif b/themes/default/jquery/images/ffffff_11x11_icon_minus.gif
new file mode 100755
index 00000000..900461fb
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_minus.gif
diff --git a/themes/default/jquery/images/ffffff_11x11_icon_plus.gif b/themes/default/jquery/images/ffffff_11x11_icon_plus.gif
new file mode 100755
index 00000000..5047f3db
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_11x11_icon_plus.gif
diff --git a/themes/default/jquery/images/ffffff_7x7_arrow_down.gif b/themes/default/jquery/images/ffffff_7x7_arrow_down.gif
new file mode 100755
index 00000000..43b59a1e
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_7x7_arrow_down.gif
diff --git a/themes/default/jquery/images/ffffff_7x7_arrow_left.gif b/themes/default/jquery/images/ffffff_7x7_arrow_left.gif
new file mode 100755
index 00000000..c501d76d
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_7x7_arrow_left.gif
diff --git a/themes/default/jquery/images/ffffff_7x7_arrow_right.gif b/themes/default/jquery/images/ffffff_7x7_arrow_right.gif
new file mode 100755
index 00000000..ab141786
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_7x7_arrow_right.gif
diff --git a/themes/default/jquery/images/ffffff_7x7_arrow_up.gif b/themes/default/jquery/images/ffffff_7x7_arrow_up.gif
new file mode 100755
index 00000000..957d1088
--- /dev/null
+++ b/themes/default/jquery/images/ffffff_7x7_arrow_up.gif
diff --git a/themes/default/jquery/jquery.ui.accordion.js b/themes/default/jquery/jquery.ui.accordion.js
new file mode 100755
index 00000000..fc41704e
--- /dev/null
+++ b/themes/default/jquery/jquery.ui.accordion.js
@@ -0,0 +1,22 @@
+
+(function($){$.widget("ui.accordion",{init:function(){var options=this.options;if(options.navigation){var current=this.element.find("a").filter(options.navigationFilter);if(current.length){if(current.filter(options.header).length){options.active=current;}else{options.active=current.parent().parent().prev();current.addClass("current");}}}
+options.headers=this.element.find(options.header);options.active=findActive(options.headers,options.active);if($.browser.msie){this.element.find('a').css('zoom','1');}
+if(!this.element.hasClass("ui-accordion")){this.element.addClass("ui-accordion");$("<span class='ui-accordion-left'/>").insertBefore(options.headers);$("<span class='ui-accordion-right'/>").appendTo(options.headers);options.headers.addClass("ui-accordion-header").attr("tabindex","0");}
+var maxHeight;if(options.fillSpace){maxHeight=this.element.parent().height();options.headers.each(function(){maxHeight-=$(this).outerHeight();});var maxPadding=0;options.headers.next().each(function(){maxPadding=Math.max(maxPadding,$(this).innerHeight()-$(this).height());}).height(maxHeight-maxPadding);}else if(options.autoHeight){maxHeight=0;options.headers.next().each(function(){maxHeight=Math.max(maxHeight,$(this).outerHeight());}).height(maxHeight);}
+options.headers.not(options.active||"").next().hide();options.active.parent().andSelf().addClass(options.selectedClass);if(options.event){this.element.bind((options.event)+".accordion",clickHandler);}},activate:function(index){clickHandler.call(this.element[0],{target:findActive(this.options.headers,index)[0]});},destroy:function(){this.options.headers.next().css("display","");if(this.options.fillSpace||this.options.autoHeight){this.options.headers.next().css("height","");}
+$.removeData(this.element[0],"accordion");this.element.removeClass("ui-accordion").unbind(".accordion");}});function scopeCallback(callback,scope){return function(){return callback.apply(scope,arguments);};};function completed(cancel){if(!$.data(this,"accordion")){return;}
+var instance=$.data(this,"accordion");var options=instance.options;options.running=cancel?0:--options.running;if(options.running){return;}
+if(options.clearStyle){options.toShow.add(options.toHide).css({height:"",overflow:""});}
+$(this).triggerHandler("accordionchange",[$.event.fix({type:'accordionchange',target:instance.element[0]}),options.data],options.change);}
+function toggle(toShow,toHide,data,clickedActive,down){var options=$.data(this,"accordion").options;options.toShow=toShow;options.toHide=toHide;options.data=data;var complete=scopeCallback(completed,this);options.running=toHide.size()===0?toShow.size():toHide.size();if(options.animated){if(!options.alwaysOpen&&clickedActive){$.ui.accordion.animations[options.animated]({toShow:jQuery([]),toHide:toHide,complete:complete,down:down,autoHeight:options.autoHeight});}else{$.ui.accordion.animations[options.animated]({toShow:toShow,toHide:toHide,complete:complete,down:down,autoHeight:options.autoHeight});}}else{if(!options.alwaysOpen&&clickedActive){toShow.toggle();}else{toHide.hide();toShow.show();}
+complete(true);}}
+function clickHandler(event){var options=$.data(this,"accordion").options;if(options.disabled){return false;}
+if(!event.target&&!options.alwaysOpen){options.active.parent().andSelf().toggleClass(options.selectedClass);var toHide=options.active.next(),data={options:options,newHeader:jQuery([]),oldHeader:options.active,newContent:jQuery([]),oldContent:toHide},toShow=(options.active=$([]));toggle.call(this,toShow,toHide,data);return false;}
+var clicked=$(event.target);clicked=$(clicked.parents(options.header)[0]||clicked);var clickedActive=clicked[0]==options.active[0];if(options.running||(options.alwaysOpen&&clickedActive)){return false;}
+if(!clicked.is(options.header)){return;}
+options.active.parent().andSelf().toggleClass(options.selectedClass);if(!clickedActive){clicked.parent().andSelf().addClass(options.selectedClass);}
+var toShow=clicked.next(),toHide=options.active.next(),data={options:options,newHeader:clicked,oldHeader:options.active,newContent:toShow,oldContent:toHide},down=options.headers.index(options.active[0])>options.headers.index(clicked[0]);options.active=clickedActive?$([]):clicked;toggle.call(this,toShow,toHide,data,clickedActive,down);return false;};function findActive(headers,selector){return selector!=undefined?typeof selector=="number"?headers.filter(":eq("+selector+")"):headers.not(headers.not(selector)):selector===false?$([]):headers.filter(":eq(0)");}
+$.extend($.ui.accordion,{defaults:{selectedClass:"selected",alwaysOpen:true,animated:'slide',event:"click",header:"a",autoHeight:true,running:0,navigationFilter:function(){return this.href.toLowerCase()==location.href.toLowerCase();}},animations:{slide:function(options,additions){options=$.extend({easing:"swing",duration:300},options,additions);if(!options.toHide.size()){options.toShow.animate({height:"show"},options);return;}
+var hideHeight=options.toHide.height(),showHeight=options.toShow.height(),difference=showHeight/hideHeight;options.toShow.css({height:0,overflow:'hidden'}).show();options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate({height:"hide"},{step:function(now){var current=(hideHeight-now)*difference;if($.browser.msie||$.browser.opera){current=Math.ceil(current);}
+options.toShow.height(current);},duration:options.duration,easing:options.easing,complete:function(){if(!options.autoHeight){options.toShow.css("height","auto");}
+options.complete();}});},bounceslide:function(options){this.slide(options,{easing:options.down?"bounceout":"swing",duration:options.down?1000:200});},easeslide:function(options){this.slide(options,{easing:"easeinout",duration:700});}}});$.fn.activate=function(index){return this.accordion("activate",index);};})(jQuery);
\ No newline at end of file
diff --git a/themes/default/jquery/jquery.ui.css b/themes/default/jquery/jquery.ui.css
new file mode 100755
index 00000000..b0a1e753
--- /dev/null
+++ b/themes/default/jquery/jquery.ui.css
@@ -0,0 +1,243 @@
+/*
+ * jQuery UI screen structure and presentation
+ * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
+ * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
+ * Visit ThemeRoller.com
+*/
+
+/*
+ * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
+ * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
+ * body {font-size: 62.5%;}
+*/
+
+/*UI accordion*/
+.ui-accordion {
+  border-bottom: 1px solid #cccccc;
+}
+.ui-accordion-group {
+  border: 1px solid #cccccc;
+  border-bottom: none;
+}
+.ui-accordion-header {
+  cursor: pointer;
+  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
+}
+.ui-accordion-header a {
+  display: block;
+  font-weight: normal;
+  text-decoration: none;
+  padding: .5em .5em .5em 1.7em;
+  color: #444444;
+  background: url(images/888888_7x7_arrow_right.gif) .5em 50% no-repeat;
+}
+.ui-accordion-header a:hover {
+  background: url(images/222222_7x7_arrow_right.gif) .5em 50% no-repeat;
+  color: #111111;
+}
+.ui-accordion-header:hover {
+  background: #eb9300 url(images/eb9300_40x100_textures_02_glass_90.png) 0 50% repeat-x;
+  color: #111111;
+}
+.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
+  background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
+}
+.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
+  color: #000000;
+  background: url(images/ffffff_7x7_arrow_down.gif) .5em 50% no-repeat;
+}
+.ui-accordion-content {
+  padding: 1.5em 1.7em;  
+  background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+  color: #362b36;
+}
+
+
+/*UI tabs*/
+.ui-tabs-nav {
+  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
+  float: left;
+  position: relative;
+  z-index: 1;
+  border-right: 1px solid #cccccc;
+  bottom: -1px;
+}
+.ui-tabs-nav li {
+  float: left;
+  border: 1px solid #cccccc;
+  border-right: none;
+}
+.ui-tabs-nav li a {
+  float: left;
+  font-weight: normal;
+  text-decoration: none;
+  padding: .5em 1.7em;
+  color: #444444;
+  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
+}
+.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* order: LVHFA */
+  background: #eb9300 url(images/eb9300_40x100_textures_02_glass_90.png) 0 50% repeat-x;
+  color: #111111;
+}
+.ui-tabs-nav li.ui-tabs-selected {
+  border-bottom-color: #8ab9ff;
+}
+.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover,
+.ui-tabs-nav li.ui-tabs-selected a:focus, .ui-tabs-nav li.ui-tabs-selected a:active {
+  background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
+  color: #000000;
+}
+.ui-tabs-panel {
+  clear:left;
+  border: 1px solid #cccccc;
+  background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+  color: #362b36;
+  padding: 1.5em 1.7em;  
+  min-width: 0; /* => IE7 trigger hasLayout (while maintaining valid CSS) to prevent margins pushed here from preceding elements */
+}
+* html .ui-tabs-panel {
+  display: inline-block; /* => IE6 trigger hasLayout (while maintaining valid CSS) in IE6 to prevent margins pushed here from preceding elements */
+}
+.ui-tabs-hide {
+  display: none !important/*for accessible hiding: position: absolute; left: -99999999px;*/;
+}
+
+
+
+
+/*
+Generic ThemeRoller Classes
+>> Make your jQuery Components ThemeRoller-Compatible!
+*/
+
+/*component global class*/
+.ui-component {
+  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
+}
+/*component content styles*/
+.ui-component-content {
+  border: 1px solid #dddddd;
+  background: #f3f3f3 url(images/f3f3f3_40x100_textures_01_flat_0.png) 0 0 repeat-x;
+  color: #362b36;
+}
+.ui-component-content a {
+  color: #362b36;
+  text-decoration: underline;
+}
+/*component states*/
+.ui-default-state {
+  border: 1px solid #cccccc;
+  background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_80.png) 0 50% repeat-x;
+  font-weight: normal;
+  color: #444444 !important;
+}
+.ui-default-state a {
+  color: #444444;
+}
+.ui-default-state:hover, .ui-hover-state {
+  border: 1px solid #888888;
+  background: #eb9300 url(images/eb9300_40x100_textures_02_glass_90.png) 0 50% repeat-x;
+  font-weight: normal;
+  color: #111111 !important;
+}
+.ui-hover-state a {
+  color: #111111;
+}
+.ui-default-state:active, .ui-active-state {
+  border: 1px solid #2694e8;
+  background: #8ab9ff url(images/8ab9ff_40x100_textures_02_glass_50.png) 0 50% repeat-x;
+  font-weight: normal;
+  color: #000000 !important;
+  outline: none;
+}
+.ui-active-state a {
+  color: #000000;
+  outline: none;
+}
+/*icons*/
+.ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
+.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}
+
+.ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
+.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}
+
+.ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
+.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}
+
+.ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
+.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}
+
+.ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-default:hover, .ui-close-hover {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-default:active, .ui-close-active {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
+.ui-close-content {background: url(images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
+
+.ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+.ui-folder-closed-content {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
+
+.ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+.ui-folder-open-content {background: url(images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
+
+.ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-default:hover, .ui-doc-hover {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-default:active, .ui-doc-active {background: url(images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
+.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}
+
+.ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
+
+.ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
+
+.ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-default:hover, .ui-minus-hover {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-default:active, .ui-minus-active {background: url(images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
+.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}
+
+.ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-default:hover, .ui-plus-hover {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-default:active, .ui-plus-active {background: url(images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
+.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}
+
+/*hidden elements*/
+.ui-hidden {
+  display: none/*for accessible hiding: position: absolute; left: -99999999px;*/;
+}
+.ui-accessible-hidden {
+  position: absolute; left: -99999999px;
+}
+/*reset styles*/
+.ui-reset {
+  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
+}
+/*clearfix class*/
+.ui-clearfix:after {
+    content: "."; 
+    display: block; 
+    height: 0; 
+    clear: both; 
+    visibility: hidden;
+}
+.ui-clearfix {display: inline-block;}
+/* Hides from IE-mac \*/
+* html .ui-clearfix {height: 1%;}
+.ui-clearfix {display: block;}
+/* End hide from IE-mac */
+
+/* Note: for resizable styles, use the styles listed above in the dialog section */
diff --git a/themes/default/jquery/jquery.ui.init.js b/themes/default/jquery/jquery.ui.init.js
new file mode 100644
index 00000000..e9da2203
--- /dev/null
+++ b/themes/default/jquery/jquery.ui.init.js
@@ -0,0 +1,18 @@
+/**
+ * Apply jQuery UI components
+ * 
+ * @todo Write helpers to grab all jQuery UI components by class and initialize
+ */
+
+$(function(){
+
+  //accordion
+  $('#gSettingsGroup-1').accordion({
+    header: ".ui-accordion-header",
+    clearStyle: true
+  });
+  
+  //tabs
+  $('#gSettings ul').tabs();
+
+});
diff --git a/themes/default/jquery/jquery.ui.js b/themes/default/jquery/jquery.ui.js
new file mode 100755
index 00000000..6f06d307
--- /dev/null
+++ b/themes/default/jquery/jquery.ui.js
@@ -0,0 +1,14 @@
+;(function($){$.ui={plugin:{add:function(module,option,set){var proto=$.ui[module].prototype;for(var i in set){proto.plugins[i]=proto.plugins[i]||[];proto.plugins[i].push([option,set[i]]);}},call:function(instance,name,args){var set=instance.plugins[name];if(!set){return;}
+for(var i=0;i<set.length;i++){if(instance.options[set[i][0]]){set[i][1].apply(instance.element,args);}}}},cssCache:{},css:function(name){if($.ui.cssCache[name]){return $.ui.cssCache[name];}
+var tmp=$('<div class="ui-gen">').addClass(name).css({position:'absolute',top:'-5000px',left:'-5000px',display:'block'}).appendTo('body');$.ui.cssCache[name]=!!((!(/auto|default/).test(tmp.css('cursor'))||(/^[1-9]/).test(tmp.css('height'))||(/^[1-9]/).test(tmp.css('width'))||!(/none/).test(tmp.css('backgroundImage'))||!(/transparent|rgba\(0, 0, 0, 0\)/).test(tmp.css('backgroundColor'))));try{$('body').get(0).removeChild(tmp.get(0));}catch(e){}
+return $.ui.cssCache[name];},disableSelection:function(el){$(el).attr('unselectable','on').css('MozUserSelect','none');},enableSelection:function(el){$(el).attr('unselectable','off').css('MozUserSelect','');},hasScroll:function(e,a){var scroll=/top/.test(a||"top")?'scrollTop':'scrollLeft',has=false;if(e[scroll]>0)return true;e[scroll]=1;has=e[scroll]>0?true:false;e[scroll]=0;return has;}};var _remove=$.fn.remove;$.fn.remove=function(){$("*",this).add(this).triggerHandler("remove");return _remove.apply(this,arguments);};function getter(namespace,plugin,method){var methods=$[namespace][plugin].getter||[];methods=(typeof methods=="string"?methods.split(/,?\s+/):methods);return($.inArray(method,methods)!=-1);}
+$.widget=function(name,prototype){var namespace=name.split(".")[0];name=name.split(".")[1];$.fn[name]=function(options){var isMethodCall=(typeof options=='string'),args=Array.prototype.slice.call(arguments,1);if(isMethodCall&&getter(namespace,name,options)){var instance=$.data(this[0],name);return(instance?instance[options].apply(instance,args):undefined);}
+return this.each(function(){var instance=$.data(this,name);if(isMethodCall&&instance&&$.isFunction(instance[options])){instance[options].apply(instance,args);}else if(!isMethodCall){$.data(this,name,new $[namespace][name](this,options));}});};$[namespace][name]=function(element,options){var self=this;this.widgetName=name;this.widgetBaseClass=namespace+'-'+name;this.options=$.extend({},$.widget.defaults,$[namespace][name].defaults,options);this.element=$(element).bind('setData.'+name,function(e,key,value){return self.setData(key,value);}).bind('getData.'+name,function(e,key){return self.getData(key);}).bind('remove',function(){return self.destroy();});this.init();};$[namespace][name].prototype=$.extend({},$.widget.prototype,prototype);};$.widget.prototype={init:function(){},destroy:function(){this.element.removeData(this.widgetName);},getData:function(key){return this.options[key];},setData:function(key,value){this.options[key]=value;if(key=='disabled'){this.element[value?'addClass':'removeClass'](this.widgetBaseClass+'-disabled');}},enable:function(){this.setData('disabled',false);},disable:function(){this.setData('disabled',true);}};$.widget.defaults={disabled:false};$.ui.mouse={mouseInit:function(){var self=this;this.element.bind('mousedown.'+this.widgetName,function(e){return self.mouseDown(e);});if($.browser.msie){this._mouseUnselectable=this.element.attr('unselectable');this.element.attr('unselectable','on');}
+this.started=false;},mouseDestroy:function(){this.element.unbind('.'+this.widgetName);($.browser.msie&&this.element.attr('unselectable',this._mouseUnselectable));},mouseDown:function(e){(this._mouseStarted&&this.mouseUp(e));this._mouseDownEvent=e;var self=this,btnIsLeft=(e.which==1),elIsCancel=(typeof this.options.cancel=="string"?$(e.target).parents().add(e.target).filter(this.options.cancel).length:false);if(!btnIsLeft||elIsCancel||!this.mouseCapture(e)){return true;}
+this._mouseDelayMet=!this.options.delay;if(!this._mouseDelayMet){this._mouseDelayTimer=setTimeout(function(){self._mouseDelayMet=true;},this.options.delay);}
+if(this.mouseDistanceMet(e)&&this.mouseDelayMet(e)){this._mouseStarted=(this.mouseStart(e)!==false);if(!this._mouseStarted){e.preventDefault();return true;}}
+this._mouseMoveDelegate=function(e){return self.mouseMove(e);};this._mouseUpDelegate=function(e){return self.mouseUp(e);};$(document).bind('mousemove.'+this.widgetName,this._mouseMoveDelegate).bind('mouseup.'+this.widgetName,this._mouseUpDelegate);return false;},mouseMove:function(e){if($.browser.msie&&!e.button){return this.mouseUp(e);}
+if(this._mouseStarted){this.mouseDrag(e);return false;}
+if(this.mouseDistanceMet(e)&&this.mouseDelayMet(e)){this._mouseStarted=(this.mouseStart(this._mouseDownEvent,e)!==false);(this._mouseStarted?this.mouseDrag(e):this.mouseUp(e));}
+return!this._mouseStarted;},mouseUp:function(e){$(document).unbind('mousemove.'+this.widgetName,this._mouseMoveDelegate).unbind('mouseup.'+this.widgetName,this._mouseUpDelegate);if(this._mouseStarted){this._mouseStarted=false;this.mouseStop(e);}
+return false;},mouseDistanceMet:function(e){return(Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance);},mouseDelayMet:function(e){return this._mouseDelayMet;},mouseStart:function(e){},mouseDrag:function(e){},mouseStop:function(e){},mouseCapture:function(e){return true;}};$.ui.mouse.defaults={cancel:null,distance:1,delay:0};})(jQuery);
\ No newline at end of file
diff --git a/themes/default/jquery/jquery.ui.tabs.js b/themes/default/jquery/jquery.ui.tabs.js
new file mode 100755
index 00000000..f0c1e2a7
--- /dev/null
+++ b/themes/default/jquery/jquery.ui.tabs.js
@@ -0,0 +1,58 @@
+
+(function($){$.widget("ui.tabs",{init:function(){this.options.event+='.tabs';this.tabify(true);},setData:function(key,value){if((/^selected/).test(key))
+this.select(value);else{this.options[key]=value;this.tabify();}},length:function(){return this.$tabs.length;},tabId:function(a){return a.title&&a.title.replace(/\s/g,'_').replace(/[^A-Za-z0-9\-_:\.]/g,'')||this.options.idPrefix+$.data(a);},ui:function(tab,panel){return{options:this.options,tab:tab,panel:panel,index:this.$tabs.index(tab)};},tabify:function(init){this.$lis=$('li:has(a[href])',this.element);this.$tabs=this.$lis.map(function(){return $('a',this)[0];});this.$panels=$([]);var self=this,o=this.options;this.$tabs.each(function(i,a){if(a.hash&&a.hash.replace('#',''))
+self.$panels=self.$panels.add(a.hash);else if($(a).attr('href')!='#'){$.data(a,'href.tabs',a.href);$.data(a,'load.tabs',a.href);var id=self.tabId(a);a.href='#'+id;var $panel=$('#'+id);if(!$panel.length){$panel=$(o.panelTemplate).attr('id',id).addClass(o.panelClass).insertAfter(self.$panels[i-1]||self.element);$panel.data('destroy.tabs',true);}
+self.$panels=self.$panels.add($panel);}
+else
+o.disabled.push(i+1);});if(init){this.element.addClass(o.navClass);this.$panels.each(function(){var $this=$(this);$this.addClass(o.panelClass);});if(o.selected===undefined){if(location.hash){this.$tabs.each(function(i,a){if(a.hash==location.hash){o.selected=i;if($.browser.msie||$.browser.opera){var $toShow=$(location.hash),toShowId=$toShow.attr('id');$toShow.attr('id','');setTimeout(function(){$toShow.attr('id',toShowId);},500);}
+scrollTo(0,0);return false;}});}
+else if(o.cookie){var index=parseInt($.cookie('ui-tabs'+$.data(self.element)),10);if(index&&self.$tabs[index])
+o.selected=index;}
+else if(self.$lis.filter('.'+o.selectedClass).length)
+o.selected=self.$lis.index(self.$lis.filter('.'+o.selectedClass)[0]);}
+o.selected=o.selected===null||o.selected!==undefined?o.selected:0;o.disabled=$.unique(o.disabled.concat($.map(this.$lis.filter('.'+o.disabledClass),function(n,i){return self.$lis.index(n);}))).sort();if($.inArray(o.selected,o.disabled)!=-1)
+o.disabled.splice($.inArray(o.selected,o.disabled),1);this.$panels.addClass(o.hideClass);this.$lis.removeClass(o.selectedClass);if(o.selected!==null){this.$panels.eq(o.selected).show().removeClass(o.hideClass);this.$lis.eq(o.selected).addClass(o.selectedClass);var onShow=function(){$(self.element).triggerHandler('tabsshow',[self.fakeEvent('tabsshow'),self.ui(self.$tabs[o.selected],self.$panels[o.selected])],o.show);};if($.data(this.$tabs[o.selected],'load.tabs'))
+this.load(o.selected,onShow);else
+onShow();}
+$(window).bind('unload',function(){self.$tabs.unbind('.tabs');self.$lis=self.$tabs=self.$panels=null;});}
+for(var i=0,li;li=this.$lis[i];i++)
+$(li)[$.inArray(i,o.disabled)!=-1&&!$(li).hasClass(o.selectedClass)?'addClass':'removeClass'](o.disabledClass);if(o.cache===false)
+this.$tabs.removeData('cache.tabs');var hideFx,showFx,baseFx={'min-width':0,duration:1},baseDuration='normal';if(o.fx&&o.fx.constructor==Array)
+hideFx=o.fx[0]||baseFx,showFx=o.fx[1]||baseFx;else
+hideFx=showFx=o.fx||baseFx;var resetCSS={display:'',overflow:'',height:''};if(!$.browser.msie)
+resetCSS.opacity='';function hideTab(clicked,$hide,$show){$hide.animate(hideFx,hideFx.duration||baseDuration,function(){$hide.addClass(o.hideClass).css(resetCSS);if($.browser.msie&&hideFx.opacity)
+$hide[0].style.filter='';if($show)
+showTab(clicked,$show,$hide);});}
+function showTab(clicked,$show,$hide){if(showFx===baseFx)
+$show.css('display','block');$show.animate(showFx,showFx.duration||baseDuration,function(){$show.removeClass(o.hideClass).css(resetCSS);if($.browser.msie&&showFx.opacity)
+$show[0].style.filter='';$(self.element).triggerHandler('tabsshow',[self.fakeEvent('tabsshow'),self.ui(clicked,$show[0])],o.show);});}
+function switchTab(clicked,$li,$hide,$show){$li.addClass(o.selectedClass).siblings().removeClass(o.selectedClass);hideTab(clicked,$hide,$show);}
+this.$tabs.unbind('.tabs').bind(o.event,function(){var $li=$(this).parents('li:eq(0)'),$hide=self.$panels.filter(':visible'),$show=$(this.hash);if(($li.hasClass(o.selectedClass)&&!o.unselect)||$li.hasClass(o.disabledClass)||$(this).hasClass(o.loadingClass)||$(self.element).triggerHandler('tabsselect',[self.fakeEvent('tabsselect'),self.ui(this,$show[0])],o.select)===false){this.blur();return false;}
+self.options.selected=self.$tabs.index(this);if(o.unselect){if($li.hasClass(o.selectedClass)){self.options.selected=null;$li.removeClass(o.selectedClass);self.$panels.stop();hideTab(this,$hide);this.blur();return false;}else if(!$hide.length){self.$panels.stop();var a=this;self.load(self.$tabs.index(this),function(){$li.addClass(o.selectedClass).addClass(o.unselectClass);showTab(a,$show);});this.blur();return false;}}
+if(o.cookie)
+$.cookie('ui-tabs'+$.data(self.element),self.options.selected,o.cookie);self.$panels.stop();if($show.length){var a=this;self.load(self.$tabs.index(this),$hide.length?function(){switchTab(a,$li,$hide,$show);}:function(){$li.addClass(o.selectedClass);showTab(a,$show);});}else
+throw'jQuery UI Tabs: Mismatching fragment identifier.';if($.browser.msie)
+this.blur();return false;});if(!(/^click/).test(o.event))
+this.$tabs.bind('click.tabs',function(){return false;});},add:function(url,label,index){if(index==undefined)
+index=this.$tabs.length;var o=this.options;var $li=$(o.tabTemplate.replace(/#\{href\}/g,url).replace(/#\{label\}/g,label));$li.data('destroy.tabs',true);var id=url.indexOf('#')==0?url.replace('#',''):this.tabId($('a:first-child',$li)[0]);var $panel=$('#'+id);if(!$panel.length){$panel=$(o.panelTemplate).attr('id',id).addClass(o.hideClass).data('destroy.tabs',true);}
+$panel.addClass(o.panelClass);if(index>=this.$lis.length){$li.appendTo(this.element);$panel.appendTo(this.element[0].parentNode);}else{$li.insertBefore(this.$lis[index]);$panel.insertBefore(this.$panels[index]);}
+o.disabled=$.map(o.disabled,function(n,i){return n>=index?++n:n});this.tabify();if(this.$tabs.length==1){$li.addClass(o.selectedClass);$panel.removeClass(o.hideClass);var href=$.data(this.$tabs[0],'load.tabs');if(href)
+this.load(index,href);}
+this.element.triggerHandler('tabsadd',[this.fakeEvent('tabsadd'),this.ui(this.$tabs[index],this.$panels[index])],o.add);},remove:function(index){var o=this.options,$li=this.$lis.eq(index).remove(),$panel=this.$panels.eq(index).remove();if($li.hasClass(o.selectedClass)&&this.$tabs.length>1)
+this.select(index+(index+1<this.$tabs.length?1:-1));o.disabled=$.map($.grep(o.disabled,function(n,i){return n!=index;}),function(n,i){return n>=index?--n:n});this.tabify();this.element.triggerHandler('tabsremove',[this.fakeEvent('tabsremove'),this.ui($li.find('a')[0],$panel[0])],o.remove);},enable:function(index){var o=this.options;if($.inArray(index,o.disabled)==-1)
+return;var $li=this.$lis.eq(index).removeClass(o.disabledClass);if($.browser.safari){$li.css('display','inline-block');setTimeout(function(){$li.css('display','block');},0);}
+o.disabled=$.grep(o.disabled,function(n,i){return n!=index;});this.element.triggerHandler('tabsenable',[this.fakeEvent('tabsenable'),this.ui(this.$tabs[index],this.$panels[index])],o.enable);},disable:function(index){var self=this,o=this.options;if(index!=o.selected){this.$lis.eq(index).addClass(o.disabledClass);o.disabled.push(index);o.disabled.sort();this.element.triggerHandler('tabsdisable',[this.fakeEvent('tabsdisable'),this.ui(this.$tabs[index],this.$panels[index])],o.disable);}},select:function(index){if(typeof index=='string')
+index=this.$tabs.index(this.$tabs.filter('[href$='+index+']')[0]);this.$tabs.eq(index).trigger(this.options.event);},load:function(index,callback){var self=this,o=this.options,$a=this.$tabs.eq(index),a=$a[0],bypassCache=callback==undefined||callback===false,url=$a.data('load.tabs');callback=callback||function(){};if(!url||!bypassCache&&$.data(a,'cache.tabs')){callback();return;}
+var inner=function(parent){var $parent=$(parent),$inner=$parent.find('*:last');return $inner.length&&$inner.is(':not(img)')&&$inner||$parent;};var cleanup=function(){self.$tabs.filter('.'+o.loadingClass).removeClass(o.loadingClass).each(function(){if(o.spinner)
+inner(this).parent().html(inner(this).data('label.tabs'));});self.xhr=null;};if(o.spinner){var label=inner(a).html();inner(a).wrapInner('<em></em>').find('em').data('label.tabs',label).html(o.spinner);}
+var ajaxOptions=$.extend({},o.ajaxOptions,{url:url,success:function(r,s){$(a.hash).html(r);cleanup();if(o.cache)
+$.data(a,'cache.tabs',true);$(self.element).triggerHandler('tabsload',[self.fakeEvent('tabsload'),self.ui(self.$tabs[index],self.$panels[index])],o.load);o.ajaxOptions.success&&o.ajaxOptions.success(r,s);callback();}});if(this.xhr){this.xhr.abort();cleanup();}
+$a.addClass(o.loadingClass);setTimeout(function(){self.xhr=$.ajax(ajaxOptions);},0);},url:function(index,url){this.$tabs.eq(index).removeData('cache.tabs').data('load.tabs',url);},destroy:function(){var o=this.options;this.element.unbind('.tabs').removeClass(o.navClass).removeData('tabs');this.$tabs.each(function(){var href=$.data(this,'href.tabs');if(href)
+this.href=href;var $this=$(this).unbind('.tabs');$.each(['href','load','cache'],function(i,prefix){$this.removeData(prefix+'.tabs');});});this.$lis.add(this.$panels).each(function(){if($.data(this,'destroy.tabs'))
+$(this).remove();else
+$(this).removeClass([o.selectedClass,o.unselectClass,o.disabledClass,o.panelClass,o.hideClass].join(' '));});},fakeEvent:function(type){return $.event.fix({type:type,target:this.element[0]});}});$.ui.tabs.defaults={unselect:false,event:'click',disabled:[],cookie:null,spinner:'Loading&#8230;',cache:false,idPrefix:'ui-tabs-',ajaxOptions:{},fx:null,tabTemplate:'<li><a href="#{href}"><span>#{label}</span></a></li>',panelTemplate:'<div></div>',navClass:'ui-tabs-nav',selectedClass:'ui-tabs-selected',unselectClass:'ui-tabs-unselect',disabledClass:'ui-tabs-disabled',panelClass:'ui-tabs-panel',hideClass:'ui-tabs-hide',loadingClass:'ui-tabs-loading'};$.ui.tabs.getter="length";$.extend($.ui.tabs.prototype,{rotation:null,rotate:function(ms,continuing){continuing=continuing||false;var self=this,t=this.options.selected;function start(){self.rotation=setInterval(function(){t=++t<self.$tabs.length?t:0;self.select(t);},ms);}
+function stop(e){if(!e||e.clientX){clearInterval(self.rotation);}}
+if(ms){start();if(!continuing)
+this.$tabs.bind(this.options.event,stop);else
+this.$tabs.bind(this.options.event,function(){stop();t=self.options.selected;start();});}
+else{stop();this.$tabs.unbind(this.options.event,stop);}}});})(jQuery);
\ No newline at end of file
diff --git a/themes/default/views/page.html.php b/themes/default/views/page.html.php
index 345e78e8..e64df820 100644
--- a/themes/default/views/page.html.php
+++ b/themes/default/views/page.html.php
@@ -7,8 +7,6 @@
     <title><?= _("Browse Photos") ?> :: <?= $item->title ?></title>
     <link rel="stylesheet" type="text/css" href="<?= url::file("lib/yui/reset-fonts-grids.css") ?>"
           media="screen,print,projection" />
-    <link rel="stylesheet" type="text/css" href="<?= url::file("lib/yui/base-min.css") ?>"
-          media="screen,print,projection" />
     <link rel="stylesheet" type="text/css" href="<?= $theme->url("css/screen.css") ?>"
           media="screen,print,projection" />
     <?= $theme->block(dynamic_block::HEAD_LINK) ?>
@@ -21,6 +19,14 @@
     <? if ($user): ?>
     <script src="<?= url::file("lib/jquery.jeditable.js") ?>" type="text/javascript"></script>
     <? endif; ?>
+    <!-- this stuff will likely be integrated into lib, possibly theme css -->
+    <link rel="stylesheet" type="text/css" href="<?= $theme->url("jquery/jquery.ui.css") ?>"
+          media="screen,print,projection" />
+    <script src="<?= $theme->url("jquery/jquery.ui.tabs.js") ?>" type="text/javascript"></script>
+    <script src="<?= $theme->url("jquery/jquery.ui.js") ?>" type="text/javascript"></script>
+    <script src="<?= $theme->url("jquery/jquery.ui.tabs.js") ?>" type="text/javascript"></script>
+    <script src="<?= $theme->url("jquery/jquery.ui.accordion.js") ?>" type="text/javascript"></script>
+    <script src="<?= $theme->url("jquery/jquery.ui.init.js") ?>" type="text/javascript"></script>
   </head>
 
   <body>