var GalShowIntervalId = 0;

function SetupFullImages(){
   	var obj = document.getElementById("fullimages");
	var imageHTML='';
	var thumbHTML='';
	var fullImagePath='';
	var thumbImagePath='';

for (var i = 1; i <= img_count; i++){
		if (i<10){
			fullImagePath=ImagePath+'0'+i+'.jpg';
			thumbImagePath=ImagePath+'0'+i+'s.jpg';
		}
		else{
			fullImagePath=ImagePath+i+'.jpg';
			thumbImagePath=ImagePath+i+'s.jpg';
		}

		//setup large images
		if (i==1){
			imageHTML+='<div align="center" id="img_div'+i+'" style="visibility:visible; display:block; height: 470px">';
		}
		else{
			imageHTML+='<div align="center" id="img_div'+i+'" style="visibility:hidden; display:none; height: 470px">';
		}

		imageHTML+='<img class="img-borders-sides" src="'+fullImagePath+'"/>';
		
		imageHTML+='</div>';

		// setup thumbs
		var t_obj = document.getElementById("thumb" + i);
		thumbHTML='';
	    thumbHTML+='<a class="menu_btn" href="#" onclick="ThumbClick('+i+');">';
	    thumbHTML+='<img src="images/spacer.gif" height="35" width="35" border="0">';
	    thumbHTML+='</a>';

		t_obj.innerHTML=thumbHTML;
		t_obj.className = "full_border";
		//t_obj.background = thumbImagePath;
		t_obj.style.background = "url('"+thumbImagePath+"')";
	}

	obj.innerHTML=imageHTML;

	GalShow(0);
}

function open_image(img_no){
	//get background color
	var sec_color =	Images[img_no][0]
	//hide old image
	
	for (var i = 1; i <= img_count; i++){
		var object = document.getElementById("img_div" + i);
		if (object){
			//opacity("img_div" + i, 100, 0, 500)
			object.style.display = "none";
			object.style.visibility = "hidden";
		}
	}

	object = document.getElementById("img_div" + img_no);
	object.style.display = "block";
	object.style.visibility = "visible";
	changeOpac(0, "img_div" + img_no);
	opacity("img_div" + img_no, 0, 100, 500);

	setColors(sec_color);
	curr_img = img_no;
}

function setColors(sec_color){
	//bg_obj = document.getElementById("bg");
	bg_obj = document.getElementById("mainContent");
	bg_obj.style.backgroundColor = "#" + sec_color;

	curr_color = sec_color;
	btn = document.getElementById("btn" + active_btn);
	btn.style.color = "#" + curr_color;
	btn.onmouseout = ""
	
//	menuhead = document.getElementById("menuhead");
//	menuhead.style.color = "#" + curr_color;
}

function GalNav(e){
   var KeyID = (window.event) ? event.keyCode : e.keyCode;
   var img_no = curr_img

   switch(KeyID){
      case 37:
	      //document.Form1.KeyName.value = "Arrow Left";
	      if (img_no-1>0){
			img_no = img_no -1
			}
		  else{
			img_no = img_count
			}	    

   	      open_image(img_no);
			if (GalShowStatus == 1){
				GalShow(0);
			}
	      break;

      case 39:
	      //document.Form1.KeyName.value = "Arrow Right";
    
	      ShowNext();
	     	if (GalShowStatus == 1){
				GalShow(0);
			}

	      break;

      case 32:
	      //document.Form1.KeyName.value = "space";

   	      GalShow(1);
	      break;	      
   }
}

function ThumbClick(img_no){

	open_image(img_no);
	if (GalShowStatus == 1){
		GalShow(0);
	}	
}

function ShowNext(){
    var img_no = curr_img
	if (img_no+1<=img_count){
		img_no = img_no+1
	}
	else{
		img_no = 1
	}	    
	open_image(img_no);
}

function GalShow(advance){
	btnSlide = document.getElementById("btn99");
	if (GalShowStatus == 1){
		GalShowStatus = 0;
		clearInterval ( GalShowIntervalId );
		btnSlide.innerHTML = "<font size=-2>slideshow on</font>";
	}
	else if (GalShowStatus == 0){
		GalShowStatus = 1;
		if (advance == 1){
			ShowNext();
		}
		GalShowIntervalId = setInterval("ShowNext();", 3000);
		btnSlide.innerHTML = "<font size=-2>slideshow off</font>";
	}
}

