document.onload=hideButton()
 var mainImage=document.getElementById("main-img");
 var imgLink=document.getElementById("imgLink");
 var imgSrc=document.getElementById("imgSrc")
 var buttonArray;
 
 
 function hideButton(){
  buttonArray=document.getElementsByClassName("button");
  if(buttonArray.length!="0"){
    buttonArray[0].style.visibility="hidden"
  }
 }

// Tell browser where to find the image
var myImgSrc = "images/";

// Tell browser the type of file
 var myImgEnd = ".jpg"

var k = 0;

// Create function to load image
function loadImg(){
  imgSrc.src = myImgSrc + myImg[k] + myImgEnd;

  imgLink.setAttribute("href", myImgSrc + myImg[0] + "large.JPG");
 
}
var anguishDivArray=new Array();
anguishDivArray.push(document.getElementById("anguish1"));
anguishDivArray.push(document.getElementById("anguish2"));
anguishDivArray.push(document.getElementById("anguish3"));
anguishDivArray.push(document.getElementById("anguish4"));



var m=0;
function prevText(){
  (buttonArray[1].style.visibility="visible")
  if(anguishDivArray[m]!=null && anguishDivArray[m]!=undefined){
  anguishDivArray[m].style.visibility="hidden"
  }

   if(m<1){
    var o = m
  } else {
    var o = m-=1;
  }
  imgSrc.src = myImgSrc + myImg[o] + myImgEnd;
  if(anguishDivArray[m]!=null && anguishDivArray[m]!=undefined){
   anguishDivArray[m].style.visibility="visible"
  }

  imgLink.setAttribute("href", myImgSrc + myImg[o] + "large.JPG");
  if(myImg[o]=="anguish1"){
 
      (buttonArray[0].style.visibility="hidden")
   }
  
}

function nextText(divID){
  (buttonArray[0].style.visibility="visible")
   if(anguishDivArray[m]!=null && anguishDivArray[m]!=undefined){
  anguishDivArray[m].style.visibility="hidden"
   }

   if(m>3){
    var o = m
   }else{
    var o = m+=1;
  }

  imgSrc.src = myImgSrc + myImg[o] + myImgEnd;
  if(anguishDivArray[m]!=null && anguishDivArray[m]!=undefined){
    anguishDivArray[m].style.visibility="visible"
    }

  imgLink.setAttribute("href", myImgSrc + myImg[o] + "large.JPG");
  if(myImg[o]=="anguish5"){
 
      (buttonArray[1].style.visibility="hidden")
   }
  
}


// Create link function to switch image backward
function prev(){
   (buttonArray[1].style.visibility="visible")
  if(k<1){
    var l = k
  } else {
    var l = k-=1;
  }
  imgSrc.src = myImgSrc + myImg[l] + myImgEnd;
   

  imgLink.setAttribute("href", myImgSrc + myImg[l] + "large.JPG");

  
  
}

// Create link function to switch image forward
function next(){
  (buttonArray[0].style.visibility="visible")
  if(k>myImg.length+1){
    var l = k
   }else{
    var l = k+=1;
  }

  imgSrc.src = myImgSrc + myImg[l] + myImgEnd;

  imgLink.setAttribute("href", myImgSrc + myImg[l] + "large.JPG");
   
}





function showCursor(element){
    element.style.cursor="hand"
}

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// 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';
        addDefaultImg()
}

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

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

// close layer when click-out
document.onclick = mclose;



var bgArray= new Array(img1,img2,img3,img4);
var bgImage=document.getElementById("whole-page")
var navUl=document.getElementById("nav-list")
var liArray=navUl.getElementsByTagName("li");
var navImgLink= navUl.getElementsByTagName("img")

var navImgs=document.getElementsByClassName("link-image")
var linkImgArray=new Array("images/images/home-img.jpg","images/images/projects-img.jpg","images/images/about-img.jpg","images/images/contact-img.jpg")


function addHoverImg(imgNum){
     
   for(var i=0;i<navImgLink.length;i++){
     
      navImgLink[i].style.visibility="hidden";
   }
   bgImage.style.backgroundImage="url( " + bgArray[imgNum].src + ")";
   
}
function addDefaultImg(){
   for(var i=0;i<navImgLink.length;i++){
      navImgLink[i].style.visibility="visible";
   }
   bgImage.style.backgroundImage="url(images/background-v2.jpg)";
}
var subMenuImg=document.getElementsByClassName("subMenuImages")


//alert(subMenuImg)

function highLightSubMenuLink(num1,num2){

  subMenuImg[num1].setAttribute("src",subMenuImgArray[num2].src)
  
   
}
function addDarkSMImg(num1,num2){
    
      subMenuImg[num1].setAttribute("src",subMenuImgArray[num2].src)
   
}