/*******************************  pildid   ************************************/
//näitab pildivihjeid lehel pildid
function showImgHint(dir, file1, file2, file3) {
  var txt = '<img src="'+dir+file1+'" border="0" alt=""><br><br>' 
  var txt = txt + '<img src="'+dir+file2+'" border="0" alt=""><br><br>'
  var txt = txt + '<img src="'+dir+file3+'" border="0" alt=""><br><br>'
  document.getElementById('pildivihje').innerHTML = txt
}
//peidab pildivihjeid lehel pildid
function hideImgHint() {
  document.getElementById('pildivihje').innerHTML=''
}


/*******************************  ykspilt   ***********************************/
  function showimage(imagenr) {
    intCurrentImageNr = imagenr		
		document.getElementById("imageInfo").innerHTML = createBigImageHTML('loadingindicator')

	  if (imagenr == 0)  
      document.getElementById("prevImage").className = "gradualfader2"
	  if (imagenr > 0)
      document.getElementById("prevImage").className = "link curspoint"
		
	  if ((imagenr+1) == arrKPpildid.length)
      document.getElementById("nextImage").className = "gradualfader2"
	  if (imagenr+1 < arrKPpildid.length)
      document.getElementById("nextImage").className = "link curspoint"
    if (!boolBigImageLoaded) {
    //vahetatakse pilt
     document.getElementById("KPesinemisePilt").src = srcDirectory + arrKPpildid[imagenr]		 
    //laetakse valmis eelnev pilt
     objPrevImage = new Image(); 
     objPrevImage.src = srcDirectory + arrKPpildid[imagenr-1]
    //laetakse valmis järgnev pilt		 
		 objNextImage = new Image(); 
     objNextImage.src = srcDirectory + arrKPpildid[imagenr+1]
		 }
 
     if(typeof srcJKN != "undefined") {
       document.getElementById("lehele").value = "http://kukeprotest.pri.ee/?jkn=" + srcJKN + "&pildinr=" + (intCurrentImageNr + 1)
	     document.getElementById("yksKPpilt_tab").title = srcJKN + " esinemise " + srcEsinemisepealkiri + " pilt " + (intCurrentImageNr + 1)
     }else {
       document.getElementById("lehele").value = "http://kukeprotest.pri.ee/?piltmID=" + piltmID + "&pildinr=" + (intCurrentImageNr + 1)
	     document.getElementById("yksKPpilt_tab").title = srcTitle + " pilt " + (intCurrentImageNr + 1)     
     }
  }
	function imgLoaded() {
    if(typeof srcJKN != "undefined") {
	    document.getElementById("imageInfo").innerHTML = esinemiselink + " pilt " + (intCurrentImageNr + 1) + " (" + pilte_kokku + ")"
    }else{
      document.getElementById("imageInfo").innerHTML = srcTitle + " pilt " + (intCurrentImageNr + 1) + " (" + pilte_kokku + ")"    
    }
	}
	
  function prevImage() {
  var imagenr=intCurrentImageNr
    if (imagenr>0) {		
		  showimage(imagenr-1)
			if (boolBigImageLoaded) 
			  switchBigimage(imagenr-1) 
		}	
	}
	
  function nextImage() {
  var imagenr=intCurrentImageNr
	  if ((imagenr+1) != arrKPpildid.length) {
      showimage(imagenr+1)		
			if (boolBigImageLoaded) 
			  switchBigimage(imagenr+1) 
		}			 
	}	



