		$(document).ready(function(){	
			
			$("a[rel^='prettyPhoto']").prettyPhoto({
				theme: 'facebook',
				allowresize: false,
				markup: '<div class="pp_pic_holder"> \
						<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 class="pp_loaderIcon"></div> \
										<div class="pp_hoverContainer"> \
											<a class="pp_next" href="#">next</a> \
											<a class="pp_previous" href="#">previous</a> \
										</div> \
										<a class="pp_close" href="#">Close</a> \
										<p class="pp_description"></p> \
										<div id="pp_full_res"></div> \
										<div class="pp_details clearfix"> \
											<div class="pp_nav"> \
												<a href="#" class="pp_arrow_previous" style="display: none;">Previous</a> \
												<p class="currentTextHolder" style="display: none;">0/0</p> \
												<a href="#" class="pp_arrow_next" style="display: none;">Next</a> \
											</div> \
										</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> \
					<div class="ppt"></div>'
			});		
	
		});  
	



		(function($) {
			$.extend($.fx.step,{
			    backgroundPosition: function(fx) {
		            if (fx.state === 0 && typeof fx.end == 'string') {
		                var start = $.curCSS(fx.elem,'backgroundPosition');
		                start = toArray(start);
		                fx.start = [start[0],start[2]];
		                var end = toArray(fx.end);
		                fx.end = [end[0],end[2]];
		                fx.unit = [end[1],end[3]];
					}
		            var nowPosX = [];
		            nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
		            nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];
		            fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];
		
		           function toArray(strg){
		               strg = strg.replace(/left|top/g,'0px');
		               strg = strg.replace(/right|bottom/g,'100%');
		               strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
		               var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
		               return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
		           }
		        }
			});
		})(jQuery);
		
		
		$(function(){
			$('#menu a.item')
				.css( {backgroundPosition: "0 0"} )
				.mouseover(function(){
					$(this).stop().animate({backgroundPosition:"(0 -250px)"}, {duration:600})
				})
				.mouseout(function(){
					$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:600})
				})
			
		});
