// JavaScript Document

jQuery(window).load(function() {
							 
	if(jQuery('div.tab-box').length > 0)
	{
		jQuery('div.tab-box').each(function(i){
	
			var el = jQuery(this);
			var num = (i + 1);
			var id = 'tab-' + num;
			
			if(i == 0)
			{				
				if(jQuery('#tabs').length == 0)
				{
					el.before('<div id="tabs" class="clearfix"></div>');
				}
				
				jQuery('#tabs').empty();
				jQuery('#tabs').append('<ul id="nav-tabs"></ul><div id="panes"></div>');
			}
			
			el.attr('id', id);
			el.removeAttr('class');
			
			var title = el.find('h2').text();
			el.find('h2').remove();
			
			jQuery('#nav-tabs').append('<li class="item' + num + '"><a href="#tab-' + num + '">' + title + '</a></li>');

			jQuery('#panes').append(el);
	
		});
		
		jQuery("ul#nav-tabs").tabs("div#panes > div");
		jQuery("ul#nav-tabs-webcam").tabs("div#panes-webcam > div");
	}
});