var xmlHttp;
var display=0;
var tpic='';
var ppid;

function httpreq(){
  if(window.ActiveXObject){
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else if(window.XMLHttpRequest){
      xmlHttp = new XMLHttpRequest();
  }
}


function getthumb(id,start){
  httpreq();

        url="/ajax_fhg.pl?id=" + id + "&start=" + start;

  xmlHttp.onreadystatechange = statechange;
  xmlHttp.open("GET", url,true);
  xmlHttp.send(null);

}

function statechange(){

  if(xmlHttp.readyState == 4){
    if(xmlHttp.status == 200 ){
      showres();
    }
  }
}

function getpic(id,start){
  httpreq();

        url="/ajax_fhg.pl?pid=" + id + "&start=" + start;

  xmlHttp.onreadystatechange = statechange2;
  xmlHttp.open("GET", url,true);
  xmlHttp.send(null);
}

function statechange2(){

  if(xmlHttp.readyState == 4){
    if(xmlHttp.status == 200 ){
      showres2();
    }
  }
}


function hidepic(){
	document.getElementById("data").style.display='none';
	document.getElementById("data").InnerHTML='';
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
	return(scrOfY);
}

function showpic(pid,element){
	ppid=pid;
	document.getElementById("loading_"+pid).style.display='';
	tstart=parseInt(document.getElementById("start_"+pid).value);

	getpic(pid,tstart);
	var vrch=getScrollXY();;

	var dv=document.getElementById('data');
	dv.style.top=vrch;
	dv.style.left=30;	
}

function hidedata(){
	document.getElementById('data').style.display='none';
	document.getElementById('data').innerHTML='';
}


function nextpic(pid,plus){
	ppid=pid;
	document.getElementById("loading_"+pid).style.display='';
	tpic=document.getElementById("img_"+pid);
	tstart=parseInt(document.getElementById("start_"+pid).value);
	tmax=parseInt(document.getElementById("max_"+pid).value);

	nstart=(tstart+parseInt(plus));
	if(nstart>=tmax){
		nstart=tmax-1;
	}
	else if(nstart<0){
		nstart=0;
	}

	getthumb(pid,nstart);
	document.getElementById("start_"+pid).value=nstart;
}




function showres(){

	var img = new Image( );

	var vysledok=xmlHttp.responseXML;
	var src=vysledok.getElementsByTagName('img');

	img.src = '/' + src[0].firstChild.nodeValue;
	img.border=1;

	img.onload=function() {
	        document.getElementById("loading_"+ppid).style.display='none';
		tpic.src=img.src;
	}
}


function clear(element){

        while(element.hasChildNodes()){
                element.removeChild(element.childNodes[0]);
        }
}


function showres2(){

	var img = new Image( );

	var vysledok=xmlHttp.responseXML;
	var src=vysledok.getElementsByTagName('img');

	img.src = '/' + src[0].firstChild.nodeValue;
	img.border=1;

	dv=document.getElementById("data");

	img.onload=function() {
		clear(dv);
	        document.getElementById("loading_"+ppid).style.display='none';
		document.getElementById("data").appendChild(img);

		dv.style.display='';

	}
}


function cleardata(){
display=0;
  document.getElementById("popup").innerHTML='';	
  document.getElementById("popup").style.display='none';
}