// JavaScript Document
var ShowingPortfolio=false;
var PreviousImage=0;
var NextImage=0;
var ThisImage=0;
var PortfolioImages=new Array();
var Files=0;
$(document).ready(function() 
	{
		$("#ClosePortfolio").click(function (){showpage('DigitalPhotography');});
		$("#Next").click(function (){showportfolioimage(NextImage);});
		$("#Previous").click(function (){showportfolioimage(PreviousImage);});
	});

function showpage(page)
{
	if(ShowingPortfolio)PortfolioHide();
	$('#CompanyHistory').hide();
if(page)
	{
	$('#PreMediaBox').css('opacity', 1); 
	$('#BrandAssetBox').css('opacity', 1); 
	$('#DigitalPhotographyBox').css('opacity', 1); 
	$('#ImageAssetBox').css('opacity', 1); 
	$('#PrintProjectBox').css('opacity', 1); 
	var box='#'+page+'Box';
	$(box).css('opacity',.5);
	var image = "url('images/"+page+"_header.jpg')";
	$('#Header').css("background-image", image);
	$('#Details').load(page+".html");
	$('#Details').show();
	}
	else
	{
	$('#ServiceDetails').hide();
	}
}
function showdetails(page)
{
if(page)
	{
	$('#WebCopy').load(page+".html");
	$('#WebCopy').show();
	}
	else
	{
	$('#WebCopy').hide();
	}
}
function showimage(image)
{
if(image)
	{
	var image="url(images/"+image+"_large.jpg)";
	$('#WebCopy').css("background-image", image);
	}
	else
	{
	$('#WebCopy').css("background-image", '');
	}
	
}

/*
function showportfolioimage(image)
{
if(image)
	{
	$("#PortfolioImage").attr("src","/Portfolio/"+image+".jpg");
	$("#PortfolioImage").attr("height","350").show();
	}
	else
	{
	$("#PortfolioImage").hide();; 
	}	
}
*/
function showportfolioimage(image)
{
	if(!image)PreviousImage=newFiles; else PreviousImage=image-1;
	if(image==newFiles)NextImage=0; else NextImage=image+1;
	$("#PortfolioImage").attr("src","Portfolio/"+PortfolioImages[image]+".jpg");
	$("#PortfolioImage").attr("height","350").show();
}
function PortfolioShow()
{
ShowingPortfolio=true;
$("#Header").css("background-image", "url(images/DigitalPhotography_Portfolio.jpg)");
$("#Navigator").hide();
$("#Details").hide();
$("#menu").load("PortfolioImages.php");
$("#Portfolio").show();	
}
function PortfolioHide()
{
	ShowingPortfolio=false;
$("#Portfolio").hide();	
$("#Navigator").show();
$("#Details").show();
}