$(function(){
	// for lightbox
	if ($("a[rel^='prettyPhoto']").length) {
			$(document).ready(function() {
				// prettyPhoto
				$("a[rel^='prettyPhoto']").prettyPhoto({
					theme:'dark_square',
					social_tools:'',
					opacity:0,
					default_width:640,
					default_height:360,
			markup: '<div class="pp_pic_holder"> \
						<div class="ppt">&nbsp;</div> \
						<div class="pp_top"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
						<div class="pp_content_container"> \
							<div class="pp_left"> \
							<div class="pp_right"> \
								<div class="pp_content"> \
									<div class="pp_fade"> \
										<a href="#" class="pp_expand" title="Expand the image">Expand</a> \
										<div id="pp_full_res"></div> \
										<div class="pp_details"> \
											<p class="pp_description"></p> \
											{pp_social} \
											<a class="pp_close" href="#">Close</a> \
										</div> \
									</div> \
								</div> \
							</div> \
							</div> \
						</div> \
						<div class="pp_bottom"> \
							<div class="pp_left"></div> \
							<div class="pp_middle"></div> \
							<div class="pp_right"></div> \
						</div> \
					</div> \
					<div class="pp_overlay"></div>',
					quicktime_markup: '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><param name="bgcolor" value="#000000" /><param name="scale" value="aspect" /><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" bgcolor="#000000" scale="aspect"></embed></object>'});
			});
	}
	$('.prettyPhoto').hover(function(){
			$(this).find('.img2').stop().animate({opacity:'0'});
		}, function(){
			$(this).find('.img2').stop().animate({opacity:'1'});
		}
	)
	//text shadow
	if ($.browser.msie) {
		$('h2').textShadow('0px 0px 4px #333');
		$('#menu li a > em').textShadow('0px 0px 4px #fff');
		
	};
	// button hover
	$('.button b').css({opacity:'0'});
	$('.button').hover(function(){
			$(this).find('b').stop().animate({opacity:'1'},400)
		}, function(){
			$(this).find('b').stop().animate({opacity:'0'},400)
		}
	)
});