var menu_foot = 587, menu = 15, logo = -1,
menu_foot_home = 346, menu_home = 250;


function init_page()
{

}

function init()
{
  init_page();
  set_size();
  start_view();
  chage_link();
  //change_preview();
}

function change_preview(){
 if (preview_flag==0){
  index = Math.round(Math.random()*activePreview);
  background = 'url('+bgArray[index]+')';
  
  $('preview1').setStyle({
      backgroundImage: background,
      opacity: 1
  });
  jTweener.addTween(
  $('preview'),
    {
      opacity: 0,
      time: 2
    }
  );
  setTimeout('change_preview_end("'+background+'")',2100);
  active_image = urlArray[index];
 }
}

function change_preview_end(background){
 if (preview_flag==0){
  $('preview').setStyle({
      backgroundImage: background,
      opacity:1
  });
  setTimeout('change_preview()',3000);
 }
}

function show_image(){
  image_name = 'image'+active_image+'-0';
  image = $(image_name);
  lb.start(image);
}

function chage_link(){
    $$('.menu_link').each(
      function(item){
        item.observe('click', (function(event){
        event.stop();
        preview_flag = 1;
        link = event.target.href;
        if (page=='home'){
          jTweener.addTween(
            $('menu'),
              {
                top: menu
              }
            );
          jTweener.addTween(
            $('logo'),
              {
                top: logo
              }
            );
          jTweener.addTween(
            $('menu_foot'),
              {
                top: menu_foot
              }
            );            
        }else{
  	jTweener.addTween(
      $('icon-pages'),
      {
        opacity: 0
      }
    );
  	jTweener.addTween(
      $('preview'),
      {
        opacity: 0
      }
    );
    jTweener.addTween(
      $('preview1'),
      {
        opacity: 0
      }
    );
  	jTweener.addTween(
      $('icon-navigation'),
      {
        opacity: 0
      }
    );          
        }
        setTimeout(function(){document.location.href = link;},1000);
        }).bind(this));
    });
    home_link = $('home-link');
    if (home_link){
      home_link.observe('click', (function(event){
        event.stop();
        preview_flag = 1;
        link = event.target.href;
          jTweener.addTween(
            $('preview'),
              {
                opacity: 0
              }
            );
          jTweener.addTween(
            $('preview1'),
              {
                opacity: 0
              }
            );
            jTweener.addTween(
            $('icon-navigation'),
              {
                opacity: 0
              }
            );
          jTweener.addTween(
            $('icon-pages'),
              {
                opacity: 0
              }
            );
          jTweener.addTween(
            $('menu'),
              {
                top: menu_home,
                delay: 1,
                time: 1
              }
            );            
          jTweener.addTween(
            $('logo'),
              {
                top: menu_home,
                delay: 1,
                time: 1
              }
            );
          jTweener.addTween(
            $('menu_foot'),
              {
                top: menu_foot_home,
                delay: 1,
                time: 1
              }
            );             
        setTimeout(function(){document.location.href = '/?normal';},2500);
        }).bind(this));
    }
}


function set_init_values(event){
  set_size();
}

function start_view(){
  //alert(page);
  if (page=='home'){
    link = document.location.href;
    if (link=='http://umbra-design.com/?normal' || link=='http://www.umbra-design.com/?normal'){
      opacity = 1;
    }else{
      opacity = 0;
    }
    
    $('menu').setStyle({
      opacity: opacity ,
      display: 'block'
    });
    $('menu_foot').setStyle({
      opacity: opacity ,
      display: 'block'
    });
    $('line').setStyle({
      opacity: opacity ,
      display: 'block'
    });
    $('logo').setStyle({
      opacity: opacity ,
      display: 'block'
    });
    
     if (opacity==0){
  	jTweener.addTween(
      $('menu'),
      {
        opacity: 1
      }
    );
  	jTweener.addTween(
      $('menu_foot'),
      {
        opacity: 1
      }
    );
  	jTweener.addTween(
      $('logo'),
      {
        opacity: 1
      }
    );
  	jTweener.addTween(
      $('line'),
      {
        opacity: 1
      }
    );
    }
   }else{
    $('menu').setStyle({
      display: 'block'
    });
    $('menu_foot').setStyle({
      display: 'block'
    });
    $('line').setStyle({
      display: 'block'
    });
    $('logo').setStyle({
      display: 'block'
    });
    $('icon-navigation').setStyle({
      display: 'block',
      opacity: 0
    });    
    $('preview').setStyle({
      display: 'block',
      opacity: 0
    });     
    $('icon-pages').setStyle({
      display: 'block',
      opacity: 0
    });     
  	jTweener.addTween(
      $('icon-pages'),
      {
        opacity: 1
      }
    );
  	jTweener.addTween(
      $('preview'),
      {
        opacity: 1
      }
    );
  	jTweener.addTween(
      $('icon-navigation'),
      {
        opacity: 1
      }
    );
    setTimeout('change_preview()',3000);
   }
}

function set_size(){

	var w = 0;
	var h = 0;

	//IE
	if(!window.innerWidth)
	{
		//strict mode
		if(!(document.documentElement.clientWidth == 0))
		{
			w = document.documentElement.clientWidth;
			h = document.documentElement.clientHeight;
		}
		//quirks mode
		else
		{
			w = document.body.clientWidth;
			h = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		w = window.innerWidth;
		h = window.innerHeight;
	}

 
  icon_height = Math.round((h-211)/3);
  h_2 = Math.round(h/2);
  if (icon_height>165) {
    padding = Math.round((icon_height-165)*3/2);
    icon_height=165;
  }else{
    padding = 0;
  }
  
  if (page=='about'||page=='clients'){
    padding = Math.round(h/2-235);
    icon_height = 90;
  }
  
  //alert(icon_height+' '+padding);
  $$('.icon-content').each(function(item){
    item.setStyle({
      paddingTop: icon_height+'px'
    });
  });
  if (page!='home'){
    $('menu_foot').setStyle({
      top: (h-44)+'px'
    });
  }else{  
    //Обрахунок центральних точок меню на домашній сторінці
    $('logo').setStyle({
      top: (h_2-63)+'px'
    });
    $('menu').setStyle({
      top: (h_2-63)+'px'
    });
    $('menu_foot').setStyle({
      //top: (h_2-63+96)+'px'
      top: (h_2-63+96)+'px'
    });    
  }
  $('icon-pages').setStyle({
    top: (padding+icon_height*3+165)+'px'
  });
  $('preview').setStyle({
    height: (icon_height*3+46)+'px',
    top: (padding+115)+'px'
  });
  $('preview1').setStyle({
    height: (icon_height*3+46)+'px',
    top: (padding+115)+'px'
  });
  $('line').setStyle({
    height: h+'px'
  });
  $('icon-navigation').setStyle({
    top: (padding+115)+'px',
    height: (icon_height*3+6)+'px'
  });
  
  menu_foot = h-44;
  menu_foot_home = h_2-63+96;
  menu_home = h_2-63;
}

function iconOut(obj){
  obj.childNodes[1].childNodes[1].setStyle({
    opacity: 0.7
  });

}

function iconOver(obj){
  obj.childNodes[1].childNodes[1].setStyle({
    opacity: 0.99
  });
}