// here we define global variable
var ajaxdestination="";
var senderid=0;

function getdata(what,where,id) { // get data from source (what)
 try {
   xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
  		new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch (e) { /* do nothing */ }
 senderid=id;
 document.getElementById("itemOverlay"+senderid).innerHTML ="<img class='loaderimage' src='_media/_layout/loader.gif' />";

 
 if(document.getElementById("flash"+senderid)){
	document.getElementById("flash"+senderid).style.display='none';
	document.getElementById("main"+senderid).style.display='block';
 }

 //find out height of  image with id main+sender
 
 var maskh = document.getElementById("main"+senderid).height + 27 + 14 + 5 + 20;
 

	document.getElementById("itemOverlay"+senderid).style.height=maskh+"px";
	document.getElementById("itemOverlay"+senderid).style.display='block';
   //createFadeIn("itemOverlay"+senderid, 0)
   
// we are defining the destination DIV id, must be stored in global variable (ajaxdestination)

 ajaxdestination=where;
 xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
 xmlhttp.open("GET", what);
 xmlhttp.send(null);

 
  return false;
}

function triggered() { // put data returned by requested URL to selected DIV
	

  if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
	
    document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
		if(document.getElementById("flashmovie"+senderid)){
			document.getElementById("main"+senderid).style.display='none';
			document.getElementById("flash"+senderid).style.display='block';
			document.getElementById("itemOverlay"+senderid).innerHTML ="";
			document.getElementById("itemOverlay"+senderid).style.display='none';
		}else{
			document.getElementById("main"+senderid).style.display='block';
			document.getElementById("itemOverlay"+senderid).innerHTML ="";
			//createFadeOut("itemOverlay"+senderid, (document.getElementById("itemOverlay"+senderid).style.opacity*100));
			//alert(xmlhttp.status);
		}
		
	}
	
}


var fadedir = 0;

function createFadeIn(obj, op){
fadedir = 10;
fadeIn(obj,op);
}

function createFadeOut(obj, op){
fadedir = 10;
fadeOut(obj,op);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
	
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100 && fadedir >0) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 33);
    }
  }
}

function fadeOut(objId,opacity) {
fadedir = -10;
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0 && fadedir < 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 33);
    }
  }
}