var pageSelected = null;

//MAIN PAGE --------------------------------------------------------------------
getShowView = function(view_element){
  return $(view_element).visible();
}

setTitlePage = function(page_title){
  $('subtitulo').update(page_title + '_');
  Cufon.replace('span#subtitulo');
};

ToogleMenu = function(){
  sub_menu = $('submenu');
  top_scroll = $('top_scroll');
  preview_wrapper = $('preview_wrapper');
  thumbs_page = $('thumbs_page');
  view_page = $('view_page');
  common_page = $('common_page');
  if(sub_menu.visible()){
    //apago todo y prendo menu
    sub_menu.fade({ duration: 0.5});
    thumbs_page.visible() ? thumbs_page.fade({ duration: 0.3, afterFinish: function(){
      thumbs_page.update();
    } }) : '';
    view_page.visible() ? view_page.fade({ duration: 0.3, afterFinish: function(){
      view_page.update();
    } }) : '';
    common_page.visible() ? common_page.fade({ duration: 0.3, afterFinish: function(){
      common_page.update();
    } }) : '';
    top_scroll.appear({ duration: 0.3 });
    preview_wrapper.appear({ duration: 0.3 });
    $('subtitulo').update();
  }else{
    sub_menu.appear({ duration: 0.5});
    top_scroll.fade({ duration: 0.3 });
    preview_wrapper.fade({ duration: 0.3 });
    LoadThumbsPage('moda', 1);
  }
};
//----------------------------------------------------------------------- end --


//THUMBS PAGE ------------------------------------------------------------------
LoadThumbsPage = function(page_title, id_page){
  new Ajax.Updater('thumbs_page', 'thumbs_page.php?id_pagina='+ id_page, {
    evalScripts: true,
    onSuccess: function(response) {
      setTitlePage(page_title);
      $('thumbs_page').setStyle({'width': (GLsite.width - 46)+'px' });
      sb = new ScrollBox($('thumbs_page'), {auto_hide: true});
      //console.log('Thumbs page load: '+page_title);
    }
  });
  $('thumbs_page').setStyle({top: (GLcontentHeight) +'px'});
  new Effect.Move('thumbs_page', { x: 46, y: 135, mode: 'absolute', duration: 0 });
  $('common_page').fade();
  $('thumbs_page').appear();
  
  view_page.visible() ? view_page.fade({ duration: 0.3 }) : '';
}
//----------------------------------------------------------------------- end --


//VIEW PAGE --------------------------------------------------------------------
LoadViewPage = function(aParams){
  new Ajax.Updater('view_page', 'view_page.php?&line='+ aParams[0] +'&n_imagen='+ aParams[1], {
    evalScripts: true,
    onSuccess: function(response) {
      //console.log('View page load: '+ aParams);
    }
  });
}
CloseViewPage = function(){
  $('thumbs_page').appear();
  $('view_page').update(); //fade
}
InitScrollViewPage = function(indexOffset){
  var view_scroll_slider = $('view_scroll_slider'),
      view_scroll_wrapper = $('view_scroll_wrapper'),
      view_scroll_element = $('view_scroll_element');
  var view_scroll_slider_width = view_scroll_slider.getWidth(),
      view_scroll_wrapper_width = view_scroll_wrapper.getWidth(),
      view_scroll_element_width = view_scroll_element.getWidth();
  
  view_scroll_slider.show();
      
  view_scroll_wrapper.select('img').each(function(btn){ //SACAR DE ACA??
    btn.observe('click', function(event){
      if(!this.hasClassName('active')){
        preview_img = $('preview_img');
        resetImgScroll();
        this.addClassName('active');
        LoadPreviewImage(this.name);
      }
    });
  });
  
  if(view_scroll_element_width > view_scroll_slider_width){
    view_scroll_slider.down('.handle').setStyle({ width: ( ( view_scroll_slider_width * view_scroll_wrapper_width ) / view_scroll_element_width ) + 'px' });
  }else{
    view_scroll_slider.hide();
  }
  
  if( (view_scroll_element_width - view_scroll_wrapper_width) > 0 ){
    ViewScrollControlSlider = new Control.Slider(view_scroll_slider.down('.handle'), view_scroll_slider, {
      range: $R(0, ( view_scroll_element_width - view_scroll_wrapper_width ) ),
      sliderValue: 1,
      onSlide: function(value) {
        view_scroll_element.setStyle({ marginLeft: -value + 'px' });
      },
      onChange: function(value) { 
        view_scroll_element.setStyle({ marginLeft: -value + 'px' });
      }
    });
    ViewScrollControlSlider.setValue(indexOffset);
  }

};
StartScrollerViewPage = function(n_imagen){
  new PeriodicalExecuter(function(pe) {
    indexOffset = 0;
    imagenComplete = 0;
    imgScroll = $('view_scroll_element').getElementsBySelector('img');
    imgScroll.each(function(imagen){
      if(imagen.complete){
        if(n_imagen > imagenComplete){
          //indexOffset = indexOffset + imagen.getWidth();
        }
        imagenComplete++;
      }
    });
    if(imagenComplete==imgScroll.length){
      pe.stop();
      InitScrollViewPage(indexOffset);
      //console.log('ViewPage: Scroll init done.');
    }else{
      //console.log('ViewPage: Cargando imagenes scroll...');
    }
  }, 0.2);  
}
//----------------------------------------------------------------------- end --


