// JavaScript Document
var aryNavIds = new Array ("navHome","navAbout","navLocation","navCalendar","navVision", "navTestimonial", "navContact", "navResources");

//----- Active & in-active mages for each nav item ---------------------------------------------
var aryHome=new Array("001","002","003","004","005","006","007","008","009","010","011","012","013","014","015","016","017","018");
var aryAbout=new Array("001","002","003","006","009","010","013","014","015","016","017","018");
var aryLocation=new Array("001","004","005","006","007","008","010","011","012","017");
var aryNotLocation=new Array("002","003","009","013","014","015","016","018");
var aryNotAbout=new Array("004","005","007","008","011","012");

//-----------------------------------------------------------------
function handleNavClick(e) {
	$(".contentPages").css("display", 'none');
	
	switch (e) {
		case "navHome":
			setNav("navHome");
			showPage("main");
			$.each(aryHome, function() {
				$("#"+this).attr("src", "http://enchantmentworkshops.com/img/thumbs/"+this+"_th.jpg");
				$("#"+this).click(function(){handleImgClick(this);})
				$("#"+this).mouseover(function(){handleMouseOver(this);})
				$("#"+this).mouseout(function(){handleMouseOut(this);})
			});
			break;
		
		case "navAbout":
			setNav("navAbout");
			showPage("about");
			$.each(aryNotAbout, function() {
				$("#"+this).attr("src","http://enchantmentworkshops.com/img/thumbs/"+this+"_th_off.jpg");
				$("#"+this).unbind();
			});
			
			$.each(aryAbout, function() {
				$("#"+this).attr("src", "http://enchantmentworkshops.com/img/thumbs/"+this+"_th.jpg");
				$("#"+this).click(function(){handleImgClick(this);})
				$("#"+this).mouseover(function(){handleMouseOver(this);})
				$("#"+this).mouseout(function(){handleMouseOut(this);})
			});
			break;
			
		case "navLocation":
			setNav("navLocation");
			showPage("location");
			$.each(aryNotLocation, function() {
				$("#"+this).attr("src","http://enchantmentworkshops.com/img/thumbs/"+this+"_th_off.jpg");
				$("#"+this).unbind();
			});
			
			$.each(aryLocation, function() {
				$("#"+this).attr("src", "http://enchantmentworkshops.com/img/thumbs/"+this+"_th.jpg");
				$("#"+this).click(function(){handleImgClick(this);})
				$("#"+this).mouseover(function(){handleMouseOver(this);})
				$("#"+this).mouseout(function(){handleMouseOut(this);})
			});
			break;
			
		case "navResources":
			setNav("navResources");
			showPage("resources");
			$("#imgResources").css("display", 'block');
			$("#resources").css("display", "block");
			break;
			
		case "navCalendar":
			setNav("navCalendar");
			showPage("calendar");
			$("#imgCalendar").css("display", 'block');
			$("#calendar").css("display", "block");
			break;
			
		case "navVision":
			setNav("navVision");
			showPage("vision");
			$("#imgVision").css("display", 'block');
			$("#vision").css("display", "block");
			break;
			
		case "navTestimonial":
			setNav("navTestimonial");
			showPage("testimonial");
			$("#imgTestimonial").css("display", 'block');
			$("#testimonial").css("display", "block");
			break;
			
		case "navContact":
			setNav("navContact");
			showPage("contact");
			$("#imgContact").css("display", 'block');
			$("#contact").css("display", "block");
			break;
	}
}

//-----------------------------------------------------------------
function showImage (image) {$("#imgTestimonial").css("background", "url(http://enchantmentworkshops.com/img/upLoad/"+image+")");}

//-----------------------------------------------------------------
function showDefImg () {$("#imgTestimonial").css("background", "url(http://enchantmentworkshops.com/img/testImg.jpg)");}

//-----------------------------------------------------------------
function	setNav(id) {
	activeNav=id;
	$.each(aryNavIds, function() {$("#"+this).css("color", (this==id)  ? "#212221" : "white");});
}

//-----------------------------------------------------------------
function hilite(id) {if (id!=activeNav) {$("#"+id).css("color", ($("#"+id).css("color")=="white") ? "#212221" : "white");}}

//-----------------------------------------------------------------
function showPage(page) {
	switch (page) {
		case "main":
			defaultImage="000_Lrg_main.gif";
			defaultText=0;
			break;
		case "about":
			defaultImage="013_Lrg_A.jpg";
			defaultText=23;
			break;
		case "location":
			defaultImage="004_Lrg_A.jpg";
			defaultText=24;
			break;
		case "calendar":
			defaultText=19;
			$("#txtLocalInfo").html($("#projDesc26").html());
			break;
		case "vision":
			defaultText=20;
			break;
		case "testimonial":
			defaultText=21;
			break;
		case "contact":
			defaultText=22;
			break;
		case "resources":
			defaultText=27;
			break;
	}
	handleMouseOut();
}

//-----------------------------------------------------------------
function handleImgClick(e) {paletteClicked=1;dispContent(e);}

//-----------------------------------------------------------------
function handleMouseOver(e) {if (paletteClicked==0) {dispContent(e);}}

//-----------------------------------------------------------------
function handleMouseOut() {
	if (paletteClicked==0) {
		$("#imgMainArea").css("display", "none");
//		$("#imgMainArea").css("background", "url(http://enchantmentworkshops.com/img/full/"+defaultImage+")");
		$("#txtLocalInfo").html($("#projDesc25").html());
		$(".projDesc").css("display", "none");
		$("#projDesc"+defaultText).css("display", "block");
		$(".quote").css("display", "none");
		$("#quote"+defaultText).css("display", "block");
	}
}

//-----------------------------------------------------------------
function dispContent(target) {
	var src = $("#"+target.id).attr('src');
	var index=parseInt(src.split("/")[src.split("/").length-1].substr(0,3),10);

	objImg=eval("img"+src.split("/")[src.split("/").length-1].substr(0,3));
	objImg.src=objImg.src.substr(0,objImg.src.length-5)+"A.jpg";
	
	$("#imgMainArea").css("display", "block");
	$("#imgMainArea").css("width",objImg.width+"px");
	$("#imgMainArea").css("height",objImg.height+"px");
	$("#imgMainArea").css("background","url("+objImg.src+") no-repeat");
	$("#projDesc0").css("display", "none");
	$("#projDesc"+index).css("display", "block");
	$(".quote").css("display", "none");
	$("#quote"+index).css("display", "block");
}

//-----------------------------------------------------------------
function resetPalette() {paletteClicked=0;}

// ========================================================================
$(document).ready(function() {
	// bind click function to nav bar elements
	$(".navText").click(function(){handleNavClick(this.id);})

	// bind various events to the palette images
	$.each($("div.pImg img"), function(index, value){
		$("#"+value.id).click(function(){handleImgClick(this);})
		$("#"+value.id).mouseout(function(){handleMouseOut(this);})
		$("#"+value.id).mouseover(function(){handleMouseOver(this);})
	});
	
	// initialize for the home page
	resetPalette();
	setNav("navHome");
	defaultImage="000_Lrg_main.gif";
	defaultText=0;
	handleMouseOut();
	
	//--- Pre-Load Images ---------------------------------------------
	for (i=1;i<20;i++) {
		var myStr="0"+String(i);
		if(myStr.length<3) myStr="0"+myStr;
		eval("img"+myStr+"= new Image(); img"+myStr+".src='img/full/"+myStr+"_Lrg_A.jpg'"); 
	}
})

// ========================================================================