/*****************************   suurpilt   ***********************************/

  /*kõike muud peitvad/näitavad funktsioonid suure pildi avamisel*/
        var kis;
        var kit;
        var lmp;
        var pl;
      function suurpilt_avaneb() {
        document.getElementById("taustapilt").style.visibility="hidden";
        document.getElementById("yldine").style.visibility="hidden";
        if (document.getElementById("kuulamiseisa1").style.visibility=="hidden");
          else {document.getElementById("kuulamiseisa1").style.visibility="hidden"; kis=1;}
        if (document.getElementById("kuulamiseisa2").style.visibility=="hidden");
          else {document.getElementById("kuulamiseisa2").style.visibility="hidden"; kit=1;}
        if (document.getElementById("lae_muusikapleier").style.visibility=="hidden");
          else {document.getElementById("lae_muusikapleier").style.visibility="hidden"; lmp=1;}
        if (document.getElementById("pleilist_lahti") != null) {
          if (document.getElementById("pleilist_lahti").style.visibility=="hidden");
          else {document.getElementById("pleilist_lahti").style.visibility="hidden"; pl=1;}
        }
      }

      function suurpilt_sulgub() {
        document.getElementById("taustapilt").style.visibility="visible";
        document.getElementById("yldine").style.visibility="visible";
        if (kis==1) {document.getElementById("kuulamiseisa1").style.visibility="visible";}
        if (kit==1) {document.getElementById("kuulamiseisa2").style.visibility="visible";}
        if (lmp==1) {document.getElementById("lae_muusikapleier").style.visibility="visible";}
        if (pl==1) {document.getElementById("pleilist_lahti").style.visibility="visible";}
      }
  /******************************************************************************/



  function switchBigimage(imagenr) {
    document.getElementById("bigImage").src = srcBigDirectory + arrKPpildid[imagenr]
		document.getElementById("loading").innerHTML = createBigImageHTML('loadingindicator')

	  if (imagenr == 0)   
      document.getElementById("eelmine").style.display = "none"
	  if (imagenr > 0)
      document.getElementById("eelmine").style.display = "inline"
	

	  if ((imagenr+1) == arrKPpildid.length)
      document.getElementById("jargmine").style.display = "none"
	  if (imagenr+2 == arrKPpildid.length)
      document.getElementById("jargmine").style.display = "inline"
/*
     objPrevBigImage = new Image(); 
     objPrevBigImage.src = srcBigDirectory + arrKPpildid[imagenr-1]
		 
		 objNextBigImage = new Image(); 
     objNextBigImage.src = srcBigDirectory + arrKPpildid[imagenr+1]
*/
document.getElementById("bigImageNr").innerHTML = srcJKN + " esinemine " + srcEsinemisepealkiri + " pilt " + (intCurrentImageNr + 1) + " (" + pilte_kokku + ")"
  }

function createBigImageHTML(name) {
  var div_algus = '<div style="position: absolute;height: 99%;width: 99%;">'
  var tabeli_algus = '<table style="width: 100%; height: 100%; margin-left: auto; margin-right: auto;"  border="0" cellpadding="0" cellspacing="0"><tbody><tr>'
  var tabeli_lopp = '</td></tr></tbody></table></div>'

  switch(name) {

    case 'image':
      var html = div_algus + tabeli_algus + '<td style="text-align: center;">'               //for IE
      var html = html + '<img id="bigImage" src="" alt="" border="0" onload="BigimgLoaded()" onmouseover="BigimgLoaded()">'
      var html = html + '<div id="bigImageNr" style=""></div>'
      var html = html + tabeli_lopp + '</div>'
    return html
    break;    

    case 'loading':
      var html = '<div id="loading"></div>'
    return html
    break;

    case 'loadingindicator':
      var html = '<div class="laeb"><img src="pildid/lehtlaeb.gif"></div>'
    return html
    break;        

    case 'closelink':
      var html = '<div class="eekeja" id="keskmine" '
      var html = html +  "onmouseover=\"show('piltsulge')\" onmouseout=\"hide('piltsulge')\""
    	var html = html +  'onclick="hideBigImage()" title="sulge suur pilt">'
    	var html = html +  tabeli_algus + '<td style="text-align: center;">'
    	var html = html +  '<span id="piltsulge" class="gradualfader vihje">sulge pilt <img src="pildid/sulge11.png" alt="sulge pilt" border="0"></span>'
      var html = html +  tabeli_lopp + '</div>'
    return html
    break;   

    case 'closeimg':
    	var html = '<div class="sulge_suur_pilt" '
    	var html = html +  "onmouseover=\"show('piltsulge')\" onmouseout=\"hide('piltsulge')\" " 
    	var html = html +  'onclick="hideBigImage()">'
    	var html = html +  '<img src="pildid/sulge22.png" alt="sulge" border=0 class="gradualfader"></div>'
    return html
    break;   

    case 'leftlink':
    	var html = '<div class="eekeja" id="eelmine" '
    	var html = html + "onmouseover=\"show('vasakpilt')\" onmouseout=\"hide('vasakpilt')\" "
    	var html = html +  'onclick="prevImage()" title="eelmine pilt">'
    	var html = html +  tabeli_algus +'<td style="text-align: left;">'
    	var html = html +  '<span class="gradualfader"><img src="pildid/vasakule.gif" align="left" alt="<-" border="0" hspace="5">'
      var html = html +  '<span id="vasakpilt" class="vihje">eelmine</span></span>'
      var html = html +  tabeli_lopp + '</div>'
    return html
    break;

    case 'rightlink':
    	var html = '<div class="eekeja" id="jargmine" '
      var html = html +  "onmouseover=\"show('parempilt')\" onmouseout=\"hide('parempilt')\" "
    	var html = html +  'onclick="nextImage()" title="j&#228;rgmine pilt">'
      var html = html +  tabeli_algus + '<td style="text-align: right;">'
      var html = html +  '<span class="gradualfader"><img src="pildid/paremale.gif" alt="->" border="0" align="right" hspace="5">'
    	var html = html +  '<span id="parempilt" class="vihje">j&#228;rgmine</span></span>'
      var html = html +  tabeli_lopp + '</div>'
    return html
    break;   

  }

}

