$(document).ready(function()
{
	/* WE NEED TO DO CRAZY VOODOO TO MAKE ALL THE IMAGES LOOK UNIFORM IN EVERY BROWSER */
	
	$("div.entry-content img").each(function(i)
	{
		// remove its silly default tooltip and long-winded href
		$(this).attr('title','');
		$(this).parent().attr('href','#');

		$(this).wrap('<span class="imgwrap"></span>');
		$(this).parent().append('<span class="mag"><b>view detail</b></span>').css({'width':'160px'});

		//$(this).css({'height':'240px'});

	});

	$('span.imgwrap').hover(function(){
		$(this).addClass('imghover');
	}, function() {
		$(this).removeClass('imghover');
	});

	$('span.imgwrap').toggle(
		function(){
			//$(this).animate({'width':'450px'}, "slow");
			$(this).css({'width':'450px'});
			$(this).children("img").css({'width':'450px'});
		},
		function() {
			//$(this).animate({'width':'160px'}, "slow");
			$(this).css({'width':'160px'});
			$(this).children("img").css({'width':'160px'});
		}
	);

	$("p > img").each(function(i)
	{
		$(this).addClass('imgp');
	});

	my_smothscroll();


	// trying to make images preload first so theres no huge images initially
	//$("img").addClass('showme');

});