/**
 * @author Michael.Howlett
 */




$(document).ready(function() {

	doBox();


});

function doBox(){
$('.styled-box').each(

		function() {

			var currentHtml = $(this).html()
			var currentClass = $(this).attr('class').split(' ').slice(0, 1)
			var cornerSize = 9

			var myWidth = $(this).width()
			var myHeight = $(this).height();
			


			// our skin
			var skin = '<div class="top-row">'
			skin += '        <div class="top-left"></div>'
			skin += '            <div class="top-centre"></div>'
			skin += '            <div class="top-right"></div>'
			skin += '        </div>'
			skin += '        <div class="content-row">'
			skin += '            <div class="content-left"></div>'
			skin += '            <div class="content-centre"></div>'
			skin += '            <div class="content-right"></div>'
			skin += '        </div>'

			skin += '        <div class="bottom-row">'
			skin += '            <div class="bottom-left"></div>'
			skin += '           <div class="bottom-centre"></div>'
			skin += '            <div class="bottom-right"></div>'
			skin += '        </div>'
			skin += '        <div class="clear"></div><br /><br /><br />'



			// set the skin to the div
			$(this).html(skin)

			// create the new div - put in the content
			var newContent = "<div class='" + currentClass + "'>" + currentHtml + "</div>"


			// set the stylings
			$(this).removeClass(currentClass)
			$(this).find(".top-centre").css({ width: (myWidth) + "px" })
			$(this).find(".bottom-centre").css({ width: (myWidth) + "px" })
			$(this).find(".content-centre").css({ width: (myWidth) + "px" })
			//$(this).find(".content-centre").addClass(currentClass)


			$(this).css({ width: (myWidth + (cornerSize * 2)) + "px", height: (myHeight) + "px" })


			
			
			

			$(this).find(".content-centre").append(newContent)

			if ($(this).find('.news-article-wrapper').length > 0) {
				//$(this).css({ height: (myHeight + 25) + "px" })
			}


		}
	);
}