// � 2009 Ali Robertson, alirobe.com - 2009

// change '$' selector to '$j' due to CMS lib conficts in 2009
jQuery.noConflict();
$j = jQuery;
var screenshotShowing = false;
var screenshotWidth = 0;
var screenshotHeight = 0;

function toggleScreenshot() {
    if (!screenshotShowing) {
	screenshotShowing = true;
	$j("#t_screenshot").animate({width:screenshotWidth},700);
    } else {
	screenshotShowing = false;
	$j("#t_screenshot").animate({width:'15em'},700);
    }
}

function ssPopOut() {
	if(screenshotShowing == false) {
	    $j("#t_screenshot").animate({width:'16em'},50);
	}
}
function ssPopIn() {
	if(screenshotShowing == false) {
	    $j("#t_screenshot").animate({width:'15em'},50);
	}
}


// executed after images are loaded!
//   use $j(document).ready(f()) for non-image related things
$j(window).load(function() {
  screenshotWidth = $j("#t_screenshot img").width();
  screenshotHeight = $j("#t_screenshot img").height() - 58;
  $j("#t_screenshot img").click(toggleScreenshot);
  $j("#t_screenshot img").mouseenter(ssPopOut);
  $j("#t_screenshot img").mouseleave(ssPopIn);
  $j("#t_content_inner").animate({minHeight:screenshotHeight},100);
});