var $first_gallery = "SHOWCASE";


var $enteredSite = false;
var $pageReady = false;
var $img;
var $inPortfolio = false;
var $inWedding = false;
var $inContact = false;
var $current_gallery = "";
var $time = 0;
var blinddown = false;
var $menu_select = "";
var $highlight = "";
var $currentUrl = "";
var $c;
var $opening_path;
var $preloads = Array();
var $preload_index = 0;

var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
var ie7_fix = false;

if(browser=="Microsoft Internet Explorer")
{
	if(parseFloat(b_version.substring(22, 25)) <= 7)
	{
		ie7_fix = true;
	}
}



function getOpening($ajax_done)
{
	$.get("./opening/opening.php","",
	function(opening_path){
		$opening_path = opening_path;
		if($ajax_done) $ajax_done();
	});
}
function begin()
{
	$('#loading').fadeOut(500);
	setTimeout("loadPage()",500);	
}
function preload(image, handler)
{
	img = new Image();
	if(handler) img.onload = (function() { handler(); });
	img.src = image;
}
function preloadImages(images, handler)
{
	$preloads[++$preload_index] = Array();
	$preloads[$preload_index].length = images.length;
	for (x = 0; x < images.length; x++) {
		$preloads[$preload_index][x] = 0;
	}
	var i = 0;
	for (image in images) {
		preload(images[image], function() { loaded(++i, handler) });
	}
}
function loaded(n, handler)
{
	var r = true;
	$preloads[$preload_index][n - 1] = 1;
	for (b in $preloads[$preload_index]) {
		if($preloads[$preload_index][b] == 0) r = false;
	}
	if(r == true) handler();
//	alert('r='+r);
}
	
function loadStartup()
{
	var startupImages = Array($opening_path + "m1.jpg", $opening_path + "m2.jpg", $opening_path + "m3.jpg", $opening_path + "main.jpg","img/leaf.jpg", "img/logo.png", "img/corners/lr.png", "img/corners/ll.png", "img/corners/ur.png", "img/corners/ul.png");
	preloadImages(startupImages, begin);
}

$(document).ready(function()
{
	preload("img/ajax-loader.gif", function() { $('#loading').fadeIn(500); getOpening(loadStartup); });
	
	selectMenu("#menu-home");
	
	$("#main").click(function () {
		if($enteredSite == false && $pageReady == true) enterSite();
	});

	$('#menu-home').click(function() {
		selectMenu("#menu-home");
		resetSite();
	});
	$('#menu-portfolio').click(function() {
		$('.dropdown').toggle("blind");
		if(blinddown == false) setTimeout(blinddowntrue, 50);
	});
	function blinddowntrue()
	{
		blinddown = true;
	}
	$('#menu-weddings').click(function() {
		selectMenu("#menu-weddings");
		changePage('weddings');
	});
	$('#menu-contact').click(function() {
		selectMenu("#menu-contact");
		changePage('contact');
	});

	$('.menu').hover(
		function() { $(this).addClass('menu-hover'); },
		function() { $(this).removeClass('menu-hover'); }
	);

	$('.list').hover(
		function() { $(this).addClass('list-hover'); },
		function() { $(this).removeClass('list-hover'); }
	);
	$('#gallery-showcase').click(function() {
		showPortfolio('SHOWCASE');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-13').click(function() {
		showPortfolio('KK');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-12').click(function() {
		showPortfolio('PJ');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-11').click(function() {
		showPortfolio('EB');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-10').click(function() {
		showPortfolio('MA');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-9').click(function() {
		showPortfolio('ML');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-8').click(function() {
		showPortfolio('JC');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-7').click(function() {
		showPortfolio('ZA');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-6').click(function() {
		showPortfolio('JE');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-5').click(function() {
		showPortfolio('DA');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-4').click(function() {
		showPortfolio('RB');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-3').click(function() {
		showPortfolio('AI');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-2').click(function() {
		showPortfolio('TE');
		selectMenu("#menu-portfolio");
	});
	$('#gallery-1').click(function() {
		showPortfolio('GH');
		selectMenu("#menu-portfolio");
	});
	
	$('body').click(function() {
		closeMenu();
	});
	
	$('#n3').click(function() {
		if($inPortfolio == true)
		{
			slideshow_stop();
			selectNext();
		}
	});
	
});

