$(document).ready(function(){

	jQuery.extend(jQuery.browser,{SafariMobile : navigator.userAgent.toLowerCase().match(/iP(hone|ad)/i) });
	$(function(){
		if($.browser.SafariMobile){ 
			
			// if user is on an iPad or iPhone
			$('.description').css( {width:"212px", left:"-1px", bottom:"-1px"} );	
			$('#music').css( {display:"none"} );	
			
		} else { // if user is using a normal browser
		
			// parallax

			// init value + position function
			positionAmount = 300;	
			function definePositon(variation) {
		 		newPosition = (scrollPercentage*(positionAmount*variation))-(positionAmount*variation);
				return newPosition;
			}
			// if browser is taller than the page, do not apply parallax effect
			if( $(window).height() >= $(document).height() ) {
				$('.img1').css('backgroundPosition', '100% 30px');
				$('.img2').css('backgroundPosition', '100% 30px');
				$('.img3').css('backgroundPosition', '100% 30px');
				$('.img4').css('backgroundPosition', '100% 30px');
				$('.img5').css('backgroundPosition', '100% 30px');
				$('.img6').css('backgroundPosition', '100% 30px');
				$('.img7').css('backgroundPosition', '50% 20px');
				$('.img8').css('backgroundPosition', '63% 380px');
				$('.img9').css('backgroundPosition', '40% 250px');
			} else { // if not, then hide background images
				$('.img1').css('backgroundPosition', '-9999px -9999px');
				$('.img2').css('backgroundPosition', '-9999px -9999px');
				$('.img3').css('backgroundPosition', '-9999px -9999px');
				$('.img4').css('backgroundPosition', '-9999px -9999px');
				$('.img5').css('backgroundPosition', '-9999px -9999px');
				$('.img6').css('backgroundPosition', '-9999px -9999px');
				$('.img7').css('backgroundPosition', '-9999px -9999px');
				$('.img8').css('backgroundPosition', '-9999px -9999px');
				$('.img9').css('backgroundPosition', '-9999px -9999px');
			}
			// parallax effect
			$(window).scroll(function(){
				scrollPercentage = $(window).scrollTop() / ( $(document).height() - $(window).height() );
				$('#introduction_wrapper').css({opacity:(1-scrollPercentage*1.4)});
				$('#featured').css('backgroundPosition', '-30px '+((definePositon(1.6))+105)+'px');
				$('.img1').css('backgroundPosition', ''+(definePositon(0.3)+100)+'% '+(definePositon(.9)+30)+'px');
				$('.img2').css('backgroundPosition', ''+(definePositon(0.38)+100)+'% '+(definePositon(2.1)+30)+'px');
				$('.img3').css('backgroundPosition', ''+(definePositon(0.4)+100)+'% '+(definePositon(1.4)+30)+'px');
				$('.img4').css('backgroundPosition', ''+(definePositon(0.32)+100)+'% '+(definePositon(1.6)+30)+'px');
				$('.img5').css('backgroundPosition', ''+(definePositon(0.44)+100)+'% '+(definePositon(1.1)+30)+'px');
				$('.img6').css('backgroundPosition', ''+(definePositon(0.47)+100)+'% '+(definePositon(1.8)+30)+'px');
				$('.img7').css('backgroundPosition', ''+(definePositon(0.2)+50)+'% '+(definePositon(1.1)+20)+'px');
				$('.img8').css('backgroundPosition', ''+(definePositon(0.28)+63)+'% '+(definePositon(1.8)+380)+'px');
				$('.img9').css('backgroundPosition', ''+(definePositon(0.15)+40)+'% '+(definePositon(1.8)+250)+'px');
				if (scrollPercentage == 1) {
					$('#like').animate({bottom: '0'});
				};
				if ($(window).scrollTop() < ($(document).height()-$(window).height()-50)) {
					$('#like').css('bottom', '-50px');
				}
			});

			// animated scroll on keypress

			$(document).bind('keydown', function (e) {
		  	  if (e.keyCode == '40') { 
			        $(window)._scrollable().stop();
			        $.scrollTo('+=200', 500, 'easeOutExpo');
			        return false;
			    }
			    if (e.keyCode == '38') { 
			        $(window)._scrollable().stop();
			        $.scrollTo('-=200', 500, 'easeOutExpo');
			        return false;
			    }
			});

		}
	});
});

// scale home image -------------------------------------------------------------

jQuery(window).load(function(){
	$("#topimage").backgroundScale({
		imageSelector: "#image",
		centerAlign: true,
		containerPadding: 100
	});
});