function ImgDiv(picArray, caps, n){



 var img = document.getElementById("bigerImg");
 
	img.src = picArray[0]

var str = ""
   document.getElementById('caption').innerHTML = caps[0];
	for (var i =0; i < picArray.length; i++) {
		var picSrc = picArray[i]
		var imgId = picSrc + i
		var picCap = caps[i]
		
		str = str + " " + "<img onclick=ResizeBig('" + picSrc + "','" + i + "','" + n + "') onmouseover=ResizeMed('" + imgId + "') onmouseout=ResizeSmall('" + imgId + "') height=120 width=160 src=" + picSrc + " alt=" + picCap + " id=" + imgId + " />";

}

document.getElementById('smallMed').innerHTML = str;


}

function ResizeBig(imgFile, i, n) {
   
   var img = document.getElementById("bigerImg");
   var w = img.width, h = img.height;
   w = 700; h = 467;
   img.width = w; img.height = h;
   img.src = imgFile;
   if (n == 1) {
   var str = captions1[i];
   document.getElementById('caption').innerHTML = str;}
   if (n == 2) {
    var str = captions2[i];
   document.getElementById('caption').innerHTML = str;}
    if (n == 3) {
    var str = captions3[i];
   document.getElementById('caption').innerHTML = str;}	
       if (n == 4) {
    var str = captions4[i];
   document.getElementById('caption').innerHTML = str;}	
          if (n == 5) {
    var str = captions5[i];
   document.getElementById('caption').innerHTML = str;}	
          if (n == 6) {
    var str = captions6[i];
   document.getElementById('caption').innerHTML = str;}	
          if (n == 7) {
    var str = captions7[i];
   document.getElementById('caption').innerHTML = str;}
   	     if (n == 8) {
    var str = captions8[i];
   document.getElementById('caption').innerHTML = str;}	
      	 if (n == 9) {
    var str = captions9[i];
   document.getElementById('caption').innerHTML = str;}	
         if (n == 10) {
    var str = captions10[i];
   document.getElementById('caption').innerHTML = str;}	
         if (n == 11) {
    var str = captions11[i];
   document.getElementById('caption').innerHTML = str;}	
        if (n == 12) {
    var str = captions12[i];
   document.getElementById('caption').innerHTML = str;}	
        if (n == 13) {
    var str = captions13[i];
   document.getElementById('caption').innerHTML = str;}	
        if (n == 14) {
    var str = captions14[i];
   document.getElementById('caption').innerHTML = str;}	
        if (n == 15) {
    var str = captions15[i];
   document.getElementById('caption').innerHTML = str;}
    	if (n == 16) {
    var str = captions16[i];
   document.getElementById('caption').innerHTML = str;}
       	if (n == 17) {
    var str = captions17[i];
   document.getElementById('caption').innerHTML = str;}	
       	if (n == 18) {
    var str = captions18[i];
   document.getElementById('caption').innerHTML = str;}	
       	if (n == 19) {
    var str = captions19[i];
   document.getElementById('caption').innerHTML = str;}	
   if (n == 20) {
    var str = captions20[i];
   document.getElementById('caption').innerHTML = str;}	
}	


function ResizeMed(imgId){  
var img = document.getElementById(imgId);  
var w = img.width, h = img.height;  
w = 220; h = 147;  
img.width = w; img.height = h;
}

function ResizeSmall(imgId){  
var img = document.getElementById(imgId);  
var w = img.width, h = img.height;  
w = 160; h = 107;  
img.width = w; img.height = h;
}

function sizeIt() {
var imgGroup = document.getElementById("amd").getElementsByTagName("img");
for (var i=0; i<imgGroup.length; i++) {
imgGroup[i].setAttribute("width", "100px");
imgGroup[i].setAttribute("height", "100px");
}
}

function initAll() {
	document.getElementById("imgText").innerHTML = captionText[0];
	document.getElementById("prevLink").onclick = processPrevious;
	document.getElementById("nextLink").onclick = processNext;
}

function processPrevious() {
	newSlide(-1);
}

function processNext() {
	newSlide(1);
}

function newSlide(direction) {
	
	var imgCt = captionText.length;
	
	currImg = currImg + direction;
	if(currImg < 0) {
	   currImg = imgCt-1;
	}
	 if (currImg == imgCt) {
	     currImg = 0;
       }  
	
	document.getElementById("slideshow").src = "images/slideImg" + currImg + ".jpg";
	document.getElementById("imgText").innerHTML = captionText[currImg];
} 




function changeimage(id,clss)
{	
	document.getElementById(id).setAttribute("class", clss);

	

}

function otherGal(gal) {
	
	 if (gal == "gal1"){
	
    ImgDiv(pics1, captions1, 1);}

	if (gal == "gal2"){
		
	ImgDiv(pics2, captions2, 2);}
	
	
	if (gal == "gal3"){
		
	ImgDiv(pics3, captions3, 3);} 
	

	if (gal == "gal4"){
	
	ImgDiv(pics4, captions4, 4);} 
	
		if (gal == "gal5"){
	
	ImgDiv(pics5, captions5, 5);} 
	
		if (gal == "gal6"){
	
	ImgDiv(pics6, captions6, 6);} 
	
			if (gal == "gal7"){
	
	ImgDiv(pics7, captions7, 7);}
	
				if (gal == "gal8"){
	
	ImgDiv(pics8, captions8, 8);}
	
	if (gal == "gal9"){
	
	ImgDiv(pics9, captions9, 9);}
	
		if (gal == "gal10"){
	
	ImgDiv(pics10, captions10, 10);}
	
			if (gal == "gal11"){
	
	ImgDiv(pics11, captions11, 11);}
	
				if (gal == "gal12"){
	
	ImgDiv(pics12, captions12, 12);}
	
					if (gal == "gal13"){
	
	ImgDiv(pics13, captions13, 13);}
	
					if (gal == "gal14"){
	
	ImgDiv(pics14, captions14, 14);}
	
					if (gal == "gal15"){
	
	ImgDiv(pics15, captions15, 15);}
	
		if (gal == "gal16"){
	
	ImgDiv(pics16, captions16, 16);}
	
			if (gal == "gal17"){
	
	ImgDiv(pics17, captions17, 17);}
	
				if (gal == "gal18"){
	
	ImgDiv(pics18, captions18, 18);}
	
				if (gal == "gal19"){
	
	ImgDiv(pics19, captions19, 19);}

				if (gal == "gal20"){
	
	ImgDiv(pics20, captions20, 20);}
	
	
	
	
	//
	ToggleVisibility("gallery1");
	
}
	 


function ToggleVisibility(ele) {
              //Find the element to hide/unhide.
              var thumb = document.getElementById("thumbNails");
             var gallery1 = document.getElementById("gallery1");
              //Check the elements current state.

                if (ele == "thumbNails") {
                //If hidden, unhide it.
                thumb.style.display = "block";
              
            }
            else {
                //If not hidden, hide it.
                thumb.style.display = "none"
                
            }
              
			   if (ele == "gallery1") {
                //If hidden, unhide it.
               
               gallery1.style.display = "block";
            }
            else {
                //If not hidden, hide it.
                gallery1.style.display = "none"
                
            }
			
			  
          }

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}



function changeimage(id,clss)
{	
	document.getElementById(id).setAttribute("class", clss);

	

}