function btnRollOver(btn_no){
	btn = document.getElementById("btn" + btn_no);
	btn.style.color = "#" + curr_color;
	//btn.style.text-decoration = "none";
}

function btnRollOut(btn_no){
	btn = document.getElementById("btn" + btn_no);
	btn.style.color = "#000000";
	///btn.style.text-decoration = "none";
}

/***********************************************

* http://brainerror.net/scripts/javascript/blendtrans/

***********************************************/

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens

    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

     
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["/images/common/Contact.jpg", "", "", "617898"] 
fadeimages[1]=["/images/common/Home1.jpg", "", "", "909e09"] 
fadeimages[2]=["/images/common/Rates.jpg", "", "", "FFFF00"] 

var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["photo1.jpg", "", ""] //plain image syntax
fadeimages2[1]=["photo2.jpg", "http://www.cssdrive.com", ""] //image with link syntax
fadeimages2[2]=["photo3.jpg", "http://www.javascriptkit.com", "_new"] //image with link and target syntax

var fadebgcolor="white"

////NO need to edit beyond here/////////////

var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers

var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all

function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}

var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')

if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
	if (obj.degree<100){
		obj.degree+=10
		if (obj.tempobj.filters&&obj.tempobj.filters[0]){
			if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
			obj.tempobj.filters[0].opacity=obj.degree
			else //else if IE5.5-
			obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
		}
		else if (obj.tempobj.style.MozOpacity)
			obj.tempobj.style.MozOpacity=obj.degree/101
		else if (obj.tempobj.style.KhtmlOpacity)
			obj.tempobj.style.KhtmlOpacity=obj.degree/100
		else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
			obj.tempobj.style.opacity=obj.degree/101
		}
	else{
		clearInterval(fadeclear[obj.slideshowid])
		obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
		obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
		obj.populateslide(obj.tempobj, obj.nextimageindex)
		obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
		setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
	}
}

fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" >'
//slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}

fadeshow.prototype.rotateimage=function(){
	if (this.pausecheck==1) //if pause onMouseover enabled, cache object
	var cacheobj=this
	if (this.mouseovercheck==1)
	setTimeout(function(){cacheobj.rotateimage()}, 100)
	else if (iebrowser&&dom||dom){
	this.resetit()
	var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	crossobj.style.zIndex++
	fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
	this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
	}
	else{
	var ns4imgobj=document.images['defaultslide'+this.slideshowid]
	ns4imgobj.src=this.postimages[this.curimageindex].src
	}
	if (this.theimages[this.curimageindex][3]!="") //if associated background color exists for image
	setColors(this.theimages[this.curimageindex][3])
	this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}

fadeshow.prototype.resetit=function(){
	this.degree=10
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	if (crossobj.filters&&crossobj.filters[0]){
	if (typeof crossobj.filters[0].opacity=="number") //if IE6+
	crossobj.filters(0).opacity=this.degree
	else //else if IE5.5-
	crossobj.style.filter="alpha(opacity="+this.degree+")"
	}
	else if (crossobj.style.MozOpacity)
	crossobj.style.MozOpacity=this.degree/101
	else if (crossobj.style.KhtmlOpacity)
	crossobj.style.KhtmlOpacity=this.degree/100
	else if (crossobj.style.opacity&&!crossobj.filters)
	crossobj.style.opacity=this.degree/101
}

fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}

//Used on album pages to show examples
function swapAlbumImage(filename){
   	var obj = document.getElementById("fullimages-albums");
	var imageHTML='';

	var object = document.getElementById("fadeshow_div");
		if (object){
			object.style.display = "none";
			object.style.visibility = "hidden";
		}

	imageHTML+='<img height="470" width="608" alt="preloaded image" src="'+filename+'"/>'

	obj.innerHTML=imageHTML;
	obj.style.display = "block";
	obj.style.visibility = "visible";	
}