jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("/images/portfolio/transitional/transitional_electra_1.jpg");

Shadowbox.loadSkin('classic', 'videos/src/skin');
Shadowbox.loadLanguage('en', 'videos/build/lang');
Shadowbox.loadPlayer(['flv'], 'videos/build/player');

window.onload = function(){
    Shadowbox.init();
};

$(function()
{
	//$('a.media').media();
		
	// this initialises the demo scollpanes on the page.
	$('#about_pane').jScrollPane({showArrows:true, scrollbarWidth:13});
	
	$('#home_nav_home').hover(home_swap_image_home, home_swap_image_home);
	$('#home_nav_about').hover(home_swap_image_about, home_swap_image_home);
	$('#home_nav_philosophy').hover(home_swap_image_philosophy, home_swap_image_home);
	$('#home_nav_portfolio').hover(home_swap_image_portfolio, home_swap_image_home);
	$('#home_nav_ontheboards').hover(home_swap_image_ontheboards, home_swap_image_home);
	$('#home_nav_contact').hover(home_swap_image_contact, home_swap_image_home);
	
	function home_swap_image_home()
	{
		$('#wrapper').removeClass("home_about_bg");
		$('#wrapper').removeClass("home_philosophy_bg");
		$('#wrapper').removeClass("home_portfolio_bg");
		$('#wrapper').removeClass("home_ontheboards_bg");
		$('#wrapper').removeClass("home_contact_bg");
		$('#wrapper').addClass("home_bg");		
	}

	function home_swap_image_about()
	{
		$('#wrapper').addClass("home_about_bg");
	}

	function home_swap_image_philosophy()
	{
		$('#wrapper').addClass("home_philosophy_bg");
	}

	function home_swap_image_portfolio()
	{
		$('#wrapper').addClass("home_portfolio_bg");
	}

	function home_swap_image_ontheboards()
	{
		$('#wrapper').addClass("home_ontheboards_bg");
	}

	function home_swap_image_contact()
	{
		$('#wrapper').addClass("home_contact_bg");
	}

	$('#nav_home').hover(swap_image_home, swap_image_home);
	$('#nav_about').hover(swap_image_about, swap_image_home);
	$('#nav_philosophy').hover(swap_image_philosophy, swap_image_home);
	$('#nav_portfolio').hover(swap_image_portfolio, swap_image_home);
	$('#nav_ontheboards').hover(swap_image_ontheboards, swap_image_home);
	$('#nav_contact').hover(swap_image_contact, swap_image_home);

	$('#nav_home_home').hover(swap_image_home, swap_image_home_home);
	$('#nav_about_home').hover(swap_image_about, swap_image_home_home);
	$('#nav_philosophy_home').hover(swap_image_philosophy, swap_image_home_home);
	$('#nav_portfolio_home').hover(swap_image_portfolio, swap_image_home_home);
	$('#nav_ontheboards_home').hover(swap_image_ontheboards, swap_image_home_home);
	$('#nav_contact_home').hover(swap_image_contact, swap_image_home_home);
	
	$('#nav_home_about').hover(swap_image_home, swap_image_about_home);
	$('#nav_about_about').hover(swap_image_about_home, swap_image_about_home);
	$('#nav_philosophy_about').hover(swap_image_philosophy, swap_image_about_home);
	$('#nav_portfolio_about').hover(swap_image_portfolio, swap_image_about_home);
	$('#nav_ontheboards_about').hover(swap_image_ontheboards, swap_image_about_home);
	$('#nav_contact_about').hover(swap_image_contact, swap_image_about_home);

	$('#nav_home_philosophy').hover(swap_image_home, swap_image_philosophy_home);
	$('#nav_about_philosophy').hover(swap_image_about, swap_image_philosophy_home);
	$('#nav_philosophy_philosophy').hover(swap_image_philosophy_home, swap_image_philosophy_home);
	$('#nav_portfolio_philosophy').hover(swap_image_portfolio, swap_image_philosophy_home);
	$('#nav_ontheboards_philosophy').hover(swap_image_ontheboards, swap_image_philosophy_home);
	$('#nav_contact_philosophy').hover(swap_image_contact, swap_image_philosophy_home);

	$('#nav_home_portfolio').hover(swap_image_home, swap_image_portfolio_home);
	$('#nav_about_portfolio').hover(swap_image_about, swap_image_portfolio_home);
	$('#nav_philosophy_portfolio').hover(swap_image_philosophy, swap_image_portfolio_home);
	$('#nav_portfolio_portfolio').hover(swap_image_portfolio_home, swap_image_portfolio_home);
	$('#nav_ontheboards_portfolio').hover(swap_image_ontheboards, swap_image_portfolio_home);
	$('#nav_contact_portfolio').hover(swap_image_contact, swap_image_portfolio_home);

	$('#nav_home_ontheboards').hover(swap_image_home, swap_image_ontheboards_home);
	$('#nav_about_ontheboards').hover(swap_image_about, swap_image_ontheboards_home);
	$('#nav_philosophy_ontheboards').hover(swap_image_philosophy, swap_image_ontheboards_home);
	$('#nav_portfolio_ontheboards').hover(swap_image_portfolio, swap_image_ontheboards_home);
	$('#nav_ontheboards_ontheboards').hover(swap_image_ontheboards_home, swap_image_ontheboards_home);
	$('#nav_contact_ontheboards').hover(swap_image_contact, swap_image_ontheboards_home);

	$('#nav_home_contact').hover(swap_image_home, swap_image_contact_home);
	$('#nav_about_contact').hover(swap_image_about, swap_image_contact_home);
	$('#nav_philosophy_contact').hover(swap_image_philosophy, swap_image_contact_home);
	$('#nav_portfolio_contact').hover(swap_image_portfolio, swap_image_contact_home);
	$('#nav_ontheboards_contact').hover(swap_image_ontheboards, swap_image_contact_home);
	$('#nav_contact_contact').hover(swap_image_contact_home, swap_image_contact_home);
	
	function remove_all_classes()
	{
		$('#wrapper').removeClass("home_bg");
		$('#wrapper').removeClass("home_about_bg");
		$('#wrapper').removeClass("home_philosophy_bg");
		$('#wrapper').removeClass("home_portfolio_bg");
		$('#wrapper').removeClass("home_ontheboards_bg");
		$('#wrapper').removeClass("home_contact_bg");

		$('#splash_link a').hide();
		$('#splash_link img').hide();
	}
	
	function swap_image_home_home()
	{
		$('#wrapper').addClass("home_bg");
		$('#splash_link a').show();
		$('#splash_link img').show();
	}

	function swap_image_about_home()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_about_bg");
		$('#splash_link a').show();
		$('#splash_link img').show();
	}

	function swap_image_philosophy_home()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_philosophy_bg");
		$('#splash_link a').show();
		$('#splash_link img').show();
	}

	function swap_image_portfolio_home()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_portfolio_bg");
		$('#splash_link a').show();
		$('#splash_link img').show();
	}

	function swap_image_ontheboards_home()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_ontheboards_bg");
		$('#splash_link a').show();
		$('#splash_link img').show();
	}

	function swap_image_contact_home()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_contact_bg");
		$('#splash_link a').show();
		$('#splash_link img').show();
	}

	function swap_image_home()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_bg");
	}

	function swap_image_about()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_about_bg");
	}

	function swap_image_philosophy()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_philosophy_bg");
	}

	function swap_image_portfolio()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_portfolio_bg");
	}

	function swap_image_ontheboards()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_ontheboards_bg");
	}

	function swap_image_contact()
	{
		remove_all_classes();
		$('#wrapper').addClass("home_contact_bg");
	}

	$('.image_swap_0_first_load').click(function() {
		//$('#sub_sub_nav_first_load').show();
		//$('#images_nav_first_load').show(1000);
		$('.portfolio_render_0_first_load').fadeIn(3000, function() {
			$(this).parent().removeClass("image_swap_0_first_load").attr("href", "portfolio.php?page_id=0&sub_page_id=0&image_id=1").parent().removeClass("portfolio_bg_0_first_load");
		});
	});

	$('.image_swap_0').click(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_0').fadeIn(3000, function() {
			$(this).parent().removeClass("image_swap_0").attr("href", "portfolio.php?page_id=0&sub_page_id=0&image_id=1").parent().removeClass("portfolio_bg_0");
		});
	});
	
	$('.image_swap_1').click(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_1').fadeIn(3000, function() {
			$(this).parent().removeClass("image_swap_1").attr("href", "portfolio.php?page_id=1&sub_page_id=0&image_id=1").parent().removeClass("portfolio_bg_1");
		});
	});

	$('.image_swap_2').click(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_2').fadeIn(3000, function() {
			$(this).parent().removeClass("image_swap_2").attr("href", "portfolio.php?page_id=2&sub_page_id=0&image_id=1").parent().removeClass("portfolio_bg_2");
		});
	});

	$('.image_swap_3').click(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_3').fadeIn(3000, function() {
			$(this).parent().removeClass("image_swap_3").attr("href", "portfolio.php?page_id=3&sub_page_id=0&image_id=1").parent().removeClass("portfolio_bg_3");
		});
	});

	$('.image_swap_4').click(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_4').fadeIn(3000, function() {
			$(this).parent().removeClass("image_swap_4").attr("href", "portfolio.php?page_id=4&sub_page_id=0&image_id=1").parent().removeClass("portfolio_bg_4");
		});
	});

	$('.portfolio_0').ready(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_0').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_0")
			.attr("href", "portfolio.php?page_id=0&sub_page_id=0&image_id=1")
			.parent().removeClass("portfolio_bg_0");
		});
		return false;
	});

	$('.portfolio_0_2').ready(function() {
		$('.portfolio_render_0_2').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_0_2")
			.attr("href", "portfolio.php?page_id=0&sub_page_id=2&image_id=0")
			.parent().removeClass("portfolio_bg_0_2");
		});
		return false;
	});

	$('.portfolio_0_3').ready(function() {
		$('.portfolio_render_0_3').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_0_3")
			.attr("href", "portfolio.php?page_id=0&sub_page_id=3&image_id=0")
			.parent().removeClass("portfolio_bg_0_3");
		});
		return false;
	});

	$('.portfolio_1').ready(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_1').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_1")
			.attr("href", "portfolio.php?page_id=1&sub_page_id=0&image_id=1")
			.parent().removeClass("portfolio_bg_1");
		});
		return false;
	});

	$('.portfolio_1_3').ready(function() {
		$('.portfolio_render_1_3').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_1_3")
			.attr("href", "portfolio.php?page_id=1&sub_page_id=3&image_id=1")
			.parent().removeClass("portfolio_bg_1_3");
		});
		return false;
	});

	$('.portfolio_2').ready(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_2').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_2")
			.attr("href", "portfolio.php?page_id=2&sub_page_id=0&image_id=1")
			.parent().removeClass("portfolio_bg_2");
		});
		return false;
	});

	$('.portfolio_3').ready(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_3').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_3")
			.attr("href", "portfolio.php?page_id=3&sub_page_id=0&image_id=1")
			.parent().removeClass("portfolio_bg_3");
		});
		return false;
	});

	$('.portfolio_4').ready(function() {
		//$('#sub_sub_nav').show();
		//$('#images_nav').show(1000);
		$('.portfolio_render_4').fadeTo(1000,1).fadeIn(3000, 
			function() {
			$(this).parent()
			.removeClass("image_swap_4")
			.attr("href", "portfolio.php?page_id=4&sub_page_id=0&image_id=1")
			.parent().removeClass("portfolio_bg_4");
		});
		return false;
	});
	
	/*
	$('.portfolio_0_0').hover(show_render_0, show_render_0);
	$('.portfolio_1_0').hover(show_render_1, show_render_0);
	$('.portfolio_2_0').hover(show_render_2, show_render_0);
	$('.portfolio_3_0').hover(show_render_3, show_render_0);
	$('.portfolio_4_0').hover(show_render_4, show_render_0);

	$('.portfolio_0_1').hover(show_render_0, show_render_1);
	$('.portfolio_1_1').hover(show_render_1, show_render_1);
	$('.portfolio_2_1').hover(show_render_2, show_render_1);
	$('.portfolio_3_1').hover(show_render_3, show_render_1);
	$('.portfolio_4_1').hover(show_render_4, show_render_1);

	$('.portfolio_0_2').hover(show_render_0, show_render_2);
	$('.portfolio_1_2').hover(show_render_1, show_render_2);
	$('.portfolio_2_2').hover(show_render_2, show_render_2);
	$('.portfolio_3_2').hover(show_render_3, show_render_2);
	$('.portfolio_4_2').hover(show_render_4, show_render_2);

	$('.portfolio_0_3').hover(show_render_0, show_render_3);
	$('.portfolio_1_3').hover(show_render_1, show_render_3);
	$('.portfolio_2_3').hover(show_render_2, show_render_3);
	$('.portfolio_3_3').hover(show_render_3, show_render_3);
	$('.portfolio_4_3').hover(show_render_4, show_render_3);

	$('.portfolio_0_4').hover(show_render_0, show_render_4);
	$('.portfolio_1_4').hover(show_render_1, show_render_4);
	$('.portfolio_2_4').hover(show_render_2, show_render_4);
	$('.portfolio_3_4').hover(show_render_3, show_render_4);
	$('.portfolio_4_4').hover(show_render_4, show_render_4);
	
	function remove_all_portfolio_bg()
	{
		$('#portfolio_img').removeClass("portfolio_bg_0");
		$('#portfolio_img').removeClass("portfolio_bg_1");
		$('#portfolio_img').removeClass("portfolio_bg_2");
		$('#portfolio_img').removeClass("portfolio_bg_3");
		$('#portfolio_img').removeClass("portfolio_bg_4");		
	}

	function show_render_0()
	{
		remove_all_portfolio_bg();
		$('#portfolio_img').addClass("portfolio_bg_0");
	}

	function show_render_1()
	{
		remove_all_portfolio_bg();
		$('#portfolio_img').addClass("portfolio_bg_1");
	}
	
	function show_render_2()
	{
		remove_all_portfolio_bg();
		$('#portfolio_img').addClass("portfolio_bg_2");
	}

	function show_render_3()
	{
		remove_all_portfolio_bg();
		$('#portfolio_img').addClass("portfolio_bg_3");
	}

	function show_render_4()
	{
		remove_all_portfolio_bg();
		$('#portfolio_img').addClass("portfolio_bg_4");
	}
	*/
});