$(document).ready(function() {

	$('#home-media li a').hover(
			function(){
				$(this).find('img.play-icon').attr('src','/inc/images/icon_play_green.png');
				$(this).find('span').css('background','transparent url(/inc/images/bg_media_img_hover.gif) no-repeat 0 0');
			}, 
			function(){
				$(this).find('img.play-icon').attr('src','/inc/images/icon_play_grey.png');
				$(this).find('span').css('background','transparent url(/inc/images/bg_media_img.gif) no-repeat 0 0');
			}
		);

	if ( $('blockquote').length > 0 )
	{
		$('blockquote').each( function() 
		{
			$(this).prepend('<div class="quote-tl"></div><div class="quote-t"></div><div class="quote-tr"></div><div class="quote-r"></div><div class="quote-br"></div><div class="quote-b"></div><div class="quote-bl"></div><div class="quote-l"></div><div class="quote-d"></div>');
		});
	}

	if ( $('.image-border').length > 0 )
	{
		$('.image-border').each( function() 
		{
			// $(this).before('<div class="image-border-wrapper">');
			// $(this).after('<div class="border-tl"></div><div class="border-t"></div><div class="border-tr"></div><div class="border-r"></div><div class="border-br"></div><div class="border-b"></div><div class="border-bl"></div><div class="border-l"></div><div class="border-d"></div></div>');
			
			var element = $(this);
			image_src = element.attr("src");
			image_title = element.attr("alt");
			image_class = element.attr("class");
			extra_class = image_class.replace("image_border", "");
			image_height = element.attr("height");
			image_width = element.attr("width");
			image_alt = element.attr("alt");
			new_content = "<div class=\"image-border-wrapper " + extra_class + "\" style=\"width:" + image_width + "px;\"><img src=\"" + image_src + "\" width=\"" + image_width + "\" height=\"" + image_height + "\"  alt=\"" + image_alt + "\" /><div class=\"border-tl\"></div><div class=\"border-t\"></div><div class=\"border-tr\"></div><div class=\"border-r\"></div><div class=\"border-br\"></div><div class=\"border-b\"></div><div class=\"border-bl\"></div><div class=\"border-l\"></div><div class=\"border-d\"></div>";
			if (image_title != "")
			{
				new_content += "<p>" + image_title + "</p>";	
			}
			new_content += "</div>";
			element.parent().before(new_content);
			element.parent().remove();
		});
	}
	
});