//image url.
  var image_url = new Array('images/img/i_s1.jpg', 'images/img/i_s2.jpg', 'images/img/i_s3.jpg', 'images/img/i_s4.jpg', 'images/img/i_s5.jpg', 'images/img/i_s6.jpg', 'images/img/i_s7.jpg', 'images/img/i_s8.jpg', 'images/img/i_s9.jpg', 'images/img/i_s10.jpg');

  //link url
  var image_link = new Array('/ls.php?id=11', '/ls.php?id=14', '/ls.php?id=62', '/ls.php?id=33', '/ls.php?id=87', '/ls.php?id=63', '/ls.php?id=97', '/ls.php?id=67', '/ls.php?id=38', '/ls.php?id=92');

  //button
  var image_buttons = new Array('<img src=\"img/ma_roll06.gif\" width=\'21\' height=\'13\' align=\'absmiddle\'> ','','','','','','','','','');

  // mag_name.
  var image_mag_name = new Array('北平国际青年旅舍', '上海老船长青年旅舍', '广州江畔国际青年旅舍', '杭州国际青年旅舍', '昆明大脚氏青年旅舍', '深圳侨城旅友青年旅舍', '西安湘子门国际青年旅舍', '广西桂林后街青年旅舍', '福建厦门国际青年旅舍', '西藏拉萨东措青年旅舍');

  //.
  var image_num = image_url.length;
  var image_view_num = 4;
  var image_group_num = 1;//group_num
  var fixsize = 0;//fixsize 

  var slide_scrollerwidthtotal = 664;        // scrollerwidthtotal
  var slide_scrollerwidth = 166;        // scrollerwidth
  var slide_html,slide_wait_flag = false;
  var slide_waitingtime = 3;          //Scrolling 
  var slide_scrollspeed = 5;        // Scrolling 
  var slide_scroll_content = new Array();
  var slide_nowprint = 0;


  function slide_click(slide_direction){
    slide_wait_flag = true;
    slide_scrolling(slide_direction);
  }

  function slide_scrolling(slide_direction){ // scrolling 
    if(slide_wait_flag){
      for(i = 0; i < image_group_num; i++){
        slide_tmp = document.getElementById('slide_scroll_area'+i).style;

        if(slide_direction == 'right'){

          if(parseInt(slide_tmp.left) -slide_scrollspeed <= (-1) * (slide_nowprint+1) * slide_scrollerwidth){
            slide_tmp.left = (-1) * (slide_nowprint+1) * slide_scrollerwidth + fixsize;
            slide_wait_flag = false;
            slide_nowprint = slide_nowprint + 1;

          }else{
            slide_tmp.left = parseInt(slide_tmp.left) - slide_scrollspeed;
          }

        }else if(slide_direction == 'left'){

			if(parseInt(slide_tmp.left) +slide_scrollspeed >= (-1) * (slide_nowprint-1) * slide_scrollerwidth){

            slide_tmp.left = (-1) * (slide_nowprint-1) * slide_scrollerwidth + fixsize;
            slide_wait_flag = false;
            slide_nowprint = slide_nowprint - 1;
          }else{
            slide_tmp.left = parseInt(slide_tmp.left) + slide_scrollspeed;
          }
        }

      }
    }

	if(slide_wait_flag){
		slide_scroll_tid = window.setTimeout("slide_scrolling('"+slide_direction+"')", 1);
	}


    if(slide_nowprint == 0){
      document.getElementById('left_img_on').style.display = 'none';
      document.getElementById('left_img_off').style.display = 'inline';
      document.getElementById('right_img_on').style.display = 'inline';
      document.getElementById('right_img_off').style.display = 'none';
    }else if(slide_nowprint + 1 == image_num-image_view_num+1){
      document.getElementById('right_img_on').style.display = 'none';
      document.getElementById('right_img_off').style.display = 'inline';
      document.getElementById('left_img_on').style.display = 'inline';
      document.getElementById('left_img_off').style.display = 'none';
    }else{
      document.getElementById('right_img_off').style.display = 'none';
      document.getElementById('right_img_on').style.display = 'inline';
      document.getElementById('left_img_on').style.display = 'inline';
      document.getElementById('left_img_off').style.display = 'none';
    }
  }

    function set_scroll(slide_direction){
      slide_wait_flag = true;
      slide_scrolling(slide_direction);
  }

  function set_time(slide_direction){
    if(!slide_wait_flag){
      slide_wait_flag = true;
      slide_scrolling(slide_direction);
    }
  }

  function slide_startscroll(){ // scroll
    i = 0;
    for (i = 0; i < image_num; i++)
      slide_insert_area(i); // area 
  }

  function slide_insert_area(idx){ // area  
    slide_html = '<div style="width:'+(slide_scrollerwidthtotal)+'px; position: absolute; left: '+(slide_scrollerwidthtotal*(idx))+'px; z-index:1;" id="slide_scroll_area'+idx+'">\n';
    slide_html += slide_scroll_content[idx]+'\n';
    slide_html += '</div>\n';
    document.write(slide_html);
  }

slide_scroll_content[0] = "";
slide_scroll_content[0]+="<table cellspacing=\"0\" cellpadding=\"0\">";
slide_scroll_content[0]+=" <tr>";

  for(var i = 0; i < image_num; i++){
slide_scroll_content[0]+="<td><table cellspacing=\"0\" cellpadding=\"0\" align=center width=\"166\">";
slide_scroll_content[0]+=" <tr>";
slide_scroll_content[0]+="<td align=center><a href='"+image_link[i]+"' target='_blank'><img src='"+image_url[i]+"' width=160 height=80 style=\"border:#FFFFFF 1px solid;\"></a></td></tr><tr><td align=center><a href='"+image_link[i]+"'  target='_blank'>"+image_mag_name[i]+"</a></td>";
slide_scroll_content[0]+=" </tr></table></td>";
  }

slide_scroll_content[0]+=" </tr>";
slide_scroll_content[0]+=" </table>";