/*
 * this set of functions are just really big hacks to make the site look 
 * pretty while I learn how javascript actually works .....
 * 
 */
jQuery(document).ready(function() {
		function formatTitle(title, currentArray, currentIndex, currentOpts) {
    	 return '<div id="img-title"><span><a href="javascript:;" onclick="$.fancybox.close();"><img src="/images/fancybox/closelabel.gif" /></a></span>' + (title && title.length ? '<b>' + title + '</b>' : '' ) + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
    	}
		
	  $("#contact").fancybox({
		'autoScale'     	: true,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe'
	  });
	  
	  $(".img").fancybox({
	    'showCloseButton'	: true,
	    'titlePosition' 	: 'inside',
	    'titleFormat'		: formatTitle
      });
	  
});

function setDate(){
  var now = new Date();
  var localeDateStr = now.toLocaleDateString();
  var el = document.getElementById("date");
  var txtP = document.createElement("p");
  txtP.innerHTML = localeDateStr;
  el.appendChild(txtP);
}

function removeContent(mainDiv){
	var content = document.getElementById("content");
	if(content != undefined){mainDiv.removeChild(content);}
}

function hideNav(){document.getElementById("lnav").style.display = 'none';}
function showNav(){document.getElementById("lnav").style.display = '';}

function hideImg(){
	document.getElementById("monthly").style.display='none';
	document.getElementById("images").style.display='none';
	document.getElementById("ny").style.display='none';
	document.getElementById("america").style.display='none';
	document.getElementById("london").style.display='none';
	document.getElementById("br").style.display='none';
	document.getElementById("flowers").style.display='none';
	document.getElementById("bb").style.display='none';
	document.getElementById("portrait").style.display='none';
}

function home(){
	var el = document.getElementById("main");	
	removeContent(el);
	hideNav();
	hideImg();
	var content = document.createElement("div");
	var p1 = document.createElement("p");
	var p2 = document.createElement("p");
	p1.innerHTML = "<a href=\"#\" onclick=\"newyork()\" title=\"New York Gallery\"><img width=\"150\" height=\"150\" src=\"images/thumbnails/StPatricks.jpg\"/></a>" +
	"<a href=\"#\" onclick=\"america()\" title=\"America Gallery\"><img width=\"150\" height=\"150\" src=\"images/thumbnails/TheBean.jpg\"/></a>" +
	"<a href=\"#\" onclick=\"london()\" title=\"London Gallery\"><img width=\"150\" height=\"150\" src=\"images/thumbnails/LondonEye.jpg\"/></a>" +
	"<a href=\"#\" onclick=\"britain()\" title=\"Britain Gallery\"><img width=\"150\" height=\"150\" src=\"images/thumbnails/ScottishParliament.jpg\"/></a>";
	
	p2.innerHTML = "<a href=\"#\" onclick=\"portraits()\" title=\"Portraits\"><img width=\"150\" height=\"150\" src=\"images/thumbnails/Kelly1.jpg\"/></a>" +
	"<a href=\"#\" onclick=\"flowers()\" title=\"Flowers\"><img width=\"150\" height=\"150\" src=\"images/thumbnails/flower3.jpg\"/></a>" +
	"<a href=\"#\" onclick=\"bitsandbobs()\" title=\"Bits and Bobs\"><img width=\"150\" height=\"150\" src=\"images/thumbnails/Hands.jpg\"/></a>";
	
	content.id="content";
	el.appendChild(content);
	content.appendChild(p1);
	content.appendChild(p2);
}

