var img = new Array('kep_01.jpg', 'kep_02.jpg', 'kep_03.jpg', 'kep_04.jpg', 'kep_05.jpg', 'kep_06.jpg');
var currentDiv = 1;
var currentImage = 0;


function openWindow(URL, title, features)
{
  window.open(URL, title, features);
}


function findPos(obj)
{
  var curleft = curtop = 0;
  if (obj.offsetParent)
  {
    curleft = obj.offsetLeft;
	curtop = obj.offsetTop;
	while (obj = obj.offsetParent)
	{
	  curleft += obj.offsetLeft;
	  curtop += obj.offsetTop;
	}
  }
  return [curleft,curtop];
}


function fadeOut(obj, opacity)
{
	var object = document.getElementById(obj);
	if (opacity > -0.1)
	{
		setOpacity(object, opacity);
		var fString = "fadeOut('" + obj + "', " + (opacity - 0.05) + ")";
		setTimeout(fString, 20);
	}else
	{
		setOpacity(object, 0);
		object.style.visibility = 'hidden';
		object.style.display = 'none';
		switch (currentDiv)
		{
		  case 1:
		  {
			  var tempImage = rand(6);
			  while (currentImage == tempImage)
			  {
				  tempImage = rand(6);
			  }
			  currentImage = tempImage;
			  document.getElementById('pic2').src = '/images/' + img[currentImage];
		  }break;
		  case 2:
		  {
			  var tempImage = rand(6);
			  while (currentImage == tempImage)
			  {
				  tempImage = rand(6);
			  }
			  currentImage = tempImage;
			  document.getElementById('pic1').src = '/images/' + img[currentImage];
		  }break;
		}
	}
}


function fadeIn(obj, opacity)
{
	var object = document.getElementById(obj);
	if (opacity < 1.1)
	{
		object.style.visibility = 'visible';
		object.style.display = 'block';
		setOpacity(object, opacity);
		var fString = "fadeIn('" + obj + "', " + (opacity + 0.05) + ")";
		setTimeout(fString, 20);
	}else
	{
		setOpacity(object, 1);
	}
}


function setOpacity(object, opacity) 
{
	if(object){
		object.style.opacity = (opacity == 1 ? 0.99 : opacity);
		object.style.MozOpacity = (opacity == 1 ? 0.99 : opacity);
		object.style.KhtmlOpacity = opacity;
		if (object.style.setAttribute) {
			if(opacity==1){
				object.style.setAttribute("filter","");
			}else{
				object.style.setAttribute("filter",  "progid:DXImageTransform.Microsoft.Alpha(opacity=" + (opacity * 100) + ")");
			}
		}
	}
}




	
function getOpacity(object)
{
	if(object){
		if(object.style.display == 'none')
			return 0;
		if(object.style.opacity)
			return parseFloat(object.style.opacity);
		if(object.style.MozOpacity)
			return parseFloat(object.style.MozOpacity);
		if(object.style.KhtmlOpacity)
			return parseFloat(object.style.KhtmlOpacity);
		if(object.style.filter){
			var opacity = object.style.filter.match(/alpha\(opacity=(.*)\)/i);
			if(opacity[1]) return parseFloat(opacity[1]) / 100;
		}
	}
	return 1.0;
}




function addLoadListener(fn)
{
  if(typeof window.addEventListener !='undefined')
  {
    window.addEventListener('load',fn,false);
  }
  else if(typeof document.addEventListener !='undefined')
  {
    document.addEventListener('load',fn,false);
  }
  else if(typeof window.attachEvent !='undefined')    
  {
    window.attachEvent('onload',fn);
  }
  else
  {
    var oldfn=window.onload
    if(typeof window.onload !='function')
	{
	  window.onload=fn;
	}
    else
	{
      window.onload=function(){oldfn();fn();}
    }
  }
} 

function rand(n)
{
  return (Math.floor(Math.random() * n));
}


function setRandomPicture()
{
	currentImage = rand(6);
	document.getElementById('pic1').src = '/images/' + img[currentImage];

	var tempImage = rand(6);
	while (currentImage == tempImage)
	{
	    tempImage = rand(6);
	}
	currentImage = tempImage;
	document.getElementById('pic2').src = '/images/' + img[currentImage];
}


function changePictures()
{
  switch (currentDiv)
  {
    case 1:
	{
		document.getElementById('picture1').style.zIndex = 0;
		document.getElementById('picture2').style.zIndex = 10;
		fadeOut('picture1', 1);
		fadeIn('picture2', 0);
		currentDiv = 2;
	}break;
	case 2:
	{
		document.getElementById('picture1').style.zIndex = 10;
		document.getElementById('picture2').style.zIndex = 0;
		fadeOut('picture2', 1);
		fadeIn('picture1', 0);
		currentDiv = 1;
	}break;
  }

  setTimeout('changePictures();', 6000);
}
