// JavaScript Document
 (function($){  
     $.fn.extend({   	
		optionsBox: function(options){
			
			//vars
			var d = {
				c : '#363636',
				bg : '#C0C0C0',
				w : '400',	//container width
				h : '300',	//container height
				fS : '16',	//fontsize
				nH : '30'		//nav-bar height
			}
			var o = $.extend(d, options);

			return this.each(function(){
				
				//vars
				t = $(this);
				
				//set container
				t.width(o.w+'px');
				t.height(o.h+'px');
				t.css('color',o.c);
				t.css('padding','0');
				t.css('clear','both');
				id = optBxUID('opt-box');
				t.attr("id",id);
				
				//create nav-bar
				_n = optBxUID('opt-nav');
				t.prepend('<div id="'+_n+'"></div>');
				n = $('#'+_n);
				
				//add links, hide divs
				count=0;
				t.find('div').each(function(){
					tl = $(this).attr("title")
					if(tl){
						ti = optBxUID('opt-box');
						$(this).attr("id", ti);
						i = ti+'-link-'+count;
						n.append('<a name="'+ti+'" id="'+i+'" alt="'+tl+'">'+tl+'</a>');
						$(this).css('border','1px solid '+o.c)
							.css('background',o.bg);
						$(this).hide();
						count++;
					}
				});
				l = $('a',n);
				l.css('font-size',o.fS+'px');
				l.css('border','1px solid '+o.c);
				l.css('background',o.bg);
				l.css('float','left');
				
				//css links and set nav-bar height based on links css
				cur = l.innerHeight();
				if(cur<o.nH) padding = Math.floor((o.nH-cur)/2)+'px 3px';
				else padding = '2px 3px';
				l.css('padding',padding);
				l.css('margin','0 0 0 5px');
				l.css('cursor','pointer');
				l.css('text-decoration','none');
				o.nH = l.innerHeight();
				n.height((o.nH+1)+'px');
				
				//add default div
				_d = optBxUID('opt-default');
				t.append('<div id="'+_d+'"></div>');
				d = $('#'+_d);
				d.css('border','1px solid');
				d.width(o.w+'px');
				d.height((o.h-o.nH)+'px');
				
				//link onclicks
				l.click(function(){
								 
					//vars
					bx = $('#'+$(this).attr("name"));					
					pid = $(this).parent().parent().attr("id");
					_n = $(this).parent().attr("id");
					l = $('#'+_n+' > a');
					
					//hide all divs except nav-bar
					$('#'+pid+' > div').each(function(){
						if($(this).attr("id")!=_n) $(this).hide();
					});
					
					//reset tabs and change this
					l.css('border','1px solid '+o.c);
					l.css('background','#C0C0C0');
					l.css('margin-top','0');
					$(this).css('background','#FFFFFF');
					$(this).css('border-bottom','#FFFFFF');
					$(this).css('margin-top','1px');
					
					//show this box
					bx.css('width',o.w+'px');
					bx.css('height',(o.h-o.nH)+'px');
					bx.show();
				});
				
				//create unique id's
				function optBxUID(pre){
					id = pre+'-1';
					count = 1;
					while($('#'+id).attr("id")){
						count++;
						id = pre+'-'+count;
					}
					return id;
				}
			});
		}
	
	});
})(jQuery);