/**
* main.js
* Scripts for the new designaxiom.com
* @authors David Ghent, Michael Cengarle, Yo Otsubo, Graham Losee
*
* 2011
*/

// Preloads the images that are used for rollovers
function preloadImages() {
	
	// Array to hold created images	
	var cache = [];
	// List of urls for the images
	var urls = [ 'img/ContactAlert_active.png',
				 'img/ContactAlert_over.png',
				 'img/DesignAxiomLogo.png',
				 'img/SeparatorButton_close.jpg',
				 'img/SeparatorButton_close_over.jpg',
				 'img/SeparatorButton_expand.jpg',
				 'img/SeparatorButton_expand_over.jpg',
				 'img/SendButton_active.jpg',
				 'img/SendButton_down.jpg',
				 'img/SendButton_over.jpg' ];

				
	// Loop through all the urls and create and img element to cache the image			
	for( var i = urls.length; i--; ) {
		var cachedImage = document.createElement( 'img' );
		cachedImage.src = urls[ i ];
		cache.push( cachedImage );
	}
}

function preloadWorkImages() {
	// Array to hold created images	
	var cache = [];

	// List of urls for the images
	var urls = [ '../../img/work/NextArrow_down.png',
				 '../../img/work/NextArrow_over.png',
				 '../../img/work/WorkSeparatorButton.jpg',
				 '../../img/work/WorkSeparatorButton_over.jpg' ];
				
	// Loop through all the urls and create and img element to cache the image			
	for( var i = urls.length; i--; ) {
		var cachedImage = document.createElement( 'img' );
		cachedImage.src = urls[ i ];
		cache.push( cachedImage );
	}
}


//Image rollover
$(document).ready(function(){

	$("img.imgRollover").hover(
		function() {
			$(this).stop().animate({"opacity": "0"}, "slow");
		}, function() {
			$(this).stop().animate({"opacity": "1"}, "fast");
	});
});

	
//Smooth scroll
$(function() {
	$('a.smoothScroll').bind('click',function(event){
    	var $anchor = $(this);
                
     $('html, body').stop().animate({
      		scrollTop:  ($($anchor.attr('href')).offset().top)
      }, 1500,'easeInOutExpo');
       event.preventDefault();
    });
});

// Sticky nav stuff
$( document ).ready( function() {
	
	$.waypoints.settings.scrollThrottle = 0;
	
	$('#navWaypoint').waypoint( function( event, direction ) {
		
		if( direction === "down" ) {
			$('.fixedNav').css( 'position', 'fixed' );
			$( '#imageSpacing' ).css( 'padding-top', '20px' );
			$( '.navGrid' ).css( 'padding-top', '30px' );
		} else {
			$('.fixedNav').css( 'position', 'absolute' );
			$( '#imageSpacing' ).css( 'padding-top', '93px' );
			$( '.navGrid' ).css( 'padding-top', '100px' );
		}
		
		event.stopPropagation();
	});
	
});


//Form input 
$('#messageInput').example('Message');
$('#nameInput').example('Name');
$('#phoneInput').example('Phone Number (Optional)');
$('#emailInput').example('Email');

// Roll over for next button on work pages
var nextbtn = new Array
nextbtn[0] = isWorkPage ? '../../img/work/NextArrow.png' : 'img/work/NextArrow.png';
nextbtn[1] = isWorkPage ? '../../img/work/NextArrow_over.png' : 'img/work/NextArrow_over.png';
nextbtn[2] = isWorkPage ? '../../img/work/NextArrow_down.png' : 'img/work/NextArrow_down.png';

var a = nextbtn.length
var preLoadArrow = new Array()
var b = 0;
for (b = 0; b < a; b++){
    preLoadArrow[b] = new Image()
    preLoadArrow[b].src = nextbtn[b]
}

function switchImageArrow(whichImage,imageNumber){
    document.images[whichImage].src = preLoadArrow[imageNumber].src
}