var myMenu;
var curPageID;
var homePageID;
var pages = new Array();
var albums = new Array();
var lists = new Array();
var videos = new Array();
var parentID;
var careersFormShowing = false;
var submittedForm;

function getPageID(pname){
	for(var a=0; a<pages.length; a++){
		if(pages[a][1].toLowerCase() == pname.toLowerCase()){
			return pages[a][0];
		}
	}
}
function getPageTitle(id){
	for(var a=0; a<pages.length; a++){
		if(pages[a][0] == id){
			return pages[a][1];
		}
	}
}
function showMenu(flag){
	if(curPageID == homePageID) $("#backstretch").animate({opacity: 0}, 1000, function(){
		$("#home").hide("slide", {direction: "up" }, 2000);
		$("#pages").show("slide", {direction: "down" }, 2000);
		if(flag == 2) showPage(getPageID("contact"));
	});
}

function showContact(){
	showMenu(2);
}


//display page content
function showPage(id){
	var a = document.getElementById("link"+id);
	if(curPageID != parseInt(id)){
		if(a){
			if(curPageID != null && document.getElementById("link"+curPageID)){
				var old = document.getElementById("link"+curPageID);
				if(old.className == "submenu current2"){
					old.className = "submenu";
				} else if(old.className == "current"){
					parentID = curPageID;
					old.className = "";
				}
			}
			var parentLink = document.getElementById("link"+parentID);
			if(a.className == "submenu"){
				a.className = "submenu current2";
				if(parentLink) parentLink.className = "current";
			} else {
				if(parentLink) parentLink.className = "";
				a.className = "current";
			}
			if(parentLink && a.className == "submenu current2") parentLink.className = "current";
		}
		//get page content
		curPageID = id;
		$("#loading").animate({opacity: 1}, 500);
		$("#page-content").animate({opacity: 0}, 500, function(){
			$.ajax({
				type: "POST",
				url: "content.php",
				data: "id="+curPageID,
				success: showPageRes
			})
		})
		var title = getPageTitle(curPageID);
		if(title == "biography" || title == "exhibitions" || title == "forthcoming shows" || title == "group shows" || title == "solo shows" || title == "awards" || title == "auctions" || title == "current shows" || title == "art fairs" ||title == "press" || title == "process videos" || title == "projects") {
			$("html").css("overflow-y", "auto");
			$("html").css("height", "auto");
		} else {
			$("html").css("overflow-y", "hidden");
			$("html").css("height", "100%");
		}
	}
}
function showPageRes(str){
	if(str != ""){
		var content = str.split("##");
		$("#page-content").html(content[0]);
		if(content[1] == "gallery"){
			albums = [];
			strImages = content[2].split("@@");
			var arImageData = new Array();
			var arAlbum = new Array();
			var albtitle = strImages[0].split("|")[6];
			for(var a=0; a<strImages.length; a++){
				arImageData = strImages[a].split("|");
				if(arImageData[6] != albtitle){
					albums.push(arAlbum);
					arAlbum = [];
					albtitle = arImageData[6];
				}
				arAlbum.push(arImageData);
				if(strImages.length == 1 || a == strImages.length-1) albums.push(arAlbum);
			}
			albums.length > 1 ? showAlbums() : showAlbumPage(albums[0]);
		} else if(content[1] == "list"){
			lists = [];
			strItems = content[2].split("@@");
			var arItemData = new Array();
			var curType = strItems[0].split("|")[2];
			var arType = new Array(curType, new Array());
			var listGroup = strItems[0].split("|")[0];
			for(var a=0; a<strItems.length; a++){
				arItemData = strItems[a].split("|");
				if(arItemData[2] != curType){
					if(a > 0){
						lists.push(arType);
						arType = new Array(arItemData[2], new Array());
					}
					curType = arItemData[2];
				}
				arType[1].push(new Array(arItemData[1],arItemData[2],arItemData[3]));
				if(strItems.length == 1 || a == strItems.length-1) lists.push(arType);
			}
			if(listGroup == "Exhibitions"){
				lists.length > 1 ? showExhibitions() : showExhibitionsPage(lists[0]);
			} else if(listGroup == "News"){
				showNews();
			} else if(listGroup == "Projects"){
				showProjects();
			}
		} else if(content[1] == "videos"){
			videos = [];
			var strVids = content[2].split("@@");
			var arVidData;
			for(var a=0; a<strVids.length; a++){
				arVidData = strVids[a].split("|");
				videos.push(arVidData);
			}
			videos.length > 1 ? showVideos() : showVideoPage(videos[0]);
		}
		$("#loading").animate({opacity: 0}, 500);
		if(content[1] == "gallery") {
			$("#page-content").css("opacity", 1);
			$(".album-image").css("opacity",1);
			$(".album-image").hover(function(){$(this).fadeTo(500,0.7)},function(){$(this).fadeTo(500,1)});
		} else {
			$("#page-content").animate({opacity: 1}, 500);
		}
	}
}