function BigimgLoaded() {
  document.getElementById("loading").innerHTML = ""
	}

function showBigImage() {
  //creating HTML
  //pilt ise
  var html = createBigImageHTML('image')
	//loading indicator
  var html = html + createBigImageHTML('loading')
	//vasakule link
  var html = html + createBigImageHTML('leftlink')
	//sulge link
  var html = html + createBigImageHTML('closelink')
  //sulge rist paremal üleval
  var html = html + createBigImageHTML('closeimg')				
  //paremale link	
  var html = html + createBigImageHTML('rightlink')

  suurpilt_avaneb()
  document.getElementById("piltsuurelt").innerHTML = html
  document.getElementById("loading").innerHTML = createBigImageHTML('loadingindicator')
	boolBigImageLoaded = true
  switchBigimage(intCurrentImageNr)
  gradualFader.init(); //activate gradual fader	
}

function hideBigImage() {
  document.getElementById("piltsuurelt").innerHTML = ""
  suurpilt_sulgub()
  boolBigImageLoaded = false
  showimage(intCurrentImageNr)
	gradualFader.init(); //activate gradual fader
	imgLoaded()
}


/******************************************************************************
eraldi funktsioonid ühe suure pildi laadimiseks ja sulgemiseks
*****************************************************************************/
function BigImgShow(img) {
  //creating HTML
  //pilt ise
  var html = createBigImageHTML('image')
	//loading indicator
  var html = html + createBigImageHTML('loading')
	//sulge link
  var html = html + createBigImageHTML('closelink')
  //sulge rist paremal üleval
  var html = html + createBigImageHTML('closeimg')				

  suurpilt_avaneb()
  document.getElementById("piltsuurelt").innerHTML = html
  document.getElementById("loading").innerHTML = createBigImageHTML('loadingindicator')
  document.getElementById("bigImage").src = img
  gradualFader.init(); //activate gradual fader	
}
function BigImgHide() {
  document.getElementById("piltsuurelt").innerHTML = ""
  suurpilt_sulgub()
	gradualFader.init(); //activate gradual fader
}

/*******************************************************************************
tabid "PILDID / PISIPILDID / PILT" ja link lehele kirjutamine  
*******************************************************************************/
  function swichImagesTabs (tab) {
    var x;
    var tabs = new Array();
    tabs[0] = "pildid";
    tabs[1] = "pisipildiddiv";
    tabs[2] = "yksKPpilt";
		if (tab!=tabs[1]) pisipildiddiv_scrolltop = document.getElementById(tabs[1]).scrollTop		
    for (x in tabs) {
			document.getElementById(tabs[x]).style.display="none"
			document.getElementById(tabs[x]+"_tab").style.borderBottomColor=""
    }
    document.getElementById(tab).style.display="inline"
        document.getElementById(tab).style.borderTop="1px solid" //vajalik piltide nimekirja jaoks, kuna seal ei ole vaikimis määratud
		document.getElementById(tab+"_tab").style.borderBottomColor="#E9D781" 
		document.getElementById("lehele").value=tab
  if (navigator.appName=="Microsoft Internet Explorer") {
//        document.getElementById(tab).style.borderTop=""
  }


//link lehele kirjutamine
    switch(tab) {
      case tabs[0]:
        document.getElementById("lehele").value = "http://kukeprotest.pri.ee/?leht=pildid"
				//+ teksti suuruse muutmine
        break;
      case tabs[1]:
        if(typeof srcJKN != "undefined") {
          document.getElementById("lehele").value = "http://kukeprotest.pri.ee/?leht=pisipildid&jkn=" + srcJKN
        }else {
          document.getElementById("lehele").value = "http://kukeprotest.pri.ee/?leht=pisipildid&piltmID=" + piltmID        
        }
				document.getElementById(tab).scrollTop = pisipildiddiv_scrolltop

				//+ teksti suuruse muutmine
        break;
      case tabs[2]:
        if(typeof srcJKN != "undefined") {
          document.getElementById("lehele").value = "http://kukeprotest.pri.ee/?jkn=" + srcJKN + "&pildinr=" + (intCurrentImageNr + 1)
        }else{
          document.getElementById("lehele").value = "http://kukeprotest.pri.ee/?piltmID=" + piltmID + "&pildinr=" + (intCurrentImageNr + 1)
        }
				//+ teksti suuruse muutmine
        break;				    								    
    }
	}