// JavaScript Document
function getOpacityProperty()
{
  if (typeof document.body.style.opacity == 'string') // CSS3 compliant (Moz 1.7+, Safari 1.2+, Opera 9)
    return 'opacity';
  else if (typeof document.body.style.MozOpacity == 'string') // Mozilla 1.6 и младше, Firefox 0.8 
    return 'MozOpacity';
  else if (typeof document.body.style.KhtmlOpacity == 'string') // Konqueror 3.1, Safari 1.1
    return 'KhtmlOpacity';
  else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) // Internet Exploder 5.5+
    return 'filter';
  return false; //прозорість не підтримується
}

function setElementOpacity(elem, nOpacity)
{
  var opacityProp = getOpacityProperty();
  if (!opacityProp) return false; // Якщо броузер не підтримує прозорість виходим
  if (opacityProp=="filter")  // Internet Exploder 5.5+
  {
    nOpacity *= 100;
    var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
    if (oAlpha) oAlpha.opacity = nOpacity;
    else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+nOpacity+")";
  }
  else // решта броузерів
    elem.style[opacityProp] = nOpacity;
}
function getClientScreenSize ()
{
  var cli_size = new Array();
  cli_size["width"]=0; cli_size["height"]=0; cli_size["left"]=0; cli_size["top"]=0; 
  if (typeof(window.innerWidth) == 'number') {
    // для всіх окрім MSIE
    cli_size["width"] = window.innerWidth; cli_size["height"] = window.innerHeight;
  } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
    // IE6+
    cli_size["width"] = document.documentElement.clientWidth; cli_size["height"] = document.documentElement.clientHeight;
  } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
    // IE4
    cli_size["width"] = document.body.clientWidth; cli_size["height"] = document.body.clientHeight;
  }
  if(typeof(window.pageYOffset) == 'number') {
    // Netscape та його родичі
    cli_size["top"] = window.pageYOffset; cli_size["left"] = window.pageXOffset;
  } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
    // DOM
    cli_size["top"] = document.body.scrollTop; cli_size["left"] = document.body.scrollLeft;
  } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
    // IE6
    cli_size["top"] = document.documentElement.scrollTop; cli_size["left"] = document.documentElement.scrollLeft;
  }  
  return(cli_size);
}
function setSP(obj1,obj2) {
  if (obj1 && obj2) {
    cli_size=getClientScreenSize();
    obj1.style.width=obj2.style.width=cli_size["width"]; obj1.style.height=obj2.style.height=cli_size["height"];
    obj1.style.top=obj2.style.top=cli_size["top"]; obj1.style.left=obj2.style.left=cli_size["left"];
  }
}
function startICase(oSrc)
{
  if (!eBg) eBg=document.getElementById("iCase_bg");
  if (!eBg) return;
  if (!eCase) eCase=document.getElementById("iCase_case");
  if (!eCase) return;
  if (!eImg) eImg=document.getElementById("iCase_img");
  if (!eImg) return;  
  document.body.style.postiton="relative"; document.body.style.overflow="hidden";
  setSP(eBg,eCase);
  window.onscroll = function() {setSP(eBg,eCase);}  
  eImg.src="images/loader.gif"; eImg.height=64; eImg.width=64;
  eBg.style.visibility=eCase.style.visibility="visible";
  setElementOpacity(eBg,0.5);
  var imageTmp = document.createElement('img');
  imageTmp.onload = function () {
    showICase(imageTmp);
  };
  imageTmp.src =oSrc.src.substring(0,oSrc.src.lastIndexOf(".jpg"))+'_big.jpg';
}
function showICase(oSrc)
{
  if (oSrc.src.length==0) return;
  if ((oSrc.height>eCase.offsetHeight-30) || (oSrc.width>eCase.offsetWidth-30)) {
    coef=Math.min(((eCase.offsetHeight-30)/oSrc.height),((eCase.offsetWidth-30)/oSrc.width));
  } else {
    coef=1;
  }
  eImg.width=Math.floor(oSrc.width*coef); eImg.height=Math.floor(oSrc.height*coef);
  eImg.src=oSrc.src; oSrc.src='';
}
function hideICase()
{
  if (!eBg || !eCase || !eImg) return;
  eBg.style.visibility=eCase.style.visibility="hidden";
  eBg.style.width=eCase.style.width=1; eBg.style.height=eCase.style.height=1;
  eImg.src="";
  document.body.style.postiton="static";
  document.body.style.overflow="auto";
  window.onscroll="";
}
var eBg = eCase = eImg = null;
/*	for (var i=0;i<11;i++)
		setTimeout('setOpacity('+i+')',100*i);
	return false;
*/