//////////////////////////////////////////////////////
// Copyright 2010 Phase One Media All Rights Reserved
//////////////////////////////////////////////////////

$(document).ready(function() {

	$(function() {
		if (location.pathname == "/main.html") {

			$('body').append('<div id="loading-dialog"></div>');
			$('body').append('<div id="introduction-dialog"></div>');
			$('body').append('<div id="what-is-new-media-dialog"></div>');
			$('body').append('<div id="new-media-history-dialog"></div>');
			$('body').append('<div id="who-are-we-dialog"></div>');
			$('body').append('<div id="what-we-do-dialog"></div>');
			$('body').append('<div id="why-use-us-dialog"></div>');
			$('body').append('<div id="name-dialog"></div>');
			$('body').append('<div id="email-dialog"></div>');

			$('#loading-dialog').dialog({
				autoOpen: true,
				resizable: true,
				width: 400,
				open: function() {
					$(this).load('dialog.xml #loading-content', function() {
						$('#progressbar').progressbar({ value: 0 });
						setTimeout(updateProgress, 10);
					});
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

			$('#introduction-dialog').dialog({
				autoOpen: false,
				resizable: true,
				position: 'top',
				buttons: { "Next Page": function() { $(this).dialog("close"); } },
				width: 800,
				open: function() {
					$(this).load('dialog.xml #introduction-content');
				},
				close: function(){
					setTimeout("$('#what-is-new-media-dialog').dialog('open');", 1000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});


			$('#what-is-new-media-dialog').dialog({
				autoOpen: false,
				resizable: true,
				position: 'top',
				buttons: { "Next Page": function() { $(this).dialog("close"); } },
				width: 800,
				open: function() {
					$(this).load('dialog.xml #what-is-new-media-content');
				},
				close: function(){
					setTimeout("$('#new-media-history-dialog').dialog('open');", 1000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

			$('#new-media-history-dialog').dialog({
				autoOpen: false,
				resizable: true,
				position: 'top',
				buttons: { "Next Page": function() { $(this).dialog("close"); } },
				width: 800,
				open: function() {
					$(this).load('dialog.xml #new-media-history-content');
				},
				close: function(){
					setTimeout("$('#who-are-we-dialog').dialog('open');", 1000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

			$('#who-are-we-dialog').dialog({
				autoOpen: false,
				resizable: true,
				position: 'top',
				buttons: { "Next Page": function() { $(this).dialog("close"); } },
				width: 800,
				open: function() {
					$(this).load('dialog.xml #who-are-we-content');
				},
				close: function(){
					setTimeout("$('#what-we-do-dialog').dialog('open');", 1000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

			$('#what-we-do-dialog').dialog({
				autoOpen: false,
				resizable: true,
				position: 'top',
				buttons: { "Next Page": function() { $(this).dialog("close"); } },
				width: 800,
				open: function() {
					$(this).load('dialog.xml #what-we-do-content');
				},
				close: function(){
					setTimeout("$('#why-use-us-dialog').dialog('open');", 1000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

			$('#why-use-us-dialog').dialog({
				autoOpen: false,
				resizable: true,
				position: 'top',
				buttons: { "Next Page": function() { $(this).dialog("close"); } },
				width: 800,
				open: function() {
					$(this).load('dialog.xml #why-use-us-content');
				},
				close: function(){
					setTimeout("$('#name-dialog').dialog('open');", 1000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

			$('#name-dialog').dialog({
				autoOpen: false,
				resizable: true,
				buttons: { "Next Page": function() {
					$.get('ajax.php?do=name&name='+$("#name").val(), function(){
						$('#name-dialog').dialog("close"); 
					});
				}},
				width: 300,
				open: function() {
					$(this).load('dialog.xml #name-content');
				},
				close: function(){
					setTimeout("$('#email-dialog').dialog('open');", 1000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

			$('#email-dialog').dialog({
				autoOpen: false,
				resizable: true,
				buttons: { "Next Page": function() {
					$.get('ajax.php?do=email&email='+$("#email").val(), function(){
						$('#email-dialog').dialog("close"); 
					});
				}},
				width: 300,
				open: function() {
					$(this).load('dialog.xml #email-content');
				},
				close: function(){
					//setTimeout("$('#mail').fadeOut(3500);", 1000);
					//setTimeout("$('#thank-you').fadeIn(3500);", 4000);
				},
				modal: true,
				show: 'drop',
				hide: 'drop',
				overlay: {
					backgroundColor: '#000',
					opacity: 0.5
				}
			});

		} else {

			$('#logo').click(function(){
				//location = '';//http://feeds.feedburner.com/phaseonemedia';//http://facebook.com/pages/Phase-One-Media/347929112767?ref=mf';//mailto:brad@phaseonemedia.com';
			});

			$('#phone-icon').click(function(){
				location = 'call:8667085275';
			});

			$('#facebook-icon').click(function(){
				location = 'http://facebook.com/pages/Phase-One-Media/347929112767?ref=mf';
			});

			$('#twitter-icon').click(function(){
				location = 'http://twitter.com/phaseonemedia';
			});

			$('#rss-icon').click(function(){
				location = 'blog/feed';
			});

			$('#wordpress-icon').click(function(){
				location = 'blog';
			});

			setTimeout("$('#index').fadeIn(3500);", 1000);
			//setTimeout("$('#index').fadeOut(3500);", 4000);
			//setTimeout("location = 'main.html';",8000);

		}

		function updateProgress() {
			var progress;
			progress = $('#progressbar').progressbar('option', 'value');
			if (progress <= 100) {
				$('#progressbar').progressbar('option', 'value', progress + 1);
				$('#loading-text').replaceWith('<div id="loading-text"><center><b>Loading ' + progress + '%</b></center></div>');
				setTimeout(updateProgress, 10);
			} else {
				$('#loading-dialog').dialog('close');
				//setTimeout("$('#mail').fadeIn(3500);", 1000);
				setTimeout("$('#introduction-dialog').dialog('open');", 4000);
			}
		}

	});
});