/* dynamic functionality for supernature website */

var fadeSpeed = 500;

var show_images = function()
{
    $('#images').hide().css('visibility','visible').fadeIn(fadeSpeed);

	$('#images').data("n", 0);
		// these pictures load after the page has loaded so we don't have to wait for them & they won't load if Javascript disabled
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg2.jpg' alt='' />");
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg3.jpg' alt='' />");
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg4.jpg' alt='' />");
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg5.jpg' alt='' />");
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg6.jpg' alt='' />");
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg7.jpg' alt='' />");
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg8.jpg' alt='' />");
	$('#images').append("<img class='bg hidden' src='/images/backgrounds/bg9.jpg' alt='' />");

	setInterval("rotatePicture()", 8000);
}

function rotatePicture (){
	var n = ($('#images').data("n") + 1) % 9;

    mainImage = $('#images img.bg:eq(' + n + ')');
    fsImage = mainImage;
	fullscreen();

	// swap to next picture
	$('#images img.bg').fadeOut("400");
	$('#images img.bg:eq(' + n + ')').delay("400").fadeIn("slow");
	
	$('#images').data("n", n);
}


$(document).ready(function(){

	$('img.preload').imgpreload(function(){
	    mainImage = $('#images img').first();
	    fsImage = mainImage;
		fullscreen();
	
	    // show images!
	    mainImage.show();
	    show_images();
	});
    
    $('#design-views a').hover(function(){
   		var imgPath = $(this).attr('href');
		$('#design-image').attr('src', imgPath);
	}, function(){ /* do nothing on mouse exit */ });

	$('#design-views a').click(function(){
		return false;
	});
	
	var menuHeight = $('div.mainMenu').css('height');
	if (menuHeight = '140px') {
		$('div.notHome').parent('div').parent().children('div.mainMenu').animate({ height: 90 }, 'slow', function(){
			$('#subMenu').animate({ opacity: 0.6 }, 'slow');
		});
	}
});