// CREATE ANIMATION SCENE ******************************************************
function createScene() {
  if (document.getElementById("container")){
    content = ""; 
    content = content + '<div id="animation">';
    content = content + '  <div id="interiors"></div>';
    content = content + '  <div id="expenses">';
    for (i=1; i<=5; i++)
      content = content + '  <div id="expensediv'+i+'"><p><span><img src="http://www.master-design.cz/gallery/expense/'+i+'.jpg" id="expense'+i+'" /></span></p></div>';
    content = content + '  </div>';
    content = content + '  <div id="windows"></div>';
    content = content + '</div>';
    content = content + '<div id="expenselinks">';
    for (i=1; i<=5; i++)
      content = content + '  <a href="http://www.vizuall.cz/galerie.html" title="Přejít do Galerie"><span>Přejít do Galerie</span></a>';
    content = content + '</div>';
    content = content + '<div id="preloader" class="nostyle"></div>';
    
    document.getElementById("container").innerHTML = document.getElementById("container").innerHTML + content;
    document.getElementById("container").style.background = "#222";
    
  }
}
createScene();

function hideExpenses() {
  for(i=1; i<=5; i++) {
    if (document.getElementById("expense"+i)) {
      document.getElementById("expense"+i).style.opacity = "0";
      document.getElementById("expense"+i).style.filter = "alpha(opacity=0)";
    }
  }
}
hideExpenses();

function preloadImages() {
  if (document.getElementById("preloader")){
    for (x=1; x<=4; x++) {
      for (y=1; y<=5; y++) {
        document.getElementById("preloader").innerHTML = document.getElementById("preloader").innerHTML+'<img src="http://www.master-design.cz/interiors/'+x+'-'+y+'.jpg" />';
      }
    }

    for (x=1; x<=20; x++) {
      //document.getElementById("preloader").innerHTML = document.getElementById("preloader").innerHTML+'<img src="http://www.master-design.cz/gallery/'+x+'.jpg" />';
    }
  }
}
preloadImages();


// WINDOWS *********************************************************************
function showWindows() {
  if (document.getElementById("animation")){
    document.getElementById("animation").style.display = "block";
    
    if (!usingExplorer)
      FadeOpacity("animation", 0, 100, 5, 2000, 10);
  }
}
setTimeout("showWindows()",0);

function showInteriors() {
  if (document.getElementById("interiors")) {
    counter = 0;
    
    for (y=1; y<=4; y++) {
      for (x=1; x<=5; x++) {
        counter++;
        posx = 10 + (x-1)*200;
        posy = 10 + (y-1)*135;
        opac = Math.ceil(Math.random()*70) + 10;
        
        document.getElementById("interiors").innerHTML = document.getElementById("interiors").innerHTML+'<img src="http://www.master-design.cz/interiors/'+y+'-'+x+'.jpg" style="left: '+posx+'px; top: '+posy+'px" id="interior-'+y+'-'+x+'" />';

        //if (usingExplorer) {
          //document.getElementById('interior-'+y+'-'+x).style.opacity = opac/100;
          //document.getElementById('interior-'+y+'-'+x).style.filter = "alpha(opacity="+opac+")";
        //}
        //else
          setTimeout('FadeOpacity("interior-'+y+'-'+x+'", 0, '+opac+', 5, 5000, 10)', (counter*100));
      }
    }
  }
}
setTimeout("showInteriors()", 500);


// EXPENSES ********************************************************************
var expenseWidth = new Array(0, 175, 400, 175, 400, 175);
var expenseZoom  = new Array(0, 1, 0, 1, 0, 1);

function zoomExpense(i, min, max) {
  if (document.getElementById("expense"+i)) {
    w = expenseWidth[i];
    
    if ((expenseZoom[i]==1) && (w<max)) {
        w = w+2;
        document.getElementById("expense"+i).width = w;
    } else if ((expenseZoom[i]==0) && (w>min)) {
        w = w-2;
        document.getElementById("expense"+i).width = w;
    } 
      else if (expenseZoom[i]==1)
        expenseZoom[i] = 0;
    else
        expenseZoom[i] = 1;
    
    expenseWidth[i] = w;
    setTimeout("zoomExpense2("+i+", "+min+", "+max+")", 160);
  }
}

function zoomExpense2(i, min, max) {
  if (document.getElementById("expense"+i)) {
    zoomExpense(i, min, max);
  }
}

function showExpense(i) {
  if (document.getElementById("expense"+i)) {
    FadeOpacity("expense"+i, 0, 100, 5, 10000, 10);
    if (usingExplorer) {
      document.getElementById("expense"+i).width = 175;
    } else {
      zoomExpense(i, 175, 400);
    }
  }
}
setTimeout("showExpense(1)",2600);
setTimeout("showExpense(2)",2700);
setTimeout("showExpense(3)",2800);
setTimeout("showExpense(4)",2900);
setTimeout("showExpense(5)",3000);


// ANIMATION OF INTERIORS ******************************************************
function animateInteriors() {
  y = Math.ceil(Math.random()*4);
  x = Math.ceil(Math.random()*5);

  if (document.getElementById('interior-'+y+'-'+x)) {
    opac = Math.ceil(Math.random()*70) + 10;
    fromopac = Math.ceil(parseFloat(document.getElementById('interior-'+y+'-'+x).style.opacity)*100);
    time = Math.ceil(Math.random()*6000)+1000;

    FadeOpacity('interior-'+y+'-'+x, fromopac, opac, 10, time, 5)
  }
  
}

