var portfolio_left_nav_over = false;
var portfolio_right_nav_over = false;
var portfolio_images = new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg", "13.jpg", "14.jpg", "15.jpg", "16.jpg", "17.jpg", "18.jpg", "19.jpg", "20.jpg", "21.jpg", "23.jpg", "24.jpg", "25.jpg");
var portfolio_image_index = 1;
var loading_angle = 0;
var loading_interval;
var loading_animating = false;

window.onresize = resize;

$(document).bind('mousemove',function(e){ 
    portfolio_nav_mousemove(e);
});

function start_loading_animation(){
	loading_animating = true;
	//loading_interval = window.setInterval("loading_animation()", 10);
	//$('#portfolio_loading').fadeIn(100);
	loading_animation();
}

function stop_loading_animation(){
	loading_animating = false;
	//window.clearInterval(loading_interval);
	$('#portfolio_loading').css("display", "none");
}

function loading_animation(){
	//loading_angle += 10;
	//$("#portfolio_loading").rotate(loading_angle);
	if(loading_animating){
		$('#portfolio_loading').fadeIn(500, function(){
			$('#portfolio_loading').fadeOut(500, function(){
				loading_animation();
			});
		});
	}
}

function frontpage_form_submit(){
	//alert($("#frontpage_form_email").val());
	var email = $("#frontpage_form_email").val();
	$.post("db/post_mailinglist.php", {email : email}, function(data){
		if(data){
			alert(data);
		} else {
			$("#frontpage_form_email").fadeOut(400);
			$("#frontpage_form_submit_button").fadeOut(400, function(){
				$("#frontpage_form_thank_you").fadeIn(400);
				$("#frontpage_launch_portfolio_button").fadeIn(400);
			});
		}
	});
}

function frontpage_form_keydown(e){
	if(e.keyCode == 13){
		frontpage_form_submit();
	}
}

function launch_portfolio(){
	document.location = "portfolio.php";
}

function portfolio_nav_mousemove(e){
    var cursor = {x:0, y:0};
    cursor.x = e.pageX;
    cursor.y = e.pageY;
	if(portfolio_left_nav_over){
		var new_x = cursor.x - 70;
		var new_y = cursor.y - 30;
		$("#portfolio_nav_left_arrow").css("left", new_x + "px");
		$("#portfolio_nav_left_arrow").css("top", new_y + "px");
	}
	
	if(portfolio_right_nav_over){
		var half_screen = $("#portfolio_nav_left").css("width");
		half_screen = half_screen.substr(0, half_screen.length-2);
		var new_x = cursor.x - 50;
		var new_y = cursor.y - 30;
		$("#portfolio_nav_right_arrow").css("left", new_x + "px");
		$("#portfolio_nav_right_arrow").css("top", new_y + "px");
	}
}

function portfolio_next(){
	hide_portfolio_image();
	
	if(portfolio_image_index < portfolio_images.length) {
		portfolio_image_index++;
	} else {
		portfolio_image_index = 1;
	}
	show_portfolio_image();
	resize_image();
}

function portfolio_prev(){
	hide_portfolio_image();
	
	if(portfolio_image_index > 1) {
		portfolio_image_index--;
	} else {
		portfolio_image_index = portfolio_images.length;
	}
	
	show_portfolio_image();
	resize_image();
}

function show_portfolio_image(){
	resize_image();
	//alert("index: " + portfolio_image_index);
	//alert($("#portfolio_image_" + portfolio_image_index)[0].complete);
	if($("#portfolio_image_" + portfolio_image_index)[0].complete){
		$("#portfolio_image_" + portfolio_image_index).fadeIn(500);
		loading_animating = false;
	} else {
		loading_animating = true;
		start_loading_animation();
	}
}

function hide_portfolio_image(){
	$("#portfolio_image_" + (portfolio_image_index)).fadeOut(500);
	//stop_loading_animation();
}

function resize_image(){
	$("#portfolio_image_" + (portfolio_image_index)).css("height", "");
	$("#portfolio_image_" + (portfolio_image_index)).css("width", "");
	//var image_width = pxToInt($("#portfolio_image_" + (portfolio_image_index+1)).css("width"));
	var image_width = 1920;
	//var image_height = pxToInt($("#portfolio_image_" + (portfolio_image_index+1)).css("height"));
	var image_height = 1200;
	var screen_width = $(window).width();
	var screen_height = $(window).height();
	if(image_height / (image_width / screen_width) < screen_height){
		var left_offset = -(((screen_height / image_height)*image_width) - screen_width)/2;
		$("#portfolio_image_" + (portfolio_image_index)).css("height", screen_height);
		$("#portfolio_image_" + (portfolio_image_index)).css("left", left_offset + "px");
	} else {
		$("#portfolio_image_" + (portfolio_image_index)).css("width", screen_width);
	}
	//alert(image_height / (image_width / screen_width));
	//alert("screen_height: " + screen_height + ", screen_width: " + screen_width + ", image_height: " + image_height + ", image_width: " + image_width);
}

function preload(){
	var preload = new Image();
	preload.src = "images/logo.png";
	preload.src = "images/pow.png";
	preload.src = "images/pow_hover.png";
	preload.src = "images/launch.png";
	preload.src = "images/launch_hover.png";

	// preload first portfolio image
	preload.src = "images/portfolio/1.jpg";
	for(var i = 2; i < portfolio_images.length+1; i++){
		$("#image_container").html($("#image_container").html() + '<img id="portfolio_image_' + i + '" class="portfolio_image" src="images/portfolio/' + portfolio_images[i-1] + '" onload="preload_loaded(' + i + ');" />');
	}
}

function preload_loaded(id){
	//alert("loaded: " + id + ", index: " + portfolio_image_index);
	if(portfolio_image_index == id){
		loading_animating = false;
		stop_loading_animation();
		window.setTimeout("show_portfolio_image()", 100);
	}
}

function resize(){
	resize_image();
}

function contact_form_submit(){
	var name = $("#contact_form_name").val();
	var email = $("#contact_form_email").val();
	$.post("db/post_contact.php", {name : name, email : email}, function(data){
		if(data){
			alert(data);
		} else {
			$("#contact_form_name").fadeOut(400);
			$("#contact_form_email").fadeOut(400);
			$("#contact_form_submit_button").fadeOut(400, function(){
				$("#contact_form_thank_you").fadeIn(400);
			});
		}
	});
}

function contact_form_keydown(e){
	if(e.keyCode == 13){
		contact_form_submit();
	}
}