//TEXT PAGE --------------------------------------------------------------------
LoadCommonPage = function(page_title, id_pagina){
  new Ajax.Updater('common_page', 'common_page.php?&id_pagina='+ id_pagina, {
    evalScripts: true,
    onSuccess: function(response) {
      if(id_pagina==12){
        $('top_scroll').visible() ? $('top_scroll').fade({ duration: 0.3 }) : '';
        $('preview_wrapper').visible() ? $('preview_wrapper').fade({ duration: 0.3 }) : '';
      }
      $('thumbs_page').fade();
      $('view_page').fade();
      $('common_page').appear();
      setTitlePage(page_title);
      //console.log('Page load: '+ id_pagina);
    }
  });
}
//----------------------------------------------------------------------- end --

//CARGA IMAGEN
LoadPreviewImage = function(image_file){
  //console.log('initload: '+ image_file);
  preview_img = $('preview_img');
  $('preview_wrapper').addClassName('loading');
  preview_img.hide();
  preview_img.writeAttribute('width');
  preview_img.height = GLsite.height - 135;
  preview_img.src = 'upload/' + image_file;
  preview_img.observe('load', function(event){
    $('preview_wrapper').removeClassName('loading');
    this.appear(); 
  });
};

//TOP SCROLLER
resetImgScroll = function(){
  $$('#scroll_wrapper img').each(function(btnImg){
    btnImg.removeClassName('active');
  });
};
InitScroller = function() {
  var scroll_slider = $('scroll_slider'),
      wrapper = $('scroll_wrapper'),
      box = $('scroll_element');
  var scroll_slider_width = scroll_slider.getWidth(),
      wrapper_width = wrapper.getWidth(),
      box_width = box.getWidth();
  scroll_slider.show();
      
  wrapper.select('img').each(function(btn){ //SACAR DE ACA??
    btn.observe('click', function(event){
      if(!this.hasClassName('active')){
        preview_img = $('preview_img');
        resetImgScroll();
        this.addClassName('active');
        LoadPreviewImage(this.name);
      }
    });
  });
  
  if(box_width > scroll_slider_width){
    scroll_slider.down('.handle').setStyle({ width: ( ( scroll_slider_width * wrapper_width ) / box_width ) + 'px' });
  }else{
    scroll_slider.hide();
  }

  new Control.Slider(scroll_slider.down('.handle'), scroll_slider, {
    range: $R(0, ( box_width - wrapper_width ) ),
    sliderValue: 1,
    onSlide: function(value) {
      box.setStyle({ marginLeft: -value + 'px' });
    },
    onChange: function(value) { 
      box.setStyle({ marginLeft: -value + 'px' });
    }
  });
};

StartScroller = function(){
  new PeriodicalExecuter(function(pe) {
    imagenComplete = 0;
    imgScroll = $('scroll_element').getElementsBySelector('img');
    imgScroll.each(function(imagen){
      if(imagen.complete){
        imagenComplete++;
      }
    });
    if(imagenComplete==imgScroll.length){
      pe.stop();
      InitScroller();
      //console.log('Home: Scroll init done');
    }else{
      //console.log('Home: Cargando imagenes scroll...');
    }
  }, 0.2);  
}

window.onload = function(){ //document.observe("dom:loaded", function() {
  //StartScroller();
  LoadPreviewImage($('scroll_element').down('img').name);
  $('scroll_element').down('img').addClassName('active');

};  //}); //end dom:loaded