// JavaScript Document

$(document).ready(function(){

// javascript trick for headers

$(".heading").each(function(){

	// for each header
	
	// get the id
	
	var id = $(this).attr('id');
	
	var src = 'url(images/' + id + '.gif) no-repeat center left';
	
	$(this).css({ "background":src, "text-indent":"-3000px" });
	
	// the id will be src for background image
	
	// if javascript is disabled then it will render the text version ;)
});
	
$("div.roundBox") .wrap('<div class="dialog">'+ 
	'<div class="bd">'+ 
	'<div class="c">'+ 
	'<div class="s">'+ 
	'</div>'+ 
	'</div>'+ 
	'</div>'+ 
	'</div>');

$('div.dialog').prepend('<div class="hd">'+
	'<div class="c"></div>'+
	'</div>')
	.append('<div class="ft">'+
	'<div class="c"></div>'+
	'</div>');

});
