SPEED = 1;

ACTIVE_TOPIC = 0;
ACTIVE_SUBTOPIC = 0;
ACTIVE_PICTURE = 0;

NUM_OF_MAX_THUMBNAILS = 30;

GLOBAL_DELAY = 0;
LANGUAGE = "hu";

IMAGEOUT_OFFSET = 600;

/////////////////////////////////////////////////////////////

function preloadImages() {
  //preloader_start("MoveMenuDown()");
  if (DetectIpad()) {
      MoveMenuDown();
  } else if (DetectIphone()) {
      MoveMenuDown();
  }
  else {
      preloader_start("MoveMenuDown()");
  }
}


function ClickOnArrowLeft() {

 if (ACTIVE_PICTURE == 1) {
  if (ACTIVE_SUBTOPIC == 1)
    n = _numofthumbnails[ACTIVE_TOPIC];
  else
    n = ACTIVE_SUBTOPIC-1;

    ClickOnThumbnail( n ,_numofpictures[ACTIVE_TOPIC][n] );

 }
 else {
   if (!ISANIMATORQUEUEEMPTY()) return;
   GLOBAL_DELAY = 0;

   ImageOut(-IMAGEOUT_OFFSET);
   ACTIVE_PICTURE --;
   SetPictureSource (ACTIVE_TOPIC,ACTIVE_SUBTOPIC,ACTIVE_PICTURE);
   ImageIn(-IMAGEOUT_OFFSET);
 }
}
function ClickOnArrowRight() {

 if (ACTIVE_PICTURE == _numofpictures[ACTIVE_TOPIC][ACTIVE_SUBTOPIC]) {
  if (ACTIVE_SUBTOPIC == _numofthumbnails[ACTIVE_TOPIC])
    ClickOnThumbnail( 1 );
  else
    ClickOnThumbnail( ACTIVE_SUBTOPIC+1 );

 } else {
   if (!ISANIMATORQUEUEEMPTY()) return;
   GLOBAL_DELAY = 0;

   ImageOut(+IMAGEOUT_OFFSET);
   ACTIVE_PICTURE ++;
   SetPictureSource (ACTIVE_TOPIC,ACTIVE_SUBTOPIC,ACTIVE_PICTURE);
   ImageIn(+IMAGEOUT_OFFSET);
 }
}

function ClickOnHunEng() {

  if (!ISANIMATORQUEUEEMPTY()) return;
  GLOBAL_DELAY = 0;
  
  LANGUAGE = (LANGUAGE == "hu") ? "en" : "hu" ;
  document.getElementById('picture_huneng').src = "others/"+LANGUAGE+".png";

  SetActiveMenuItem (ACTIVE_TOPIC);
  
  if (ACTIVE_SUBTOPIC > 0)
    SetPictureSourceDirect (ACTIVE_TOPIC,ACTIVE_SUBTOPIC,ACTIVE_PICTURE);

}


function ClickOnMenuItem( n ) {

 if (!ISANIMATORQUEUEEMPTY()) return;
 GLOBAL_DELAY = 0;
 
 SetActiveMenuItem (n);
 
 if ((ACTIVE_TOPIC == n) && (ACTIVE_SUBTOPIC == 0))
  return;

 
 if (n > 0) {
   if (ACTIVE_TOPIC == 0) {   
      HideBanner(); 
      MoveMenuMiddle();
      ShowGreyBar();
      ShowBannerAndThumbnails(n);
   }
   else if (ACTIVE_SUBTOPIC == 0) { 
      HideBannerAndThumbnails(); 
      ShowBannerAndThumbnails(n);
   } else {
      ImageOut(IMAGEOUT_OFFSET);
      if (ACTIVE_TOPIC != n) HideThumbnails(); 
      MoveMenuMiddle();
      if (ACTIVE_TOPIC == n)
        ShowBanner();
      else
        ShowBannerAndThumbnails(n);
   }
 } else {
   if (ACTIVE_SUBTOPIC == 0) { 
      HideBannerAndThumbnails(); 
      HideGreyBar();
      MoveMenuDown();
      ShowBanner(0); 
   } else {
      ImageOut(IMAGEOUT_OFFSET);
      HideThumbnails(); 
      HideGreyBar();
      MoveMenuDown();
      ShowBanner(0); 
   }
 }
 ACTIVE_TOPIC = n;
 ACTIVE_SUBTOPIC = 0;
}

