//---------------------------------------------------------
//  이미지 컨트롤 관련 class - define
//  2009-01-21 : 박준형 
//---------------------------------------------------------

  //------------------------------
  //  생성자
  //------------------------------
  function SingImage( ){

    var imageArray = new Array();
    this.imageArray = imageArray; // 전역 객체로

    var imgcursor;
    this.imgcursor = 0; //  이미지 커서 
    
    var BaseUrl;
    this.BaseUrl = "";
    
    //  자동 플레이 모드 
    var playmode;
    this.playmode = false; // true일 경우 자동 플레이 , false일 경우 플레이 멈춤  

    //  상품 플레이모드 
    var playmodegoods;
    this.playmodegoods = false; // true일 경우 자동 플레이 , false일 경우 플레이 멈춤  
    
    //  이미지 자동 플레이 인스턴스
    var inst_auto;
    this.inst_auto = null;
   
    // 상품 자동 플레이 인스턴스 
    var inst_autogoods;
    this.inst_autogoods = null;

    //  단일 이미지 이름 표기 
    var single_namel;
    this.single_name = null; 

    var ImgObj;
    this.ImgObj = null;

    var rollnumbers; // 롤링 배너 넘버 이미지 배열
    this.rollnumbers = new Array();
    this.rollnumbers['default'] = new Array();
    this.rollnumbers['over'] = new Array();
    
    // 숫자 1~10까지만. 이미지 배열에 넣어준다.
    for (var i=1; i<11; i++) {
      this.rollnumbers['default'][i] = "roll_0"+i+"_.gif";
      this.rollnumbers['over'][i] = "roll_0"+i+"_o.gif";
    }
    
    // 롤넘버 이미지 기본 경로
    var rollnumbers_base;
    this.rollnumbers_base = "/img/img_icons/rollnum/";

    var now_layer;
    this.now_layer=0;

  }