function exhibitions(){
	var el = document.getElementById("main");
	removeContent(el);
	hideNav();
	hideImg();
	var content = document.createElement("div");
	var ex_header = document.createElement("h3");
	var ex_para1 = document.createElement("p");
	var ex_para2 = document.createElement("p");
	var ex_para3 = document.createElement("p");
	var ex_para4 = document.createElement("p");
	var ex_para5 = document.createElement("p");
	var ex_para6 = document.createElement("p");
	content.id="content";
	ex_header.innerHTML = "Previous Exhibitions";
	ex_para1.innerHTML =  "Birds and the Bees, LITM, Jersey City, May 2009";
	ex_para2.innerHTML =  "Cool Blue, LITM, Jersey City, August 2009";
    ex_para3.innerHTML =  "NYLON@NIGHT, Alley Cat Gallery, Jersey City, September 2009"; 
    ex_para4.innerHTML =  "Cathedral Arts Festival, Grace Van Vorst Church, November 2009";
	ex_para5.innerHTML =  "Little Wonders, LITM, Jersey City, December 2009"; 
    ex_para6.innerHTML =  "MORE THAN ONE WAY, Alley Cat Gallery, Jersey City, March 2010";
	
	content.id = "content";
	el.appendChild(content);
	content.appendChild(ex_header);
	content.appendChild(ex_para1);
	content.appendChild(ex_para2);
	content.appendChild(ex_para3);
	content.appendChild(ex_para4);
	content.appendChild(ex_para5);
	content.appendChild(ex_para6);
}

function bio(){
	var el = document.getElementById("main");	
	removeContent(el);
	hideNav();
	hideImg();
	var content = document.createElement("div");
	var bio_header = document.createElement("h3");
	var bio_para1 = document.createElement("p");
	var bio_para2 = document.createElement("p");
	var bio_para3 = document.createElement("p");
	var bio_para4 = document.createElement("p");
	content.id="content";
	bio_header.innerHTML = "Artist Biography: Joanne Simmons";
	bio_para1.innerHTML = "Joanne is a born and bred Londoner. She was working for VisitBritain (the tourist board for Britain), when a position opened up in their New York office. She couldn&#39;t give up this exciting opportunity, applied for the job and moved to Jersey City in April 2005.";
	bio_para2.innerHTML = "She has always been interested in photography but really started to pursue it since moving to America. She is happy that she made her roots in Jersey City where there is such a great artist community and is looking forward to contributing more to the art scene here. Being surrounded by this great art scene has given her the encouragement she needs to strive towards her dream of exhibiting her work and is excited by the many opportunities that she now has by living in Jersey City.";
    bio_para3.innerHTML = "Her photos have been exhibited at LITM, Cathedral Arts Festival 2009 and Alley Cat Gallery. She has also had photos published in Current magazine, Jersey City Reporter, Weekender (Pennsylvania publication). She was extremely proud to be chosen to take photos for the debut album of local Singer/Songwriter Kelly Saint Patrick. All photos on the album were taken by Joanne alongside promotional photos that have been used to advertise the album."; 
    bio_para4.innerHTML = "She is currently studying photography at the New York Institute of Photography.";
	
	el.appendChild(content);
	content.appendChild(bio_header);
	content.appendChild(bio_para1);
	content.appendChild(bio_para2);
	content.appendChild(bio_para3);
	content.appendChild(bio_para4);	
}

function news(){
	var el = document.getElementById("main");
	removeContent(el);
	hideNav();
	hideImg();
	var content = document.createElement("div");
	var news_header = document.createElement("h3");
	var news_para1 = document.createElement("p");
	var news_para2 = document.createElement("p");
	var news_line1 = document.createElement("hr");
	content.id = "content";
	news_header.innerHTML = "What's New";
	news_para1.innerHTML = "On Saturday 5th June, Joanne will be selling her handmade silver jewelry at Alley Cat Gallery, Jersey City, alongside the debut solo exhibition of Leigh More's photographs: Impressions <a href=\"http://www.leighmorephotography.com\" target=\"_blank\">www.leighmorephotography.com</a>"
	el.appendChild(content);
	content.appendChild(news_header);
	content.appendChild(news_para1);
	content.appendChild(news_para2);
	content.appendChild(news_line1);
}

function monthlyphoto(){
	var el = document.getElementById("main");
	removeContent(el);
	hideNav();
	hideImg();
	document.getElementById("images").style.display='';
	document.getElementById("monthly").style.display='';

}

