$(document).ready(function(){
$(window).load(function(){

var h = document.body.clientHeight;
var wh = document.documentElement.clientHeight;
var home = document.getElementById('home');
var about = document.getElementById('about');

if (h >= wh){
	loc = "109% "+(h-120)+"px";
} 
if (wh >= h){
	if(!home){
		loc = "108% "+(wh-120)+"px";
	}
	if(home || about){
		loc = "108% "+(wh-170)+"px";
	}
	if(window.devicePixelRatio){
		loc = "105% "+(wh-165)+"px";
		$('#home').css('background-attachment','fixed')
 	}
}
$('body').css('background-image','url(images/bg-blurb.jpg)')
			.css('background-position',loc)
			.css('background-repeat','no-repeat');

/*  Fading top images  */
	
	var src = [],
		imgs = [],
		tdiv = document.getElementById('top-imgs');
		
	if(home){
		var path = 'images/veggies/large/';
	}
	if(!home){
		path = 'images/veggies/';
	}
	for(var i = 1; i <= 14; i++) {
		var img = document.createElement('img');		
		img.setAttribute('src', path + i + '.png' );
		img.setAttribute('id',i);
		img.setAttribute('alt','The Organic Empire.  Organic food delivered to your door.');
		tdiv.appendChild(img);
		img.style.display = 'none';
		imgs.push(img);
	}
	$('#1').fadeIn(1000);
	$('#2').fadeIn(5000);
	$('#3').fadeIn(8000);
	function fade1(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t3 = $('#3').attr('src');
		if((o3 >= 1) && (t3 == path+'3.png')){
			$('#1').fadeOut(1000);
			if (o1 <= 0.1){
				$('#1').attr('src', path+'4.png');
				$('#1').css('display','inline');
				$('#1').fadeIn(5000);
				clearInterval(f1);
			}
		}
	}
	function fade2(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t4 = $('#1').attr('src');
		if((o1 >= 1) && (t4 == path+'4.png')){
			$('#2').fadeOut(1000);
			if (o2<= 0.1){
				$('#2').attr('src', path+'5.png');
				$('#2').css('display','inline');
				$('#2').fadeIn(5000);
				clearInterval(f2);
			} 	
		}
	}
	function fade3(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t5 = $('#2').attr('src');
		if((o2 >= 1) && (t5 == path+'5.png')){
			$('#3').fadeOut(1000);
			if (o3<= 0.1){
				$('#3').attr('src', path+'6.png');
				$('#3').css('display','inline');
				$('#3').fadeIn(5000);
				clearInterval(f3);
			} 	
		}
	}
	function fade4(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t6 = $('#3').attr('src');
		if ((o3 >= 1) && (t6 == path+'6.png')){
			$('#1').fadeOut(1000);
			if (o1 <= 0.1){
				$('#1').attr('src', path+'7.png');
				$('#1').css('display','inline');
				$('#1').fadeIn(5000);
				clearInterval(f4);
				}
			}
		}
	function fade5(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t7 = $('#1').attr('src');
		if ((o1 >= 1) && (t7 == path+'7.png')){
			$('#2').fadeOut(1000);
			if (o2 <= 0.1){
				$('#2').attr('src', path+'8.png');
				$('#2').css('display','inline');
				$('#2').fadeIn(5000);
				clearInterval(f5);
				}
			}
		}
	function fade6(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t8 = $('#2').attr('src');
		if ((o2 >= 1) && (t8 == path+'8.png')){
			$('#3').fadeOut(1000);
			if (o3 <= 0.1){
				$('#3').attr('src', path+'9.png');
				$('#3').css('display','inline');
				$('#3').fadeIn(5000);
				clearInterval(f6);
				}
			}
		}
	function fade7(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t6 = $('#3').attr('src');
		if ((o3 >= 1) && (t6 == path+'9.png')){
			$('#1').fadeOut(1000);
			if (o1 <= 0.1){
				$('#1').attr('src', path+'10.png');
				$('#1').css('display','inline');
				$('#1').fadeIn(5000);
				clearInterval(f7);
				}
			}
		}
	function fade8(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t7 = $('#1').attr('src');
		if ((o1 >= 1) && (t7 == path+'10.png')){
			$('#2').fadeOut(1000);
			if (o2 <= 0.1){
				$('#2').attr('src', path+'11.png');
				$('#2').css('display','inline');
				$('#2').fadeIn(5000);
				clearInterval(f8);
				}
			}
		}
	function fade9(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t8 = $('#2').attr('src');
		if ((o2 >= 1) && (t8 == path+'11.png')){
			$('#3').fadeOut(1000);
			if (o3 <= 0.1){
				$('#3').attr('src', path+'12.png');
				$('#3').css('display','inline');
				$('#3').fadeIn(5000);
				clearInterval(f9);
				}
			}
		}
	function fade10(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t6 = $('#3').attr('src');
		if ((o3 >= 1) && (t6 == path+'12.png')){
			$('#1').fadeOut(1000);
			if (o1 <= 0.1){
				$('#1').attr('src', path+'13.png');
				$('#1').css('display','inline');
				$('#1').fadeIn(5000);
				clearInterval(f10);
				}
			}
		}
	function fade11(){
		var o1 = $('#1').css('opacity');
		var o2 = $('#2').css('opacity');
		var o3 = $('#3').css('opacity');
		var t7 = $('#1').attr('src');
		if ((o1 >= 1) && (t7 == path+'13.png')){
			$('#2').fadeOut(1000);
			if (o2 <= 0.1){
				$('#2').attr('src', path+'14.png');
				$('#2').css('display','inline');
				$('#2').fadeIn(5000);
				clearInterval(f11);
				}
			}
		}
	f1 = setInterval(fade1, 100);
	f2 = setInterval(fade2, 100);
	f3 = setInterval(fade3, 100);
	f4 = setInterval(fade4, 100);
	f5 = setInterval(fade5, 100);
	f6 = setInterval(fade6, 100);
	f7 = setInterval(fade7, 100);
	f8 = setInterval(fade8, 100);
	f9 = setInterval(fade9, 100);
	f10 = setInterval(fade10, 100);
	f11 = setInterval(fade11, 100);
	});
});