function ClickOnThumbnail( n , p) {

  if (!p) p = 1;
  

  if (!ISANIMATORQUEUEEMPTY()) return;
  GLOBAL_DELAY = 0;
  
  if (ACTIVE_SUBTOPIC == n)
  return;


  if (ACTIVE_SUBTOPIC == 0) {
     HideBanner(); 
     MoveMenuUp();
  } else {
     ImageOut(+IMAGEOUT_OFFSET);
     GLOBAL_DELAY += DURATION_IMAGEMOVE;
  }
  
  SetPictureSource (ACTIVE_TOPIC,n,p);
  ImageIn(-IMAGEOUT_OFFSET);
     
  ACTIVE_PICTURE = p;
  ACTIVE_SUBTOPIC = n;
  
  //document.getElementById('picture_thumbnail_'+n).src = "thumbnails/thumbnail_"+D2(ACTIVE_TOPIC)+"_"+D2(n)+".jpg";
  for (i = 1; i<= _numofthumbnails[ACTIVE_TOPIC]; i++) {
    if (i == n)
      document.getElementById('picture_thumbnail_'+i).src = "TOPIC_"+D2(ACTIVE_TOPIC)+"/"+_thumbnail_files[ACTIVE_TOPIC][i]+".jpg";
    else
      document.getElementById('picture_thumbnail_'+i).src = "TOPIC_"+D2(ACTIVE_TOPIC)+"/"+_thumbnail_files[ACTIVE_TOPIC][i]+"_grey.jpg";
  }

}

///////////////////////////////////////

BANNER_OFFSET = 300;
DURATION_BANNERMOVE = 200 * SPEED;

function Animations() {
  return (GLOBA_DELAY == 0)
}

function ANIMATORIDLE() {
  GLOBA_DELAY == 0;
}

function ShowBannerAndThumbnails(n) {
  GLOBAL_DELAY_SAVE = GLOBAL_DELAY;
  ShowBanner(n);
  GLOBAL_DELAY_BANNER = GLOBAL_DELAY;
  
  GLOBAL_DELAY = GLOBAL_DELAY_SAVE;
  ShowThumbnails(n);
  GLOBAL_DELAY_THUMBNAILS = GLOBAL_DELAY;
  
  GLOBAL_DELAY =  GLOBAL_DELAY_BANNER > GLOBAL_DELAY_THUMBNAILS 
                ? GLOBAL_DELAY_BANNER : GLOBAL_DELAY_THUMBNAILS;

  
}
function HideBannerAndThumbnails() {
  GLOBAL_DELAY_SAVE = GLOBAL_DELAY;
  HideBanner();
  GLOBAL_DELAY_BANNER = GLOBAL_DELAY;
  
  GLOBAL_DELAY = GLOBAL_DELAY_SAVE;
  HideThumbnails();
  GLOBAL_DELAY_THUMBNAILS = GLOBAL_DELAY;
  
  GLOBAL_DELAY =  GLOBAL_DELAY_BANNER > GLOBAL_DELAY_THUMBNAILS 
                ? GLOBAL_DELAY_BANNER : GLOBAL_DELAY_THUMBNAILS;

}


