/* -------- NigelElliott.com - Global JS -------- */

var NE = {
	banner: {
		bannerId: 0,
		bannerInterval: null,
		init: function() {
			$('#banner').append('<div id="banner_overlay"><div id="banner_nav"><img src="images/arrow_left.png" alt="" class="arrow" id="arrow_left" /><a href="index.html" id="description_show_hide"></a><img src="images/arrow_right.png" alt="" class="arrow" id="arrow_right" /></div><div id="portfolio_info"></div></div>');
			if($.browser.msie && ($.browser.version == "6.0")) {
				$('#banner_overlay #arrow_left').attr('src', 'images/arrow_left.gif');
				$('#banner_overlay #arrow_right').attr('src', 'images/arrow_right.gif');

			}
			$('#banner_overlay #arrow_left').click(function(){
				NE.banner.left();
			});
			$('#banner_overlay #arrow_right').click(function(){
				NE.banner.right();
			});
			$('#banner_overlay a').toggle(function(){
				NE.banner.showinfo();
				return false;
			},
			function(){
				NE.banner.hideinfo();
				return false;
			});
			
			$('#banner_overlay').animate({
				top: 170
			},{
				duration: 500
			});
			
			NE.banner.setinfo();
			NE.banner.bannerInterval = setInterval(NE.banner.right, 5000);
		},
		right: function(){
			var bannerLeft = $('#banner ul').css('left');
			bannerLeft = Number(bannerLeft.substr(0, (bannerLeft.length -2)));
			var nextBanner = NE.banner.bannerId;
			if(bannerLeft <= -2880) {
				bannerLeft = 0;
				nextBanner = 0;
			} else {
				bannerLeft -= 960;
				nextBanner += 1;
			}
			if((bannerLeft % 960) == 0) {
				$('#banner ul').animate({
					left: bannerLeft + 'px'		
				}, {
					duration: 1000,
					easing: "easeOutCirc"
				});
				NE.banner.bannerId = nextBanner;
				NE.banner.setinfo();
			}
		},
		left: function(){
			var bannerLeft = $('#banner ul').css('left');
			bannerLeft = Number(bannerLeft.substr(0, (bannerLeft.length -2)));
			var nextBanner = NE.banner.bannerId;
			if(bannerLeft >= 0) {
				bannerLeft = -2880;
				nextBanner = 3;
			} else {
				bannerLeft += 960;
				nextBanner -= 1;
			}
			if((bannerLeft % 960) == 0) {
				$('#banner ul').animate({
					left: bannerLeft + 'px'		
				}, {
					duration: 1000,
					easing: "easeOutCirc"
				});
				NE.banner.bannerId = nextBanner;
				NE.banner.setinfo();
			}
		},
		setinfo: function(){
			var portfolioItems = $('#banner ul li.portfolio_item');
			$('#portfolio_info').html($('div.portfolio_info', portfolioItems[NE.banner.bannerId]).html());
			$('#banner_overlay #description_show_hide').html('<span id="show_hide_label">' + $('h3', portfolioItems[NE.banner.bannerId]).text() + '&nbsp;&nbsp;</span><span class="small" id="show_hide">( show details + )</span>');
			
			$("#banner_overlay #portfolio_info ul.portfolio_info_images a").fancybox({
				'hideOnContentClick': true,
				'zoomSpeedIn': 500,
				'zoomSpeedOut': 700
			});
			
		},
		showinfo: function(){
			clearInterval(NE.banner.bannerInterval);
			NE.banner.bannerInterval = null;
			$('#banner_overlay').animate({
				top: "-1px"		
			}, {
				duration: 1000,
				easing: "easeOutBounce"
			});
			$('#show_hide_label').css('display', 'none');
			$('#show_hide').text('( hide details - )');
			$('#banner_overlay img.arrow').css('display', 'none');
		},
		hideinfo: function(){
			NE.banner.bannerInterval = setInterval(NE.banner.right, 5000);
			$('#banner_overlay').animate({
				top: "170px"		
			}, {
				duration: 500,
				easing: "easeOutCirc"
			});
			$('#show_hide_label').css('display', 'inline');
			$('#show_hide').text('( show details + )');
			$('#banner_overlay img.arrow').css('display', 'block');
		}
	},
	contact: {
		init: function(){
			$('#contactSubmit').click(function(){
				if($('#contactEmail').val() == "") {
					alert('Please provide your email address!');
					return false;
				}
				$.ajax({
					type: "POST",
					url: "contact.php",
					data: "contactSubmit=true" + "&contactName=" + $('#contactName').val() + "&contactEmail=" + $('#contactEmail').val() + "&contactSubject=" + $('#contactSubject').val() + "&contactMessage=" + $('#contactMessage').val(),
					dataType: "json",
					success: function(response) {
						if(response.result) {
							$('#contactme').append('<p id="contactmeThanks">Thanks for your message - I\'ll be in touch!</p>');
							
							$('#contactme ul').css('display', 'none');
						}
					}
				});
				return false;
			});
		}
	}
}

$(document).ready(function(){
		NE.banner.init();
		NE.contact.init();
});