// JavaScript Document

//ENTER IMAGE TOTAL
var iT=20;
var itCap=iT+1;
//CALCULATE RANDOM VALUE FOR N
var n=Math.floor(Math.random()*itCap);
var d=n;

var sta=0;

// variable holding active description field
var desOld=0;
// variable holding active description state 0=closed, 1=open
var desActive=0;

// ACTIVATE GALLERY
function restyle(){
	var st=sta+1;
	if (st==1){
	getGoing();
	document.getElementById('header').setAttribute('class','showHead');
	document.getElementById('description').setAttribute('class','showHead');
	document.getElementById('slide3').setAttribute('class','slide');
	sta=st;
	}
}


//GENERATES THUMBNAILS, Populates images AND STARTS SLIDESHOW
function getGoing(){
	//BUILD THUMBNAILS
	var dBtn=1;
	for (dBtn=1;dBtn<=iT;dBtn++)
	{
		var dotBar = document.getElementById('dots');
	  	var dotBtn = document.createElement('img');
	  	dotBtn.setAttribute('id','dot'+dBtn);
	  	dotBtn.setAttribute('class','dot');
	  	var thVar='img'+dBtn;var th=eval(thVar);var thSrc=sldPre+th+'-th'+sldPost;
	  	dotBtn.setAttribute('src',thSrc);
		dotBtn.onclick=buildHandler (dBtn);
	  	dotBar.appendChild(dotBtn);
	};
	//MARK FIRST THUMBNAIL
	var sldVar='img'+n;	var sld=eval(sldVar);	var sldSrc=sldPre+sld+sldPost;	document.getElementById('slide3').src=sldSrc;	var thSrc=sldPre+sld+'-th'+sldPost;	document.getElementById("dot"+d).src=thSrc;
}
	
// captures loop variable for assigning correct Dot IDs
function buildHandler(i){return function(){jumpSlide(i);};};

//SWAPS SLIDES	
function jumpSlide(slideNo){
// SWAP IMAGE FILE SOURCE
	n=slideNo;
	var sldVar='img'+n;
	var sld=eval(sldVar);
	var sldSrc=sldPre+sld+sldPost;
	document.getElementById('slide3').src=sldSrc;
	document.getElementById('dot'+n).className='dotActive';
	//RECORD EVENT
	var descrStr="descr"+n;var descr=eval(descrStr);
	_gaq.push(['_trackEvent','Slideshow',descr]);
	// SWAP INACTIVE THUMBNAIL IMAGE FILE
	var thVar='img'+d;var th=eval(thVar);var thSrc=sldPre+th+'-th'+sldPost;//alert('inactive thumbnail: '+thSrc);
	document.getElementById('dot'+d).className='dot';
	d=slideNo;
	// CHANGE DESCRIPTION IF OPEN
	if (desActive==1){showDescr(n);};
}

// SHOWS DESCRIPTION
function showDescr(n){
	//document.getElementById("description").style.width="890px";
	var descrStr="descr"+n;var descr=eval(descrStr);
	var priceStr="price"+n;var price=eval(priceStr);
	document.getElementById("description").innerHTML="<span class=\"descriptionBody\">"+descr+"</span><span class=\"priceNum\">"+price+"</span><span class=\"closeDescr\" onclick=\"hideDescr(n);\">Close [X]</span>"
	desActive=1;
};

// HIDES DESCRIPTION
function hideDescr(){
	//document.getElementById("description").style.width="auto";
	document.getElementById("description").innerHTML="<span class=\"descrTab\" onclick=\"showDescr(n);\">Click For Info</span>"
	desActive=0;
};
	
//IMAGE PRELOADER	
function preloader() {
     var iPL = 1;imageObj = new Image();for(iPL=1; iPL<=iT; iPL++) {var sldVar='img'+iPL; var sld=eval(sldVar); var sldSrc=sldPre+sld+sldPost;imageObj.src=sldSrc;};
	 var images = new Array()
	function preload() {
				for (i = 0; i < preload.arguments.length; i++) {
					images[i] = new Image()
					images[i].src = preload.arguments[i]
				}
			}
	preload(
				"img/Arch_about-ov.png",
				"img/Arch_contact-ov.png",
				"img/Arch_gallery-ov.png"
			)
};

// ANALYTICS EVENT TRACKER
var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-338692-15']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();