function ShowBanner(n) {
 SetBannerSource (n);
 new MoveAnimator('BANNER',false,-BANNER_OFFSET,false,0,DURATION_BANNERMOVE,-1).queue(GLOBAL_DELAY);
 GLOBAL_DELAY += DURATION_BANNERMOVE;
}
function HideBanner(n) {
 new MoveAnimator('BANNER',false,0,false,-BANNER_OFFSET,DURATION_BANNERMOVE,+1).queue(GLOBAL_DELAY);
 GLOBAL_DELAY += DURATION_BANNERMOVE;
}


DURATION_MENUMOVE = 400 * SPEED;

function MoveMenuDown() {
  new MoveAnimator('MAIN_MENU',false,false,false,449,DURATION_MENUMOVE,-1).queue(GLOBAL_DELAY);
  GLOBAL_DELAY += DURATION_MENUMOVE;
}
function MoveMenuMiddle() {
  new MoveAnimator('MAIN_MENU',false,false,false,388,DURATION_MENUMOVE,-1).queue(GLOBAL_DELAY);
  GLOBAL_DELAY += DURATION_MENUMOVE;
}
function MoveMenuUp() {
  new MoveAnimator('MAIN_MENU',false,false,false,28,DURATION_MENUMOVE,-1).queue(GLOBAL_DELAY);
  GLOBAL_DELAY += DURATION_MENUMOVE;
}

DURATION_SHOWTHUMBNAIL = 100 * SPEED;
DURATION_SHOWTHUMBNAILOFFSET = 20 * SPEED;

function D2(i) {if (i<10) return ("0"+i); else return i;}
function SetThumbnailSourceDirect (n,i) {
  document.getElementById('picture_thumbnail_'+i).src = "TOPIC_"+D2(n)+"/"+_thumbnail_files[n][i]+"_grey.jpg";}
function SetThumbnailSource (n,i) { new DelayedActionAnimator("SetThumbnailSourceDirect ("+n+","+i+");").queue(GLOBAL_DELAY);}
function SetPictureSourceDirect (n,i,p) {
  if (_picture_files[n][i][p] instanceof Array) 
    document.getElementById('picture_main').src = "http://manodesign.hu/TOPIC_"+D2(n)+"/"+_picture_files[n][i][p][(LANGUAGE == "en") ? 1 : 0]+".jpg";
  else
    document.getElementById('picture_main').src = "http://manodesign.hu/TOPIC_"+D2(n)+"/"+_picture_files[n][i][p]+".jpg";
  
  if (LANGUAGE == "en")
    document.getElementById('label_main').innerHTML = _thumbnail_names_en[n][i] + " <span class=label_grey>&nbsp; " + _picture_names_en[n][i][p]+ "</span>";
  else
    document.getElementById('label_main').innerHTML = _thumbnail_names_hu[n][i] + " <span class=label_grey>&nbsp; " + _picture_names_hu[n][i][p]+ "</span>";
    
  document.getElementById('picturecounter').innerHTML = (_numofpictures[n][i] <= 1) ? "" : p + " <span class=label_grey>/ " + _numofpictures[n][i] + "</span>"; 
  
  //alert(document.getElementById('picture_main').src);
  }
function SetPictureSource (n,i,p) { new DelayedActionAnimator("SetPictureSourceDirect ("+n+","+i+","+p+");").queue(GLOBAL_DELAY);}
function SetBannerSourceDirect (n) {
  document.getElementById('BANNER').style.backgroundImage = "url(banners/banner_"+D2(n)+".jpg)";}
function SetBannerSource (n) { new DelayedActionAnimator("SetBannerSourceDirect ("+n+");").queue(GLOBAL_DELAY);}