function showPage2(num){
	var pid = getPageID(albums[num][0][6]);
	if(pid){
		showPage(getPageID(albums[num][0][6]));
	}
}
function showPage3(num){
	var paddons;
	var ptitle;
	for(var a=0; a<pages.length; a++){
		paddons = pages[a][2].split("|###|");
		if(paddons[0] == 3){
			if(paddons[1] == videos[num][0]){
				ptitle = pages[a][1];;
				break;
			}
		}
	}
	var pid = getPageID(ptitle);
	if(pid){
		showPage(pid);
	}	
}

//gallery

function showAlbums(){
	var str = "";
	for(var a=0; a<albums.length; a++){
		for(var b=0; b<albums[a].length; b++){
			if(albums[a][b][2] == 1){
				this["imgObj"+a] = new Image();
				this["imgObj"+a].src = "images/uploads/"+albums[a][b][0]+"_s.jpg";
				str += "<a href='javascript:void(0);' onclick='javascript:showPage2("+a+");'><img src='"+this["imgObj"+a].src+"' class='album-image' /></a>";
			}
		}
	}
	$("#page-content").append(str);
}
function showAlbumPage(alb){
	var str = "<span id='caption'>"+alb[0][6]+"</span><a id='viewall' style='float: right' href='javascript:void(0);' onclick='javascript:showPage(parentID);'>view all</a>";
	str += "<img id='main-img' src='' /><div id='thumbs'></div><div id='info'></div>";
	$("#page-content").append(str);
	for(var a=0; a<alb.length; a++){
		if(alb[a][2] == 0){
			imgObj = new Image();
			imgObj.src = "images/uploads/"+alb[a][0]+"_s.jpg";
			$("#thumbs").append("<a href='javascript:void(0);' onclick='javascript:displayImage("+alb[a][0]+");'><img style='height: 55px' src='images/uploads/"+alb[a][0]+"_s.jpg' /></a>");
		}
	}
	$("#page-content").css("opacity", 1);
	$("#thumbs a img").css("opacity",1);
	$("#thumbs a img").hover(function(){$(this).fadeTo(500,0.7)},function(){$(this).fadeTo(500,1)});
	displayImage(alb[0][0]);
}
function findAlbum(id){
	for(var a=0; a<albums.length; a++){
		for(var b=0; b<albums[a].length; b++){
			if(albums[a][b][0] == id){
				return albums[a];
			}
		}
	}
}
function findImage(id){
	var alb = findAlbum(id);
	for(var a=0; a<alb.length; a++){
		if(alb[a][0] == id){
			return alb[a];
		}
	}
}
function displayImage(id){
	$("#loading").animate({opacity: 1}, 500);
	$("#main-img").animate({opacity: 0}, 500, function(){
		var imgObj = new Image();
		imgObj.src = "images/uploads/"+id+".jpg";
		imgObj.onload = function(){
			$("#main-img").attr("src", imgObj.src);
			$("#main-img").css("width", "auto");
			$("#main-img").css("height", "425px");
			$("#info").css("right", 0);
			$("#info").html(findImage(id)[4]);
			$("#caption").html(findAlbum(id)[0][6]+" <span>/ "+findImage(id)[3]+"</span>");
			$("#loading").animate({opacity: 0}, 500, function(){$("#main-img").animate({opacity: 1}, 500)});
		}
	})
}

//exhibitions

