// This is needed because we also have mootools on this page, instead of using the $ shortcut, we now have to use 'jQuery'
var j = jQuery.noConflict();

jQuery(document).ready(function () {
	setupZoom();  //setup fancyzoom

	//This takes care of the PNG transperancy issues for IE6 (we are only going to worry about this for the public page)
	j("#header h1 a,ul#navigation li a ,#splash h2,#splash #screenshot, #sign-up-bar a.button-sign-up, #video-bar li img, #screenshots li div.bot,#sidebar #quote,#sidebar #quote-bottom,#sidebar #features-list li img, #ZoomClose img, .MultiBoxClose ").pngfix();

	j('#screenshots b').css('display','block');
	j('#screenshots b').fadeTo(1,0.33);
	
	
// This is to fade in and out the magnifying glass icon on the screenshot previews	
	j('#screenshots li').hover(
		function(){j(this).find('span').fadeIn(300);j(this).find('b').fadeTo(300,0)},
		function(){j(this).find('span').fadeOut(300);j(this).find('b').fadeTo(300,0.33)}
	);
	
//	new MultiBox('mb1'); //setup overlay box display for login instructions
	
	//sticky top nav buttons
	jQuery("#navigation li:not('#tab-login') a").click(function () { 
        jQuery("#navigation li a").css("background-position","bottom left")    //set everything else to undepressed 
        jQuery(this).css("background-position","top left")                 
    });

});