setTimeout("interiorAnimation=window.setInterval('animateInteriors()', 600)", 2500);

// ANIMATION ON MENU HOVER *****************************************************
function highlightWindows(col) {
  x = col;

  for (y=1; y<=4; y++) {
    if (document.getElementById('interior-'+y+'-'+x)) {
      fromopac = Math.ceil(parseFloat(document.getElementById('interior-'+y+'-'+x).style.opacity)*100);
      
      if (usingExplorer) {
        document.getElementById('interior-'+y+'-'+x).style.opacity = "1";
        document.getElementById('interior-'+y+'-'+x).style.filter = "alpha(opacity=100)";     
        //document.getElementById('expense'+x).style.opacity = "1";
        //document.getElementById('expense'+x).style.filter = "alpha(opacity=100)";
      } else {
        FadeOpacity('interior-'+y+'-'+x, fromopac, 100, 10, 2000, 5);
        //FadeOpacity('expense'+x, 50, 100, 10, 2000, 5);
      }
    }
  
  }
}

function normalWindows(col) {
  x = col;

  for (y=1; y<=4; y++) {
    if (document.getElementById('interior-'+y+'-'+x)) {
      opac = Math.ceil(Math.random()*70) + 10;
      fromopac = Math.ceil(parseFloat(document.getElementById('interior-'+y+'-'+x).style.opacity)*100);
  
      if (usingExplorer) {
        document.getElementById('interior-'+y+'-'+x).style.opacity = opac/100;
        document.getElementById('interior-'+y+'-'+x).style.filter = "alpha(opacity="+opac+")";
        //document.getElementById('expense'+x).style.opacity = "0.5";
        //document.getElementById('expense'+x).style.filter = "alpha(opacity=50)";                
      } else {
        FadeOpacity('interior-'+y+'-'+x, fromopac, opac, 10, 2000, 5);
        //FadeOpacity('expense'+x, 100, 50, 10, 2000, 5);
      }
    }
  
  }
}

// BOTTOM TREES AND PEOPLE *****************************************************
function hideBottom() {
  if (document.getElementById("bottom")) {
    if (usingExplorer) {
      document.getElementById("bottom").style.display = "none";
    } else {
      document.getElementById("bottom").style.opacity = "0";
      document.getElementById("bottom").style.filter = "alpha(opacity=0)";
    }
  }
}
hideBottom();

function showBottom() {
  if (document.getElementById("bottom")) {
    if (usingExplorer) {
      document.getElementById("bottom").style.display = "block";
    } else {
      FadeOpacity("bottom", 0, 100, 10, 2000, 5);
    }  
  }
}
setTimeout("showBottom()", 3300);

// WELCOME WINDOW **************************************************************
function initWelcomeWindow() {
  if (document.getElementById("contentindex")) {
    document.getElementById("contentindex").innerHTML = '<div id="closebutton" onclick="closeWelcomeWindow()"></div>' + document.getElementById("contentindex").innerHTML;
    document.getElementById('contentindex').style.display='none';
    document.getElementById('contentindex').style.height='0px';
    document.getElementById("container").innerHTML = document.getElementById("container").innerHTML + '<div id="showwelcome" onmouseover="showWelcomeWindow()" title="Zobrazit úvodní text"></div>';

    if (usingExplorer)
      document.getElementById('contentindex').style.background='#000';
}
}
initWelcomeWindow();

function showWelcomeLink() {
  if (document.getElementById("showwelcome"))
    document.getElementById("showwelcome").style.display = "block";
}
if (usingExplorer)
  setTimeout("showWelcomeLink()", 7000);
else
  setTimeout("showWelcomeLink()", 5000);


var windowheight = 0;
var opened = 0;

function sizeChange(h) {
  if (document.getElementById("contentindex")) {
    document.getElementById("contentindex").style.height = h + "px";
    document.getElementById("contentindex").style.top = 185+(355-h) + "px";
  }
}

function openUp() {
  if (document.getElementById("contentindex")) {
    if (windowheight<355) {
      windowheight = windowheight+25;
      if (windowheight>355)
        windowheight=355;
      sizeChange(windowheight);
      
      if (usingExplorer) 
        setTimeout('openUp2()', 10);
      else
        setTimeout('openUp2()', 40);
      
    } else
      opened = 1;
  }
}

function openUp2() {
  openUp();
}

function closeDown() {
  if (document.getElementById("contentindex")) {
    if (windowheight>0) {
      windowheight = windowheight-25;
      if (windowheight<0)
        windowheight=0;
      sizeChange(windowheight);

      if (usingExplorer) 
        setTimeout('closeDown2()', 10);
      else
        setTimeout('closeDown2()', 40);

    } else
      opened = 0;
  }
}

function closeDown2() {
  closeDown();
}


function showWelcomeWindow() {
  if (document.getElementById("contentindex") && opened==0) {
    document.getElementById('contentindex').style.display='block';
    openUp();
  }
}

function closeWelcomeWindow() {
  if (document.getElementById("contentindex") && opened==1) {
    closeDown();
  }
}