$(window).load(function() {
	$(".shadow").createShadow();
});

$.fn.createShadow = function(options) {
	var settings = jQuery.extend({
		'mode': 'replace'
	} ,options);

	if (settings.mode == 'replace' || settings.mode == 'remove') {
		$('.shadowPart').each(function() {
			$(this).remove();
		});
	}

	if (settings.mode == 'replace' || settings.mode == 'add') {
		this.each(function() {
			if($(this).is(':hidden')) return;
			var html = '';
			var offset = $(this).offset();

			var width = $(this).outerWidth();
			var height = $(this).outerHeight();
			var topPos = offset.top;
			var leftPos = offset.left;
			var rightPos = leftPos + width;
			var bottomPos = topPos + height;
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + (leftPos - 6) + 'px; margin-top: ' + (topPos - 5) + 'px;\"><img src=\"embed/images/top_left_shadow.png\"></div>';
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + (leftPos) + 'px; margin-top: ' + (topPos - 5) + 'px;\"><img src=\"embed/images/top_shadow.png\" style=\"width: ' + width + 'px; height: 5px;\"></div>';
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + rightPos + 'px; margin-top: ' + (topPos - 5) + 'px;\"><img src=\"embed/images/top_right_shadow.png\"></div>';
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + (leftPos - 6) + 'px; margin-top: ' + topPos + 'px;\"><img src=\"embed/images/left_shadow.png\" style=\"width: 6px; height: ' + height + 'px;\"></div>';
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + rightPos + 'px; margin-top: ' + topPos + 'px;\"><img src=\"embed/images/right_shadow.png\" style=\"width: 6px; height: ' + height + 'px;\"></div>';
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + (leftPos - 6) + 'px; margin-top: ' + bottomPos + 'px;\"><img src=\"embed/images/bottom_left_shadow.png\"></div>';
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + leftPos + 'px; margin-top: ' + bottomPos + 'px;\"><img src=\"embed/images/bottom_shadow.png\" style=\"width: ' + width + 'px; height: 5px;\"></div>';
			html += '<div class=\"shadowPart\" style=\"z-index: 1000; position: absolute; margin-left: ' + rightPos + 'px; margin-top: ' + bottomPos + 'px;\"><img src=\"embed/images/bottom_right_shadow.png\"></div>';
			$(document.body).prepend(html);
		});
	}
}