function showExhibitions(){
	var str = "<span class='dark italic'>exhibitions</span><div>";
	str += "<div class='ex-column'><span class='italic light'>current shows</span>";
	var a, b;
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "current shows"){
			for(b=0; b<lists[a][1].length; b++){
				str += lists[a][1][b][2];
			}
			str += "<p><hr /></p>";
		}
	}
	str += "<p class='italic light'>group shows</p>";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "group shows"){
			for(b=0; b<lists[a][1].length; b++){
				str += lists[a][1][b][2];
			}
		}
	}
	str += "<p><hr /></p>";
	str += "<p>&nbsp;</p><p>&nbsp;</p></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div class='ex-column'><span class='italic light'>forthcoming shows</span><br />";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "forthcoming shows"){
			for(b=0; b<lists[a][1].length; b++){
				str += lists[a][1][b][2];
			}
		}
	}
	str += "<p><hr /></p>";
	str += "<p class='italic light'>art fairs</p>";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "art fairs"){
			for(b=0; b<lists[a][1].length; b++){
				str += lists[a][1][b][2];
			}
		}
	}
	str += "<p><hr /></p><p>&nbsp;</p><p>&nbsp;</p></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div class='ex-column'><span class='italic light'>solo shows</span>";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "solo shows"){
			for(b=0; b<lists[a][1].length; b++){
				str += lists[a][1][b][2];
			}
		}
	}
	str += "<p><hr /></p>";
	str += "<p class='italic light'>awards</p>";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "awards"){
			for(b=0; b<lists[a][1].length; b++){
				str += lists[a][1][b][2];
			}
		}
	}
	str += "<p><hr /></p>";
	str += "<p class='italic light'>auctions</p>";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "auctions"){
			for(b=0; b<lists[a][1].length; b++){
				str += lists[a][1][b][2];
			}
		}
	}
	str += "<p><hr /></p>";
	str += "<p>&nbsp;</p><p>&nbsp;</p></div>";
	$("#page-content").append(str);
}

function showExhibitionsPage(type){
	str = "<div id='excol1' class='ex-column'><span class='italic light'>"+type[0]+"</span></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div id='excol2' class='ex-column'><br /></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div id='excol3' class='ex-column'><br /></div>";
	$("#page-content").append(str);
	str = "";
	var hr = "<p><hr /></p>";
	var m;
	for(var a=0; a<type[1].length; a++){
		str = "<p>"+type[1][a][2]+"</p>";
		m = a % 6;
		if(m == 0 || m == 1){
			if((m == 0 && a == type[1].length - 1) || (m == 1 && a + 5 > type[1].length)) str += hr;
			$("#excol1").append(str);
		} else if(m == 2 || m == 3){
			if((m == 2 && a == type[1].length - 1) || (m == 3 && a + 5 > type[1].length)) str += hr;
			$("#excol2").append(str);
		} else if(m == 4 || m == 5){
			if((m == 4 && a == type[1].length - 1) || (m == 5 && a + 5 > type[1].length)) str += hr;
			$("#excol3").append(str);
		}
	}
}

//news/press

function showNews(){
	var str = "<span class='dark italic'>press</span><div>";
	str += "<div class='ex-column' id='presscol1'><span class='italic light'>recent</span></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div id='presscol2' class='ex-column'><span class='italic light'>archive</span></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div id='presscol3' class='ex-column'><span class='italic light'>&nbsp;</span></div>";
	str += "</div>";
	var a, b;
	$("#page-content").append(str);
	str = "";
	var m;
	var hr = "<p><hr /></p>";
	var morespace = "<p>&nbsp;</p><p>&nbsp;</p>";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "recent"){
			for(b=0; b<lists[a][1].length; b++){
				str = lists[a][1][b][2];
				str += hr;
				$("#presscol1").append(str);
			}
			$("#presscol1").append(morespace);
		} else if(lists[a][0] == "archive"){
			for(b=0; b<lists[a][1].length; b++){
				str = lists[a][1][b][2];
				m = b % 6;
				str += hr;
				if(m >= 0 && m <= 2){
					$("#presscol2").append(str);
				} else if(m >= 3 && m <= 5){
					$("#presscol3").append(str);
				}
			}
			$("#presscol2").append(morespace);
			$("#presscol3").append(morespace);
		}
	}
	$("#page-content").append("</div>");
}

//projects

function showProjects(){
	var str = "<span class='dark italic'>projects</span><div>";
	str += "<div class='ex-column' id='presscol1'><span class='italic light'>recent</span></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div id='presscol2' class='ex-column'><span class='italic light'>archive</span></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div id='presscol3' class='ex-column'><span class='italic light'>&nbsp;</span></div>";
	str += "</div>";
	var a, b;
	$("#page-content").append(str);
	str = "";
	var m;
	var hr = "<p><hr /></p>";
	var morespace = "<p>&nbsp;</p><p>&nbsp;</p>";
	for(a=0; a<lists.length; a++){
		if(lists[a][0] == "recent"){
			for(b=0; b<lists[a][1].length; b++){
				str = lists[a][1][b][2];
				str += hr;
				$("#presscol1").append(str);
			}
			$("#presscol1").append(morespace);
		} else if(lists[a][0] == "archive"){
			for(b=0; b<lists[a][1].length; b++){
				str = lists[a][1][b][2];
				m = b % 6;
				str += hr;
				if(m >= 0 && m <= 2){
					$("#presscol2").append(str);
				} else if(m >= 3 && m <= 5){
					$("#presscol3").append(str);
				}
			}
			$("#presscol2").append(morespace);
			$("#presscol3").append(morespace);
		}
	}
	$("#page-content").append("</div>");
}