function message_received()
{
	$('#cover').fadeOut(800);
}

function selectMenu($menu_item)
{
	if($menu_select.length > 0) $($menu_select).removeClass('menu-select');
	$($menu_item).addClass('menu-select');
	$menu_select = $menu_item;
}

function closeMenu()
{
	if(blinddown == true)
	{
		blinddown = false;
//		$('#dropdown').hide("blind");
		$('#dropdown').fadeOut(800);
	}
}

function loadPage()
{
	$('#n3').html('<img src="' + $opening_path + 'm3.jpg">');		
	$('#n2').html('<img src="' + $opening_path + 'm2.jpg">');		
	$('#n1').html('<img src="' + $opening_path + 'm1.jpg">');		
	addCorners("n1");
	addCorners("n2");
	addCorners("n3");
	
	$("#main").fadeIn(500);
	setTimeout("showLogo()",800);
	$("#leaf").animate({"opacity": 0.3}, 2000);

}
function showLogo()
{
	$("#bottom").fadeIn(500);
	$("#bottom").animate({"opacity": 0.8}, 800);
	//if($preview == true) return; else 
	setTimeout("moveLogo()",500);
}
function moveLogo()
{
	$("#bottom").animate({"top": "0px"}, 800);
	setTimeout("showImages()",800);
}
function showImages()
{
	$("#n1").animate({"opacity": 1}, 1000);
	$("#n2").animate({"left": "+=220px", "opacity": 1}, 800);
	$("#n3").animate({"left": "+=440px", "opacity": 1}, 800);
	setTimeout("finishPage()",1000);
}
function finishPage()
{
	$pageReady = true;
}

function enterSite()
{
	$pageReady = false;
	$enteredSite = true;
	$("#n1").animate({"left": "+=240px", "opacity": 0.1}, 500);
	$("#n2").animate({"opacity": 0}, 500);
	$("#n3").animate({"left": "-=240px", "opacity": 0}, 500);
	setTimeout("switchImage()",500);
	$("#n3").animate({"width": "700px", "height" : "466px", "left": "-=230", "top": "-=100", "opacity": 1}, 500);
	$('.footer').fadeIn(1000);
}
function switchImage()
{
	$("#nav").fadeIn(1500);
	$('#n3').html('<div class="image" id="image1"></div><div class="image" id="image2"><img src="' + $opening_path + 'main.jpg" height="100%"></div>');		
	addCorners('image2');
	$img = 2;
	$('#image2').show();
	$("#bottom").animate({"top": "+=140px", "opacity": 0.6}, 600);
	makeGallery($first_gallery, 'thumbnails', onChange);
	slideshow(5);
	setTimeout("hideElements()",700);
}
function hideElements()
{
	$("#n1").hide();
	$("#n2").hide();
	$("#leaf").hide();
	finishPage();
}