function createImageNav(){
	var left = document.getElementById("left");
	var nav = document.createElement("div");
	var ul = document.createElement("ul");
	var ny_li = document.createElement("")
	nav.id = "nav";
	left.appendChild(nav);
	nav.appendChild(ul);
	
	
}

function galleries(){
	var el = document.getElementById("main");
	removeContent(el);
	hideImg();
	hideNav();
	var content = document.createElement("div");
	var gallery_header1 = document.createElement("h3");
	var gallery_line1 = document.createElement("hr");
	var gallery_header2 = document.createElement("h3");
	var gallery_line2 = document.createElement("hr");
	var gallery_header3 = document.createElement("h3");
	var gallery_line3 = document.createElement("hr");
	var gallery_header4 = document.createElement("h3");
	var gallery_line4 = document.createElement("hr");
	var gallery_header5 = document.createElement("h3");
	var gallery_line5 = document.createElement("hr");
	var gallery_header6 = document.createElement("h3");
	var gallery_line6 = document.createElement("hr");
	var gallery_header7 = document.createElement("h3");
	var gallery_line7 = document.createElement("hr");
	content.id="content";
	gallery_header1.innerHTML = "<a href=\"#\" onclick=\"newyork()\">New York</a>";
	gallery_header2.innerHTML = "<a href=\"#\" onclick=\"america()\">America</a>";
	gallery_header3.innerHTML = "<a href=\"#\" onclick=\"london()\">London</a>";
	gallery_header4.innerHTML = "<a href=\"#\" onclick=\"britain()\">Britain</a>";
	gallery_header5.innerHTML = "<a href=\"#\" onclick=\"portraits()\">Portraits</a>";
	gallery_header6.innerHTML = "<a href=\"#\" onclick=\"flowers()\">Flowers</a>";
	gallery_header7.innerHTML = "<a href=\"#\" onclick=\"bitsandbobs()\">Bits and Bobs</a>";
	el.appendChild(content);
	content.appendChild(gallery_header1);
	content.appendChild(gallery_line1);

	content.appendChild(gallery_header2);
	content.appendChild(gallery_line2);
	
	content.appendChild(gallery_header3);
	content.appendChild(gallery_line3);
	
	content.appendChild(gallery_header4);
	content.appendChild(gallery_line4);
	
	content.appendChild(gallery_header5);
	content.appendChild(gallery_line5);
	
	content.appendChild(gallery_header6);
	content.appendChild(gallery_line6);
	
	content.appendChild(gallery_header7);
	content.appendChild(gallery_line7);
}

function newyork(){
	var el = document.getElementById("main");
	removeContent(el);
	showNav();
    document.getElementById("images").style.display='';
	document.getElementById("ny").style.display='';
	document.getElementById("america").style.display='none';
	document.getElementById("london").style.display='none';
	document.getElementById("br").style.display='none';
	document.getElementById("flowers").style.display='none';
	document.getElementById("bb").style.display='none';
	document.getElementById("portrait").style.display='none';
}

function america(){
	var el = document.getElementById("main");
	removeContent(el);
	showNav();
	document.getElementById("images").style.display='';
	document.getElementById("ny").style.display='none';
	document.getElementById("america").style.display='';
	document.getElementById("london").style.display='none';
	document.getElementById("br").style.display='none';
	document.getElementById("flowers").style.display='none';
	document.getElementById("bb").style.display='none';
	document.getElementById("portrait").style.display='none';
}

function london(){
	var el = document.getElementById("main");
	removeContent(el);
	showNav();
	document.getElementById("images").style.display='';
	document.getElementById("ny").style.display='none';
	document.getElementById("america").style.display='none';
	document.getElementById("london").style.display='';
	document.getElementById("br").style.display='none';
	document.getElementById("flowers").style.display='none';
	document.getElementById("bb").style.display='none';
	document.getElementById("portrait").style.display='none';
}

function britain(){
	var el = document.getElementById("main");
	removeContent(el);
	showNav();
	document.getElementById("images").style.display='';
	document.getElementById("ny").style.display='none';
	document.getElementById("america").style.display='none';
	document.getElementById("london").style.display='none';
	document.getElementById("br").style.display='';
	document.getElementById("flowers").style.display='none';
	document.getElementById("bb").style.display='none';
	document.getElementById("portrait").style.display='none';
}