//videos

function showVideos(){
	var str = "<span class='dark italic'>process videos</span><div>";
	str += "<div class='vid-column' id='presscol1'></div>";
	str += "<div class='ex-spacer'>&nbsp;</div>";
	str += "<div class='vid-column' id='presscol2'></div>";
	str += "</div>";
	$("#page-content").append(str);
	str = "";
	var m;
	var morespace = "<p>&nbsp;</p><p>&nbsp;</p>";
	for(a=0; a<videos.length; a++){
		str = "<p><a style='position: relative' href='javascript:void(0);' onclick='javascript:showPage3("+a+");'><img style='width: 200px' src='images/uploads/videos/"+videos[a][5]+"' /><div style='position: absolute; top: -128px; left: 68px' class='circle'><span style='position: relative; top: 20px; left: 18px'>play</span></div></a></p>";
		str += "<p class='italic light'>"+videos[a][2]+"</p>";
		str += "<p class='dark'>"+videos[a][4]+"</p>";
		str += "<p>&nbsp;</p>";
		m = a % 4;
		if(m == 0 || m == 1){
			$("#presscol1").append(str);
		} else if(m == 2 || m == 3){
			$("#presscol2").append(str);
		}
	}
	$("#presscol1").append(morespace);
	$("#presscol2").append(morespace);
	$("#page-content").append("</div>");
}

function showVideoPage(vid){
	var str = "<span id='caption'>"+vid[1]+"</span><a id='viewall' style='float: right' href='javascript:void(0);' onclick='javascript:showPage(parentID);'>view all</a>";
	str += "<div style='margin-top: 10px'>"+vid[3]+"</div><div class='light italic' style='text-align: right; width: 250px; float: right'>"+vid[2]+"</div>";
	str += "<div style='float: left' class='light italic'>"+vid[4]+"</div>";
	$("#page-content").append(str);
}


//contact form
function clearForm(frm){
	$("#name").val("");
	$("#email").val("");
	$("#tel").val("");
	$("#message").html("");
}
function sendForm(){
	var name = trim($("#name").val());
	var email = trim($("#email").val());
	var tel = trim($("#tel").val());
	var msg = trim($("#message").val());
	var newsletter = $("#newsletter").attr("checked");
	if(name == "" || !Validator.isName){
		$("#send-btn").html("Please enter your name<br /><a href='javascript:void(0);' onclick='javascript:sendForm();'>send again</a>");
		$("#name").focus();
		return false;
	} else if(!Validator.isEmail(email) || email == ""){
		$("#send-btn").html("Please enter a correct E-mail<br /><a href='javascript:void(0);' onclick='javascript:sendForm();'>send again</a>");
		$("#email").focus();
		return false;
	} else if(Validator.isEmpty(msg)){
		$("#send-btn").html("Please enter a message<br /><a href='javascript:void(0);' onclick='javascript:sendForm();'>send again</a>");
		$("#message").focus();
		return false;
	} else if(!Validator.isPhone(tel)){
		$("#send-btn").html("Please enter a valid phone number<br /><a href='javascript:void(0);' onclick='javascript:sendForm();'>send again</a>");
		$("#tel").focus();
		return false;
	} else {
		$("#send-btn").html("sending...");
		$.ajax({
			type: "POST",
			url: "form.php",
			data: "name="+$.addslashes(name)+"&email="+$.addslashes(email)+"&tel="+tel+"&msg="+$.addslashes(msg)+"&newsletter="+newsletter,
			success: submitFormRes
			})
	}
}
function submitFormRes(str){alert(str);
	if((str) == "OK"){
		$("#send-btn").html("message sent!");
		clearForm();
	}
}
$(document).ready(function(){
	myMenu = new SDMenu('menu');
	myMenu.init();
	$("#pages").hide();
	$("#loading").css("opacity", 0);
});
//// addslashes added by tom 
/**
*	@description addslashes function
*	@author Trey Shugart
*	@version 1.0.0
*	@date 2008-05-07
*	@license GNU LGPL (http://www.gnu.org/licenses/lgpl.html)
*/
(function($) {
	$.addslashes = function (str) {
		str = str.replace(/\'/g,'\\\'');
		str = str.replace(/\"/g,'\\"');
		str = str.replace(/\\/g,'\\\\');
		str = str.replace(/\0/g,'\\0');
		return str;
	};
})(jQuery);

///// addslashes added by tom