function ShowThumbnails(n) {
 for (i = 1; i<= _numofthumbnails[n]; i++) {

  SetThumbnailSource (n,i);
  new TransparencyAnimator('picture_thumbnail_'+i,0,1,DURATION_SHOWTHUMBNAIL)
    .queue( GLOBAL_DELAY + i*DURATION_SHOWTHUMBNAILOFFSET);
 }
 GLOBAL_DELAY += _numofthumbnails[n]*DURATION_SHOWTHUMBNAILOFFSET;
}
function HideThumbnails() {
 n = ACTIVE_TOPIC;
 for (i = 1; i<= _numofthumbnails[n]; i++) 
  new TransparencyAnimator('picture_thumbnail_'+i,1,0,DURATION_SHOWTHUMBNAIL)
    .queue( GLOBAL_DELAY + i*DURATION_SHOWTHUMBNAILOFFSET);
 GLOBAL_DELAY += _numofthumbnails[n]*DURATION_SHOWTHUMBNAILOFFSET;
}

function SetActiveMenuItem (n) {
  for (i=1; i<=6; i++) {
   pic = document.getElementById('picture_menubutton_'+i);
   if (i==n)
    pic.src = "menus/menu_"+LANGUAGE+"_0"+i+"_grey.png";
   else
    pic.src = "menus/menu_"+LANGUAGE+"_0"+i+".png";
  }
  document.getElementById('picture_menutitle').src = "menus/title_"+LANGUAGE+"_0"+n+".png";

  document.getElementById('picture_signature').src = "others/signature" + ((n == 6) ? "_grey.png" : ".png");

  
}

DURATION_IMAGEMOVE = 200 * SPEED;

function HideArrows() {
 document.getElementById("arrow_left").style.visibility = "hidden";
 document.getElementById("arrow_right").style.visibility = "hidden";
 document.getElementById("picturecounter").style.visibility = "hidden";
}
function ShowArrows() {
  basepos = document.getElementById('picture_main').width + 72;
  document.getElementById('picturecounter').style.left = (basepos + 30) + "px";
  document.getElementById('arrow_right').style.left = (basepos + 90) + "px";

 document.getElementById("arrow_left").style.visibility = "visible";
 document.getElementById("arrow_right").style.visibility = "visible";
 document.getElementById("picturecounter").style.visibility = "visible";
}

function ImageOut(offset) {
 HideArrows();
 new MoveAnimator('picture_main',72,false,72-offset,false,DURATION_IMAGEMOVE,+1).queue(GLOBAL_DELAY);
 new MoveAnimator('label_main'  ,72,false,72-offset,false,DURATION_IMAGEMOVE,+1).queue(GLOBAL_DELAY);
 new TransparencyAnimator('picture_main',1,0,DURATION_IMAGEMOVE).queue(GLOBAL_DELAY);
 new TransparencyAnimator('label_main',1,0,DURATION_IMAGEMOVE).queue(GLOBAL_DELAY);
 GLOBAL_DELAY += DURATION_IMAGEMOVE;
}
function ImageIn(offset) {
 new MoveAnimator('picture_main',72+offset,false,72,false,DURATION_IMAGEMOVE,-1).queue(GLOBAL_DELAY);
 new MoveAnimator('label_main'  ,72+offset,false,72,false,DURATION_IMAGEMOVE,-1).queue(GLOBAL_DELAY);
 new TransparencyAnimator('picture_main',0,1,DURATION_IMAGEMOVE).queue(GLOBAL_DELAY);
 new TransparencyAnimator('label_main',0,1,DURATION_IMAGEMOVE).queue(GLOBAL_DELAY);
 GLOBAL_DELAY += DURATION_IMAGEMOVE;
 new DelayedActionAnimator("ShowArrows();").queue(GLOBAL_DELAY);
}

DURATION_SHOWGREYBAR = 500 * SPEED;

function HideGreyBar() {
  new TransparencyAnimator('greybar_container',1,0,DURATION_SHOWGREYBAR).queue(GLOBAL_DELAY);
  GLOBAL_DELAY += DURATION_SHOWGREYBAR;
}
function ShowGreyBar() {
  new TransparencyAnimator('greybar_container',0,1,DURATION_SHOWGREYBAR).queue(GLOBAL_DELAY);
  GLOBAL_DELAY += DURATION_SHOWGREYBAR;
}