SingImage.prototype={
// class - Start

  //-----------------------------------------------------------------------------
  //  시작 커서를 내부 전역화
  //-----------------------------------------------------------------------------
  GetStartCursor : function(startcursor) {
    this.imgcursor = startcursor-1;
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  이미지 데이터 세팅 
  //  기본 :  이미지 정보 배열 정의 및 전역화 
  //  1. 이미지 기본 경로 
  //  2. 이미지 파일명 : String 
  //  3. 이미지 그룹 구분자 : String 
  //  4. 문자열 구분자 
  //-----------------------------------------------------------------------------
  SetImages : function(BaseUrl, Images, Groups , Names ,Sep ) {

    this.imageArray['Image'] = new Array();
    this.imageArray['Groups'] = new Array();
    this.imageArray['Names'] = new Array();

    this.imageArray['Image'] = Images.split(Sep);
    this.imageArray['Groups'] = Groups.split(Sep);
    this.imageArray['Names'] = Names.split(Sep);

    this.BaseUrl = BaseUrl;
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  상품 정보 세팅
  //-----------------------------------------------------------------------------
  SetGoods : function(BaseUrl, Images, Names, Sales, Goods_no ,Sep) {

    this.imageArray['Image'] = new Array();
    this.imageArray['Names'] = new Array();
    this.imageArray['Sales'] = new Array();
    this.imageArray['Goods_no'] = new Array();

    this.imageArray['Image'] = Images.split(Sep);
    this.imageArray['Names'] = Names.split(Sep);
    this.imageArray['Sales'] = Sales.split(Sep);
    this.imageArray['Goods_no'] = Goods_no.split(Sep);
    
    this.BaseUrl = BaseUrl;
  // function - End
  },


  //-----------------------------------------------------------------------------
  //  단일 이미지 뷰 표기 이름 내부 세팅 
  //-----------------------------------------------------------------------------
  GetImgName_Single : function(NameObj) {
    this.single_name = NameObj;
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  이미지 자동 플레이 
  //-----------------------------------------------------------------------------
  PlayImage : function(ImgObjName,section, turm ) {
    
    this.ImgObj = document.getElementById(ImgObjName);
    if (this.playmode==false) { 
      this.inst_auto = window.setInterval("inst_SingImage.NextImage('"+section+"');", turm); 
      this.playmode = true;
    }
    
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  상품 자동 플레이 
  //-----------------------------------------------------------------------------
  PlayGoods : function(name_id,cost_id, turm ) {

//    this.ImgObj = document.getElementById(ImgObjName);
    if (this.playmodegoods==false) { 
      this.inst_autogoods = window.setInterval("inst_SingImage2.NextGoods('"+name_id+"','"+cost_id+"');", turm); 
      this.playmodegoods = true;
    }
    
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  이미지 오브젝트 생성 
  //-----------------------------------------------------------------------------
  SetImageObj : function(ImgObjName) {
    this.ImgObj = document.getElementById(ImgObjName);
  // function - End
  },


  //-----------------------------------------------------------------------------
  //  이미지 멈춤 
  //-----------------------------------------------------------------------------
  StopImage : function() {
   
    if (this.playmode==true) {
      window.clearInterval(this.inst_auto); 
      this.playmode = false;
    }

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  상품 멈춤 
  //-----------------------------------------------------------------------------
  StopGoods : function() {
   
    if (this.playmodegoods==true) {
      window.clearInterval(this.inst_autogoods); 
      this.playmodegoods = false;
    }

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  페이드아웃 효과 주는 필터 적용 : 현재 적용하지 않고있음 IE 7.0 이상에서만 작동함  
  //-----------------------------------------------------------------------------
  Filter_A : function() {
    this.ImgObj.style.filter = "blendTrans(duration=3)";
    this.ImgObj.style.filter = "blendTrans(duration=crossFadeDuration)";
    this.ImgObj.filters.blendTrans.Apply();
    this.ImgObj.filters.blendTrans.Play();
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  다음이미지로 넘길때 
  //-----------------------------------------------------------------------------
  NextImage : function(section) {

    switch (section) {
      
      case "single" :
        this.Filter_A();
        this.PlusCursor();
        this.ImgObj.style.background = "url("+this.ReturnCursorImg(this.imgcursor)+")"; //  이미지 변경
      break;
      
      //  추가될때 추가해주고
      case "widthnumbers" : 
        this.Filter_A();
        this.PlusCursor();
        this.ImgObj.style.background = "url("+this.ReturnCursorImg(this.imgcursor)+")"; //  이미지 변경
        this.RollingNumbers(); // 번호 이미지들 롤링      
      break;
      
      case "nextclick" :
        this.Filter_A();
        this.PlusCursor();
        this.ImgObj.src= this.ReturnCursorImg_full(this.imgcursor); //  이미지 변경
      break;
      
    }

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  상품명 변경  
  //-----------------------------------------------------------------------------
  ChangeName : function(name_id) {
    var name = document.getElementById(name_id);
    name.innerHTML= this.imageArray['Names'][this.imgcursor]; //  이미지 변경
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  다음 판매가  
  //-----------------------------------------------------------------------------
  ChangeCost : function(cost_id) {
    var cost = document.getElementById(cost_id);
    cost.innerHTML= this.imageArray['Sales'][this.imgcursor]; //  이미지 변경
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  다음상품으로 이동
  //-----------------------------------------------------------------------------
  NextGoods : function(name_id,cost_id) {
  
    this.NextImage('nextclick'); // 커서는 여기서 이동한다.
    this.ChangeName(name_id);
    this.ChangeCost(cost_id);

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  이전 상품으로 이동
  //-----------------------------------------------------------------------------
  PrevGoods : function(name_id,cost_id) {
  
    this.PrevImage('nextclick'); // 커서는 여기서 이동한다.
    this.ChangeName(name_id);
    this.ChangeCost(cost_id);

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  선택한 이미지로 변경할 때 
  //-----------------------------------------------------------------------------
  SelectImage : function(number) {
   
    this.imgcursor = number-1; // 현재커서 변경 
    this.Filter_A();
    this.ImgObj.style.background = "url("+this.ReturnCursorImg(this.imgcursor)+")"; //  이미지 변경
    this.RollingNumbers(); // 번호 이미지들 롤링      

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  다음이미지로 넘길때 
  //-----------------------------------------------------------------------------
  PrevImage : function(section) {

    switch (section) {
      
      //  기본 이미지 출력 형태 1개이미지 가지고 넘길 때 
      case "single" :
        this.Filter_A();
        this.MinusCursor();
        this.ImgObj.style.background = "url("+this.ReturnCursorImg(this.imgcursor)+")"; //  이미지 변경
      break;

      //  추가될때 추가해주고
      case "widthnumbers" : 
        this.Filter_A();
        this.MinusCursor();
        this.ImgObj.style.background = "url("+this.ReturnCursorImg(this.imgcursor)+")"; //  이미지 변경 
        this.RollingNumbers(); // 번호 이미지들 롤링      
      break;

      case "nextclick" :
        this.Filter_A();
        this.MinusCursor();
        this.ImgObj.src= this.ReturnCursorImg_full(this.imgcursor); //  이미지 변경
      break;

    }

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  현재 출력 되어있는 이미지와 출력 하려는 이미지가 같은지 여부 판단
  //  안쓰임 2009-03-19 
  //-----------------------------------------------------------------------------
  ComparisonImage : function(ImgObj) {
    
    var NowImage = this.ReturnCursorImg(this.imgcursor);

    //  현재 출력된 이미지와 현재 이미지 커서가 가리키는 이미지가 같은지 판단해서 리턴
    if ( ImgObj.src == NowImage ) { return false; } else { return true;}

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  커서 증가 
  //-----------------------------------------------------------------------------
  PlusCursor : function() {
    
    //  한바퀴 돌면 처음으로
    if(this.imgcursor+1 >= this.imageArray['Image'].length ) { this.imgcursor = 0; }
    else { this.imgcursor++; }

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  커서 감소 
  //-----------------------------------------------------------------------------
  MinusCursor : function() {

    //  한바퀴 돌면 처음으로
    if(this.imgcursor-1 < 0 ) { this.imgcursor = this.imageArray['Image'].length-1; }
    else { this.imgcursor--; }

  // function - End
  },

  //-----------------------------------------------------------------------------
  //  숫자 이미지 롤링 
  //-----------------------------------------------------------------------------
  RollingNumbers : function() {
    
    var str = "";
    for (var i=0; i< this.imageArray['Image'].length; i++) { var str = str+(i+1)+","; }
    str = inst_Common.CutTail(str,",",str.length);

    inst_Common.ShowDefOne("rollimgnumber_",str, this.rollnumbers, (this.imgcursor+1), this.rollnumbers_base);
 
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  커서를 받아서 해당 이미지의 링크를 리턴 
  //-----------------------------------------------------------------------------
  ReturnLink : function() {

    return this.imageArray['Groups'][this.imgcursor];
  
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  클릭한 링크로 이동 
  //-----------------------------------------------------------------------------
  GotoLink : function() {

   var link = this.ReturnLink();
   document.location.href=link;
   
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  클릭한 상품으로 이동 
  //-----------------------------------------------------------------------------
  GotoGoods : function() {
   var link = "/?action=Detail&GoodsCode="+this.imageArray['Goods_no'][this.imgcursor];
   document.location.href=link;
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  이미지 커서를 받아서 해당 커서가 가리키는 이미지의 경로를 리턴해준다.
  //-----------------------------------------------------------------------------
  ReturnCursorImg_full : function(Cursor) {
    return this.BaseUrl+this.imageArray['Image'][this.imgcursor];
  // function - End
  },

  //-----------------------------------------------------------------------------
  //  이미지 커서를 받아서 해당 커서가 가리키는 이미지의 경로를 리턴해준다.
  //-----------------------------------------------------------------------------
  ReturnCursorImg : function(Cursor) {
    return this.imageArray['Image'][this.imgcursor];
  // function - End
  }

//----------------------------------
// class - End
//----------------------------------
}

//  객체 생성 
var inst_SingImage = new SingImage();

//  객체 생성 
var inst_SingImage2 = new SingImage();