function resetSite()
{
	if(ie7_fix == true)
	{
		javascript:location.reload(true);
	}
	else
	{
		if($enteredSite == true && $pageReady == true)
		{
			$pageReady = false;
			$enteredSite = false;
			$inPortfolio = false;
			$inWedding = false;
			$inContact = false;
			$current_gallery = "";
			slideshow_stop();
			$("#nav").fadeOut(500);
			$("#main").animate({"opacity": 0}, 300);
			$("#leaf").fadeIn(800);
			$("#n1").fadeIn(800);
			$("#n2").fadeIn(800);
			$("#n1").animate({"left": "0px"}, 300);
			$("#n2").animate({"left": "0px"}, 300);
			$("#bottom").animate({"top": "0px"}, 800);
			$("#sidebar").fadeOut(500);
			getOpening(resetSite_cont1);
		}
	}
}
function resetSite_cont1()
{
	preloadImages(Array($opening_path + "m1.jpg", $opening_path + "m2.jpg", $opening_path + "m3.jpg", $opening_path + "main.jpg"), resetSite_cont2);
	$('#loading').fadeIn(800);
	$('.footer').fadeOut(1000);
}
function resetSite_cont2()
{
	$('#loading').fadeOut(200);
	setTimeout("reshowSite()", 800);
	setTimeout("showImages()", 900);
}
function reshowSite()
{
	$currentUrl = "";
	$("#n3").animate({"left": "0px", "top": "0px", "width": "200px", "height": "200px"}, 200);
	$("#main").animate({"opacity": 1}, 800);
	$('#n3').html('<img src="' + $opening_path + 'm3.jpg">');		
	$('#n2').html('<img src="' + $opening_path + 'm2.jpg">');		
	$('#n1').html('<img src="' + $opening_path + 'm1.jpg">');		
	addCorners("n1");
	addCorners("n2");
	addCorners("n3");
}
function showPortfolio($gallery)
{
	slideshow_stop();
	if($enteredSite == true && $pageReady == true)
	{
		$pageReady = false;
		$('#sidebar').fadeIn(800);
		$("#n3").animate({"left": "-83px", "width": "700px"}, 500);
		$inPortfolio = true;
		$time = 100;
		$('#image' + $img).fadeOut(300);
		if($current_gallery != $gallery)
		{
			$('#loading').fadeIn(500);
			$current_gallery = $gallery;
			makeGallery($gallery, 'thumbnails', onChange, galleryReady);
			$time = 1000;
		}
		else
		{
			onChange(currentImage());
			galleryReady();
		}
	}
}
function galleryReady()
{
	$('#loading').fadeOut(200);
	setTimeout("finishPage()", 800);
	setTimeout("selectFirst()", $time);
}
function onChange($image)
{
	$currentUrl = "";
	$c = '#image' + $img;
	$img = $img % 2 + 1;
	$('#image' + $img).html('<img id="newimage' + $img + '" src="' + $image + '">');
	$('#image' + $img).css("width", currentImage_width() + 'px');
	$('#image' + $img).css("height", currentImage_height() + 'px');
	$('#image' + $img).css("left", (700 / 2) - (currentImage_width() / 2) + 'px');
	addCorners('image' + $img);
	$('#image' + $img).ready(function() {
		$($c).fadeOut(800);
		$('#image' + $img).fadeIn(800);
		return 0;
	});
}

function changePage($url)
{
	if($currentUrl != $url)
	{
		$currentUrl = $url;
		slideshow_stop();
		$pageReady = false;
		$('#image' + $img).fadeOut(800);
		$img = $img % 2 + 1;
		$('#image' + $img).hide();
		$('#sidebar').fadeOut(800);
		$("#n3").animate({"left": "-50px", "width": "740px"}, 800);
		$inPortfolio = false;
		$.get('page.php?page=' + $url,"",
			function(html){
				$('#n3').css("overflow", 'visible');
				$('#image' + $img).html(html);
				$('#image' + $img).css("width", '722px');
				$('#image' + $img).css("height", '466px');
				$('#image' + $img).css("left", '22px');
				$('#image' + $img).css("overflow", 'visible');
				addCorners('image' + $img);
				$('#image' + $img).fadeIn(800);
				$pageReady = true;
				return 0;
			}
		);
	}
}

function addCorners($id, $style)
{
	if(!$style) var $style = '';
	$('#' + $id).html($('#' + $id).html() + '<div class="c_ul' + $style + '"></div><div class="c_ur' + $style + '"></div><div class="c_ll' + $style + '"></div><div class="c_lr' + $style + '"></div>');
}