$(document).ready(function(){
	
	// apply ifixpng
	$('img[@src$=.png], #top-left-graphics-one, #top-left-graphics-two').ifixpng();
	
	// store reusable onjects
	var content = $('#container');
	var contentOffset = content.offset();
	var umbrella = $('#umbrella');
	var dude = $('#dude');
	var paint = $('#paint');
	
	// hide all demos
	$('div.demo').hide();
	
	// position graphics
	umbrella.css({top:contentOffset.top-umbrella.height(), left:contentOffset.left+content.width()-umbrella.width()});
	dude.css({top:contentOffset.top-120+content.height(), left:-30});
	paint.css({top:contentOffset.top+content.height()-95, left:content.width()+38});
	
	// toggle demos
	$('a.demo').toggle(function(){
		var demo = $(this).parent().next('div.demo');
		demo.fadeIn();
	}, function(){
		$(this).parent().next().fadeOut();
	});
	
	//
	$('#switch').toggle(function(){
		$('#logo').iunfixpng();
	}, function(){
		$('#logo').ifixpng();
	});
});