function onRollOver(obj_img){
	obj_img.src = obj_img.src.split("-off").join("-on");
}

function onRollOut(obj_img){
	obj_img.src = obj_img.src.split("-on").join("-off");
}

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_top_images.length ; i++){
    	str_main_table+="<td valign=\"top\">\r\n";
		str_main_table+="<div class=\"gallery-image-cell\">\r\n";
		str_main_table+="<div class=\"gallery-overlay\"><img src=\"/workforus/_includes/images/frame-right-overlay.png\" width=\"214\" height=\"230\" border=\"0\"></div>\r\n";
		str_main_table+="<div class=\"gallery-top-image\"><img src=\""+arr_gallery_top_images[i]+"\" width=\"102\" height=\"102\" border=\"0\"></a></div>\r\n";
		str_main_table+="<div class=\"gallery-btm-image\"><img src=\""+arr_gallery_bottom_images[i]+"\" width=\"112\" height=\"112\" border=\"0\"></a></div>\r\n";
		str_main_table+="</div>\r\n";
		str_main_table+="<div id=\"gallery-region\">" + arr_gallery_region[i] + "</div>\r\n";
		str_main_table+="<div id=\"gallery-testi\">\r\n";
		str_main_table+="<div id=\"gallery-testimonial-surround\"><div class=\"title-" + str_section_name + "\">" + arr_gallery_name[i] + "</div>\r\n";
		str_main_table+="<div id=\"gallery-occupation\">" + arr_gallery_occupation[i] + "</div>\r\n";
		str_main_table+="<div id=\"gallery-location\">" + arr_gallery_location[i] + "</div>\r\n";
		str_main_table+="<div id=\"gallery-text\">" + arr_gallery_testimonial[i] + "</div>\r\n";
		str_main_table+="<div id=\"gallery-link\"></div>\r\n";
		str_main_table+="</div>\r\n";
		str_main_table+="<div onmouseover=\"changeStateOn('btn-more-jobs" + i + "');\" onmouseout=\"changeStateOff('btn-more-jobs" + i + "');\" id=\"gallery-read-more-btn\" >\r\n";
        str_main_table+="<div id=\"btn-more-jobs" + i + "-off\" class=\"visible\" style=\"position: absolute;\">\r\n";
        str_main_table+="<a href=\"" + arr_gallery_link[i] + "\"><img src=\"" + str_btn_off_img + "\" width=\"165\" height=\"39\" alt=\"More Jobs\" border=\"0\" /></a>\r\n";
        str_main_table+="</div>\r\n";
        str_main_table+="<div id=\"btn-more-jobs" + i + "-on\" class=\"hidden\" style=\"position: absolute;\">\r\n";
        str_main_table+=" <a href=\"" + arr_gallery_link[i] + "\"><img src=\"" + str_btn_on_img + "\" width=\"165\" height=\"39\" alt=\"More Jobs\" border=\"0\" /></a>\r\n";
		str_main_table+="</div></td>\r\n"; 
	}
	str_main_table+="</tr></table>\r\n";
    e("image-container-div").innerHTML = str_main_table;
  }
  checkMainGalleryButtons(0);
}

function checkMainGalleryButtons(int_ele){
  if (int_ele == arr_gallery_top_images.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 goNextMainGalleryPic(){
  if (int_current_main_pos < arr_gallery_top_images.length - 1){
    gotoMainGalleryPic(int_current_main_pos + 1);
  }
  else {
	 gotoMainGalleryPic(0); 
  }
  gotoMainGalleryPic(int_current_main_pos);
}

function goPreviousMainGalleryPic(){
  if (int_current_main_pos >= 1){
    gotoMainGalleryPic(int_current_main_pos - 1);
  }
  else {
	gotoMainGalleryPic(arr_gallery_top_images.length - 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 * -214;
  clearInterval(int_timeout_gallery);
  int_timeout_gallery = setInterval("updatePosition()",10);
}


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 )/4
    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.marginLeft = String(int_current_thumb_pos_x) + "px";
  }
  if (!bln_update_main && !bln_update_thumb){
    clearInterval(int_timeout_gallery);
  }
}

//===================================
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 = 3;
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;
// ----------------------------------