var TimeToFade = 300.0;

var isExpanded = true;
var currentThumbnailDiv = '1';

function preLoadGalleryImages()
{
	//preload images
	img01 = new Image();	img01.src = "/img/bg01t.jpg";
	img02 = new Image();	img02.src = "/img/bg02t.jpg";
	img03 = new Image();	img03.src = "/img/bg03t.jpg";
	img04 = new Image();	img04.src = "/img/bg04t.jpg";
	img05 = new Image();	img05.src = "/img/bg05t.jpg";
	img06 = new Image();	img06.src = "/img/bg06t.jpg";
	img07 = new Image();	img07.src = "/img/bg07t.jpg";
	img08 = new Image();	img08.src = "/img/bg08t.jpg";
	img09 = new Image();	img09.src = "/img/bg09t.jpg";
	img10 = new Image();	img10.src = "/img/bg10t.jpg";
	img11 = new Image();	img11.src = "/img/bg11t.jpg";
	img12 = new Image();	img12.src = "/img/bg12t.jpg";
	img13 = new Image();	img13.src = "/img/gallery-open.gif";
	img14 = new Image();	img14.src = "/img/gallery-close.gif";
	img15 = new Image();	img15.src = "/img/gallery-left.gif";
	img16 = new Image();	img16.src = "/img/gallery-right.gif";
	img17 = new Image();	img17.src = "/img/gallery-empty.gif";
}
	
function openCloseGallery()
{
	if(isExpanded)
	{
		isExpanded = false;
		document.getElementById('thumbnailDiv' + currentThumbnailDiv).style.display = 'none';
		document.getElementById('thumbailButtonDiv').setAttribute('style', 'margin-top: 446px');
		document.getElementById('thumbailButtonDiv').style.height = '29px';
		document.getElementById('openCloseBtn').src = '/img/gallery-open.gif';
		document.getElementById('thumbailButtonDiv').focus();
	}
	else
	{
		isExpanded = true;
		document.getElementById('thumbnailDiv' + currentThumbnailDiv).style.display = 'inline';
		document.getElementById('thumbailButtonDiv').setAttribute('style', 'margin-top: 376px');
		document.getElementById('thumbailButtonDiv').style.height = '99px';
		document.getElementById('openCloseBtn').src = '/img/gallery-close.gif';
		document.getElementById('thumbailButtonDiv').focus();
	}
}

function showFirstGalleryDiv()
{
	document.getElementById('thumbnailDiv2').style.display = 'none';
	document.getElementById('thumbnailDiv1').style.display = 'inline';	

	currentThumbnailDiv = '1';
}

function showSecondGalleryDiv()
{
	document.getElementById('thumbnailDiv1').style.display = 'none';
	document.getElementById('thumbnailDiv2').style.display = 'inline';
	
	currentThumbnailDiv = '2';
}

function fadeAndChange(backgroundImgUrl)
{
	//проверить не выбрана ли таже картинка
	if(document.getElementById('content').style.backgroundImage.search(backgroundImgUrl) != -1
	|| (document.getElementById('content').style.backgroundImage == '' && backgroundImgUrl == '/img/bg01.jpg'))
	{
		openCloseGallery();
		return;
	}
	setTimeout(function() { fade('thumbailButtonDiv'); }, 0);
	setTimeout(function() { fade('content'); }, 350);
	setTimeout(function() { document.getElementById('content').style.backgroundImage = 'url('/img/loader.gif/')'; }, 700);
	
	img01 = new Image();	img01.src = backgroundImgUrl;
	function fadeIn()
	{
		setTimeout(function() 
				{
					openCloseGallery();
					document.getElementById('content').style.backgroundImage = 'url(' + backgroundImgUrl + ')';
					document.getElementById('thumbailButtonDiv').FadeState = 2;
					fade('content');
				}, 800);
	};
	img01.onload = fadeIn;
}

function changeBackground(number)
{
	switch(number)
	{
		case 01: fadeAndChange('/img/bg01.jpg');	break;
		case 02: fadeAndChange('/img/bg02.jpg');	break;
		case 03: fadeAndChange('/img/bg03.jpg');	break;
		case 04: fadeAndChange('/img/bg04.jpg');	break;
		case 05: fadeAndChange('/img/bg05.jpg');	break;
		case 06: fadeAndChange('/img/bg06.jpg');	break;
		case 07: fadeAndChange('/img/bg07.jpg');	break;
		case 08: fadeAndChange('/img/bg08.jpg');	break;
		case 09: fadeAndChange('/img/bg09.jpg');	break;
		case 10: fadeAndChange('/img/bg10.jpg');	break;
		case 11: fadeAndChange('/img/bg11.jpg');	break;
		case 12: fadeAndChange('/img/bg12.jpg');	break;
		case 13: fadeAndChange('/img/bg13.jpg');	break;
		case 14: fadeAndChange('/img/bg14.jpg');	break;
	}
}

function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  if(element.FadeState == null)
  {
    if(element.style.opacity == null 
        || element.style.opacity == '' 
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
    
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }
}

function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = ' 
        + (element.FadeState == 1 ? '100' : '1') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
  
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}