function flowers(){
	var el = document.getElementById("main");
	removeContent(el);
	showNav();
	document.getElementById("images").style.display='';
	document.getElementById("ny").style.display='none';
	document.getElementById("america").style.display='none';
	document.getElementById("london").style.display='none';
	document.getElementById("br").style.display='none';
	document.getElementById("flowers").style.display='';
	document.getElementById("bb").style.display='none';
	document.getElementById("portrait").style.display='none';
}

function portraits(){
	var el = document.getElementById("main");
	removeContent(el);
	showNav();
	document.getElementById("images").style.display='';
	document.getElementById("ny").style.display='none';
	document.getElementById("america").style.display='none';
	document.getElementById("london").style.display='none';
	document.getElementById("br").style.display='none';
	document.getElementById("flowers").style.display='none';
	document.getElementById("bb").style.display='none';
	document.getElementById("portrait").style.display='';
}

function bitsandbobs(){
	var el = document.getElementById("main");
	removeContent(el);
	showNav();
	document.getElementById("images").style.display='';
	document.getElementById("ny").style.display='none';
	document.getElementById("america").style.display='none';
	document.getElementById("london").style.display='none';
	document.getElementById("br").style.display='none';
	document.getElementById("flowers").style.display='none';
	document.getElementById("bb").style.display='';
	document.getElementById("portrait").style.display='none';
}

function sitelinks(){
	var el = document.getElementById("main");
	removeContent(el);
	hideNav();
	hideImg();
	var content = document.createElement("div");
	
	var links_header = document.createElement("h3");
	var link1 = document.createElement("p");
	var line1 = document.createElement("hr");
	var link2 = document.createElement("p");
	var line2 = document.createElement("hr");
	var link3 = document.createElement("p");
	var line3 = document.createElement("hr");
	var link4 = document.createElement("p");
	var line4 = document.createElement("hr");
	var link5 = document.createElement("p");
	var line5 = document.createElement("hr");
	var link6 = document.createElement("p");
	var line6 = document.createElement("hr");
	var link7 = document.createElement("p");
	var line7 = document.createElement("hr");
	var link8 = document.createElement("p");
	var line8 = document.createElement("hr");
	content.id = "content";
	links_header.innerHTML = "Links";
	
	link1.innerHTML = "<a href=\"http://www.silversculptor.etsy.com\" target=\"_blank\">The Silver Sculptor</a>";
	link2.innerHTML = "<a href=\"http://www.facebook.com/alleycatgallery\" target=\"_blank\">Alley Cat Gallery</a>";
	link3.innerHTML = "<a href=\"http://www.jcfridays.com\" target=\"_blank\">JC Fridays</a>";
	link4.innerHTML = "<a href=\"http://www.litm.com\" target=\"_blank\">LITM</a>";
	link5.innerHTML = "<a href=\"http://www.arthouseproductions.org\" target=\"_blank\">ArtHouse</a>";
	link6.innerHTML = "<a href=\"http://www.kellysaintpatrick.com\" target=\"_blank\">Kelly Saint Patrick</a>";
	link7.innerHTML = "<a href=\"http://www.eye4onestudios.com\" target=\"_blank\">Beth Achenbach Photography</a>";
	link8.innerHTML = "<a href=\"http://www.leighmorephotography.com\" target=\"_blank\">Leigh More Photography</a>";
		
	el.appendChild(content);
	content.appendChild(links_header);
	content.appendChild(link1);
	content.appendChild(line1);
	content.appendChild(link2);
	content.appendChild(line2);
	content.appendChild(link3);
	content.appendChild(line3);
	content.appendChild(link4);
	content.appendChild(line4);
	content.appendChild(link5);
	content.appendChild(line5);
	content.appendChild(link6);
	content.appendChild(line6);
	content.appendChild(link7);
	content.appendChild(line7);
}