function initGallery(){
  if(e("image-container-div")){
    var str_main_table = "";
    str_main_table+="<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  ><tr>\r\n"
    for (var i = 0 ; i < arr_gallery_images_big.length ; i++){
      str_main_table+="<td class=\"gallery-image-cell\" style=\"background-image:url("+arr_gallery_images_big[i]+");\" ><a href=\""+arr_gallery_images_big[i]+"\" target=\"_blank\" ><img src=\"images/x.gif\" width=\"495\" height=\"330\" ></a></td>\r\n";
    }
    str_main_table+="</tr></table>";
    e("image-container-div").innerHTML = str_main_table;
  }
  if(e("sm-image-container-div")){
    var str_small_table = "";
    str_small_table+="<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"  ><tr>\r\n"
    str_thumbAreaWidth = "80";
    if (arr_gallery_images_small.length < int_thumbs_visible) str_thumbAreaWidth = "100%";
    for (var i = 0 ; i < arr_gallery_images_small.length ; i++){
      str_small_table+="<td class=\"sm-gallery-image-cell\" style=\"background-image:url("+arr_gallery_images_small[i]+");\" ><a href=\"#\"  onClick=\"gotoMainGalleryPic("+i+");return false;\" ><img src=\"images/x.gif\" width=\"" + str_thumbAreaWidth + "\" height=\"80\"  ></a></td>";
      if (i !=  arr_gallery_images_small.length - 1){
        str_small_table+="<td width=\"3\" ><img src=\"images/x.gif\" width=\"3\" height=\"1\" ></td>\r\n";
      }
    }
    str_small_table+="</tr></table>";
    e("sm-image-container-div").innerHTML = str_small_table;
  }


  checkMainGalleryButtons(0);
  checkThumbGalleryButtons(0);
  setCaptionToCurrentImage();

}


function sm_goNextMainGalleryPic(){
  if (int_current_thumb_pos < arr_gallery_images_small.length - int_thumbs_visible ){
    sm_gotoMainGalleryPic(int_current_thumb_pos +1);
  }

}

function sm_goPreviousMainGalleryPic(){
  if (int_current_thumb_pos >= 1){
    sm_gotoMainGalleryPic(int_current_thumb_pos - 1);
  }

}

function sm_gotoMainGalleryPic(int_ele){

  int_current_thumb_pos = int_ele;

  checkThumbGalleryButtons(int_current_thumb_pos);
  int_thumb_target_x = int_ele * -83;
  clearInterval(int_timeout_gallery);
  int_timeout_gallery = setInterval("updatePosition()",10);
}

function goNextMainGalleryPic(){
  if (int_current_main_pos < arr_gallery_images_big.length - 1){
    gotoMainGalleryPic(int_current_main_pos + 1);
  }
  gotoMainGalleryPic(int_current_main_pos);
}

function goPreviousMainGalleryPic(){
  if (int_current_main_pos >= 1){
    gotoMainGalleryPic(int_current_main_pos - 1);
  }

}


function gotoMainGalleryPic(int_ele){

  if (e("gal-thumb-mask-" + int_current_main_pos)){
    e("gal-thumb-mask-" + int_current_main_pos).className="not-active";
  }
  int_current_main_pos = int_ele;
  if (e("gal-thumb-mask-" + int_current_main_pos)){
    e("gal-thumb-mask-" + int_current_main_pos).className="active";
  }

  checkMainGalleryButtons(int_current_main_pos);

  int_main_target_x = int_ele * -495;
  clearInterval(int_timeout_gallery);
  int_timeout_gallery = setInterval("updatePosition()",10);

  setCaptionToBlank();
}

function checkMainGalleryButtons(int_ele){
  if (int_ele == arr_gallery_images_big.length - 1){
    bln_main_right_enabled = false;
    if (e("btn_main_right")){
      e("btn_main_right").className="disabled-btn";
    }
  } else {
    bln_main_right_enabled = true
    if (e("btn_main_right")){
      e("btn_main_right").className="enabled-btn";
    }
  }

  if (int_ele == 0){
    bln_main_left_enabled = false;
    if (e("btn_main_left")){
      e("btn_main_left").className="disabled-btn";
    }
  } else {
    bln_main_left_enabled = true
    if (e("btn_main_left")){
      e("btn_main_left").className="enabled-btn";
    }
  }
}

function checkThumbGalleryButtons(int_ele){

  if (arr_gallery_images_small.length - int_thumbs_visible <= 0 || int_ele == arr_gallery_images_small.length - int_thumbs_visible ){

    bln_thumb_right_enabled = false;
    if (e("btn_thumb_right")){
      e("btn_thumb_right").className="disabled-btn";
    }
  } else {
    bln_thumb_right_enabled = true
    if (e("btn_thumb_right")){
      e("btn_thumb_right").className="enabled-btn";
    }
  }

  if (int_ele == 0){
    bln_thumb_left_enabled = false;
    if (e("btn_thumb_left")){
      e("btn_thumb_left").className="disabled-btn";
    }
  } else {
    bln_thumb_left_enabled = true
    if (e("btn_thumb_left")){
      e("btn_thumb_left").className="enabled-btn";
    }
  }
}


function updatePosition(){

  var bln_update_main = false;

  if (int_main_target_x != int_current_main_pos_x){

    bln_update_main = true;

    int_current_main_pos_x+= (int_main_target_x - int_current_main_pos_x )/10

    if( Math.abs(int_current_main_pos_x - int_main_target_x) < 2  ){
      int_current_main_pos_x = Math.round(int_main_target_x);
    }

    e("image-container-div").style.left = String(int_current_main_pos_x) + "px";

  }

  var bln_update_thumb = false;


  if (int_thumb_target_x != int_current_thumb_pos_x){

    bln_update_thumb = true;

    int_current_thumb_pos_x+= (int_thumb_target_x - int_current_thumb_pos_x )/5;

    if (Math.abs(int_current_thumb_pos_x - int_thumb_target_x) < 2){
      int_current_thumb_pos_x = Math.round(int_thumb_target_x);
    }

    e("sm-image-container-div").style.left = String(int_current_thumb_pos_x) + "px";

  }

  if (!bln_update_main && !bln_update_thumb){
    clearInterval(int_timeout_gallery);
    setCaptionToCurrentImage();
  }

}
function setCaptionToCurrentImage(){

  if (e("gallery-caption")){
    var str = arr_gallery_captions[int_current_main_pos];
    if (str.length < 1 || str == "undefined"){
      str = "&nbsp;"
    }
    e("gallery-caption").innerHTML = str;
  }
}

function setCaptionToBlank(){
  if (e("gallery-caption")){
    e("gallery-caption").innerHTML = "&nbsp;"
  }
}

//===================================
var int_current_main_pos = 0;
var int_current_thumb_pos = 0;
var int_current_main_pos_x = 0;
var int_current_thumb_pos_x = 0;
var int_main_target_x = 0;
var int_thumb_target_x = 0;
var int_thumbs_visible = 6;
var int_timeout_gallery = -1;
var bln_main_right_enabled = false;
var bln_main_left_enabled = false;
var bln_thumb_right_enabled = false;
var bln_thumb_left_enabled = false;
// ----------------------------------
initGallery();
//===================================