/*$(document).ready(function() {

	$("#widget").children().wrapAll('<div id="nav"></div>')
	var opt = {
		left: 1,
		top: 1,
		blur: 8,
		opacity: 4,
		color: "black",
		swap: false
	}
	$('#nav').dropShadow(opt);
});*/

$(document).ready(function() {

	$('#nav').css('z-index', '1000');
	$('#nav').css('margin', '5px 5px 5px 6px');
	
	$('#widget').prepend('<div id="shadow"></div>');
	$('#shadow').css('position', 'absolute');
	$('#shadow').css('top', '0');
	$('#shadow').css('left', '0');
	$('#shadow').css('z-index', '-1');
	
	
	$('#shadow').append('<img src="/nav/img/shadow_top.png" />');
	$('#shadow').append('<div id="mid1" class="midshadow"><img src="/nav/img/shadow_mid.png" height="26" width="69" /></div>')
	$('#shadow').append('<div id="mid2" class="midshadow"><img src="/nav/img/shadow_mid.png" height="112" width="69" /></div>')
	$('#shadow').append('<img src="/nav/img/shadow_bottom.png" />');
	
	$('#shadow #mid1').css('height', '26px');
	$('#shadow #mid2').css('height', '112px');
//	$('#shadow .midshadow').css('background', 'url("/nav/img/shadow_mid.png") repeat-y');
});
/*$(document).ready(function() {
	
	$('#widget').prepend('<div id="shadow">');
	$('#widget').append('</div>');
	$('#shadow').css('position', 'absolute');
	$('#shadow').css('z-index', '997');
	
	$('#shadow').append('<img src="/nav/img/shadow_top.png" />');
	$('#shadow').append('<div class="midshadow"></div>')
	$('#shadow').append('<img src="/nav/img/shadow_bottom.png" />');
	
	$('#shadow .midshadow').css('background', 'url(/nav/img/shadow_mid.png) repeat-y');
	$('#shadow .midshadow').css('height', '20px');
});*/