$(function() {
	if ($('.tabbed')) {
		setTabbedNav();
	}
});

/* if images are loaded... */
$(window).load( function() { 
	roundedCorners.init('.roundedImages');
});

function setTabbedNav() {
	$(".tabbed li a[href*='#']").click
	(
		function() 
		{
			$('.tabbed li').removeClass("on");
			$(this).parent().addClass("on");
			
			$('.tab-content div.tab').removeClass("active");
			$($(this).attr('href')).addClass("active");
			
			return false;
		}
	);
}


var roundedCorners = {
	tl: "<span class='corner tl' />",
	tr: "<span class='corner tr' />",
	bl: "<span class='corner bl' />",
	br: "<span class='corner br' />",
	init: function(imgclass) {
		var that = this;
		$(imgclass).each(
			function() {
				
				$(this).wrap('<span class="roundedImages" />');
				$(this).parent().css({
					height: ($(this).hasClass('image_showRight')) ? $(this).height() + parseInt($(this).css('borderBottomWidth')) + "px" : $(this).height() + "px",
					width: $(this).width() + "px"
				});
				if ($(this).hasClass('tl'))
					$(this).parent().append(that.tl)
				if($(this).hasClass('tr'))
				 	$(this).parent().append(that.tr)
				if($(this).hasClass('bl'))
					$(this).parent().append(that.bl)
				if($(this).hasClass('br'))
					$(this).parent().append(that.br)
				
				if (!$(this).hasClass('tl') && !$(this).hasClass('tr') && !$(this).hasClass('bl') && !$(this).hasClass('br'))
					$(this).parent().append(that.tl + that.tr + that.bl + that.br);
				
				$(this).removeClass("roundedImages").removeClass("tl").removeClass("tr").removeClass("bl").removeClass("br");
			}
		);
	}
}