function e(id) {
	return document.getElementById(id);
}

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 initMiniGallery(){
  if(e("mini-image-container-div")){
    var str_main_table = "";
	var str_detect_length = 0;
    str_main_table+="<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\r\n"
	
    if (arr_gallery_images.length > 1) {
		for (var i = 0 ; i < arr_gallery_images.length + 1 ; i++){
			if (str_detect_length == arr_gallery_images.length) {
				str_main_table+="<tr><td align=\"center\" style=\"height:162px; width:174px;\">";
				str_main_table+="<img src=\""+arr_gallery_images[0]+"\" border=\"1\">\r\n";
				str_main_table+="</td></tr>";
			}
			else {
				str_main_table+="<tr><td align=\"center\" style=\"height:162px; width:174px;\">";
				str_main_table+="<img src=\""+arr_gallery_images[i]+"\" border=\"1\">\r\n";
				str_main_table+="</td></tr>";
			}
			str_detect_length = str_detect_length + 1;
    	}
	}
	else {
		for (var i = 0 ; i < arr_gallery_images.length; i++){
			str_main_table+="<tr><td align=\"center\" style=\"height:162px; width:174px;\">";
			str_main_table+="<img src=\""+arr_gallery_images[i]+"\" border=\"1\">\r\n";
			str_main_table+="</td></tr>";
		}
	}
    str_main_table+="</table>";
    e("mini-image-container-div").innerHTML = str_main_table;
	
	if (arr_gallery_images.length < 2) {
		e("miniscrolldown").src ="images/x.gif";
	}
  }
  

  checkMiniGalleryButtons(0);
  setDescriptionToCurrentImage();
  setLinkToCurrentImage();
  
  
 
  
  
  
  
  
  
}



function checkMiniGalleryButtons(int_ele){
  if (int_ele == arr_gallery_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 goNextMiniGalleryPic(){
  if (arr_gallery_images.length > 1) {
	  if (int_current_main_pos < arr_gallery_images.length){
		gotoMiniGalleryPic(int_current_main_pos + 1);
	  }
	  gotoMiniGalleryPic(int_current_main_pos);
  }
}



function goPreviousMiniGalleryPic(){
  if (int_current_main_pos >= 1){
    gotoMiniGalleryPic(int_current_main_pos - 1);
  }
}


function gotoMiniGalleryPic(int_ele){
 
  int_current_main_pos = int_ele;
  
  checkMiniGalleryButtons(int_current_main_pos);

  int_main_target_x = int_ele * -162;
  clearInterval(int_timeout_gallery);
  int_timeout_gallery = setInterval("updateMiniPosition()",10);

  setMiniCaptionToBlank();
}


function updateMiniPosition(){

  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 )/6

    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("mini-image-container-div").style.top = 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.marginTop = String(int_current_thumb_pos_x) + "px";

  }

  if (!bln_update_main && !bln_update_thumb){
	  if (int_current_main_pos ==  arr_gallery_images.length){
			   e("mini-image-container-div").style.top = "0px";	  
			   int_current_main_pos = 0;		  
			   int_main_target_x = 0;
			   int_current_main_pos_x = 0;
			   int_ele = 0;
	  }
    clearInterval(int_timeout_gallery);
    setDescriptionToCurrentImage();
	setLinkToCurrentImage();
  }

}
function setDescriptionToCurrentImage(){

  if (e("gallery-description")){
	  //alert("gallery main pos:"+int_current_main_pos);
	  
    var str = arr_gallery_description[int_current_main_pos];
    if (str.length < 1 || str == "undefined"){
      str = "&nbsp;"
    }
    
	
	var ttl = arr_gallery_title[int_current_main_pos]
	
	
	var tmp = ttl;
	tmp = tmp.split(" ").join("");
	tmp = tmp.split("\t").join("");
	tmp = tmp.split("\n").join("");
	tmp = tmp.split("\r").join("");

	if (tmp.length > 0  ){
		str ="<h2 class=\"gallery-title\">"+ttl+"</h2>" + str
		
	}

    e("gallery-description").innerHTML = str;
	
  }
}


function setLinkToCurrentImage(){
	if(e("mini-gallery-link")) {
		//alert("link main pos:"+int_current_main_pos);
	  	var str = arr_gallery_link[int_current_main_pos];
    	
		if (str.length > 0){

	
		var str_link_table = "";
		str_link_table+="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"width: 154px;\" align=\"left\"><tr>";
		str_link_table+="<td id=\"morebutton\" align=\"right\"><a href=\""+str+"\"><img src=\""+href+"images/learn_more_button.png\" width=\"94\" height=\"23\" alt=\"Learn More\" border=\"0\"></a></td>";
		str_link_table+="</tr></table>";
		}
		else {
			str_link_table = "";
		}
	}
	e("mini-gallery-link").innerHTML = str_link_table;
  }




function setMiniCaptionToBlank(){
  if (e("gallery-description")){
    e("gallery-description").innerHTML = "&nbsp;";
  }
  if (e("mini-gallery-link")) {
	  e("mini-gallery-link").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 = 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;
// ----------------------------------
<!---initGallery();--->
//===================================