var xmlHttp = null;
var selectCateId = "category";
var sPage = 1;

document.title = " [대한민국 No.1 비주얼검색쇼핑 루키닷컴]";

function login(){
  window.open("login.jsp?reurl="+encodeURIComponent(location.href),"_self");
}

function cate_view(cateId, mode){
  selectCateId = cateId;
  $(selectCateId).style.display = mode;
}

function createXMLHttpRequest() {
  if (window.ActiveXObject) {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } else if (window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest();
  }
}

function handleStateChange() {
  if(xmlHttp.readyState == 4) {
    if(xmlHttp.status == 200) {
      return xmlHttp.responseText;
    }
  }
}

function startRequest(IdName,Action,content) {
  if(!content){
    content = encodeURIComponent(content);
  }

  createXMLHttpRequest();
  xmlHttp.onreadystatechange = handleStateChange;
  xmlHttp.open("POST", Action, false);
  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  xmlHttp.send(content);

  this.defer="true";
  $(IdName).innerHTML = xmlHttp.responseText;

  return false;
}

function setPng24(obj) {
  obj.width=obj.height=1;
  obj.className=obj.className.replace(/\bpng24\b/i,'');
  obj.style.filter =
  "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
  obj.src='';
  return '';
}


function MakeButton(Name,Type,Action,IdTarget){
  var tdWidth, htmlContent, icon;

  if(Type == 2){
    icon = "_highlight";
    tdWidth = Name.length * 14;
    Name = "<font color=\"white\"><b>" + Name + "</b></font>";
  } else if(Type == 3){
    icon = "";
    tdWidth = Name.length * 14;
    Name = "<font color=\"black\"><b>" + Name + "</b></font>";
  } else {
    icon = "";
    tdWidth = Name.length * 13;
    Name = "<font color=\"black\">" + Name + "</font>";
  }

  htmlContent = "<table width=\""+(tdWidth + 10)+"\" height=\"27\" cellpadding=\"0\" cellspacing=\"0\" align=\"center\" style=\"cursor:pointer;\" onclick=\""+Action+"\">";
  htmlContent += "<tr><td width=\"5\"  background=\"images/common_button" + icon + "_bg_01.gif\"></td>";
  htmlContent += "<td width=\""+tdWidth+"\" background=\"images/common_button" + icon + "_bg_02.gif\" align=\"center\">" + Name + "</td>";
  htmlContent += "<td width=\"5\" background=\"images/common_button" + icon + "_bg_03.gif\"></td>";
  htmlContent += "</tr></table>";

  if(IdTarget){
    $(IdTarget).innerHTML = htmlContent;
  } else {
    document.write(htmlContent);
  }
}

function join_member(fr){
  var fr = document.joinmember;
  var content,sex;

  if(!fr.agree[0].checked){
    alert("이용약관에 동의 하셔야 가입할 수 있습니다.");
    fr.agree[1].focus();
    return false;

  }

  if(fr.member_id.value.length < 6){
    alert("회원 아이디는 6자 이상 입력해 주세요.");
    fr.member_id.focus();
    return false;
  }

  if(fr.chk_id_check.value != "true"){
    alert("ID중복확인을 해주세요.");
    fr.member_id.focus();
    return false;
  }

  if(fr.passwd.value.length < 6){
    alert("비밀번호는 6자 이상 설정해 주세요.");
    fr.passwd.focus();
    return false;
  }

  if(fr.passwd.value != fr.passwd_chk.value){
    alert("비밀번호가 일치하지 않습니다.");
    fr.passwd.focus();
    return false;
  }

  if(fr.member_name.value.length < 2){
    alert("이름을 입력해 주세요.");
    fr.member_name.focus();
    return false;
  }
  if(fr.email.value.length < 2){
    alert("E-Mail을 입력해 주세요.");
    fr.email.focus();
    return false;
  }
  if(fr.region.value.length < 2){
    alert("지역을 입력해 주세요.");
    fr.region.focus();
    return false;
  }

  if(fr.sex[0].checked){
    sex="남자";
  } else if(fr.sex[1].checked) {
    sex="여자";
  } else {
    sex="선택오류";
  }

  content  = "member_id="+fr.member_id.value+"&passwd="+fr.passwd.value+"&member_name="+fr.member_name.value;
  content += "&email="+fr.email.value+"&region="+fr.region.value+"&sex="+sex;
  content += "&birth_year="+fr.birth_year.value+"&birth_month="+fr.birth_month.value+ "&birth_date="+fr.birth_date.value;

  startRequest('main_content','inc/inc_join_member_02.jsp',content);
  MakeButton(" 확인 ",2,"location.href='/'","button_left");
  MakeButton(" 수정 ",3,"locatoin.href='edit.jsp'+location.search","button_right");
  return false;
}

function addShop(){
  /*startRequest('main_content','inc/inc_join_shop_02.jsp');
  MakeButton("등록신청",2,"joinshop();","button_left");
  MakeButton("다시작성",3,"form.reset();","button_right");
  MakeButton("중복확인",3,"","checkID(member_id.value,document.joinshop)");*/

  location.href="join.jsp?mode=shop&page=2";

}

function joinshop(){
  var fr = document.joinshop;
  var content;

  if(!fr.agree[0].checked){
    alert("이용약관에 동의 하셔야 입점 하실 수 있습니다.");
    fr.agree[1].focus();
    return false;

  }

  if(fr.member_id.value.length < 6){
    alert("회원 아이디는 6자 이상 입력해 주세요.");
    fr.member_id.focus();
    return false;
  }

  if(fr.chk_id_check.value != "true"){
    alert("ID중복확인을 해주세요.");
    fr.member_id.focus();
    return false;
  }

  if(fr.passwd.value.length < 6){
    alert("비밀번호는 6자 이상 설정해 주세요.");
    fr.passwd.focus();
    return false;
  }

  if(fr.passwd.value != fr.passwd_chk.value){
    alert("비밀번호가 일치하지 않습니다.");
    fr.passwd.focus();
    return false;
  }

  if(fr.member_name.value.length < 2){
    alert("이름을 입력해 주세요.");
    fr.member_name.focus();
    return false;
  }
  if(fr.email.value.length < 2){
    alert("E-Mail을 입력해 주세요.");
    fr.email.focus();
    return false;
  }
  if(fr.region.value.length < 2){
    alert("지역을 입력해 주세요.");
    fr.region.focus();
    return false;
  }

  if(fr.sex[0].checked){
    sex="남자";
  } else if(fr.sex[1].checked) {
    sex="여자";
  } else {
    sex="선택오류";
  }

  content  = "member_id="+fr.member_id.value+"&passwd="+fr.passwd.value+"&member_name="+fr.member_name.value;
  content += "&email="+fr.email.value+"&region="+fr.region.value+"&sex="+sex;
  content += "&birth_year="+fr.birth_year.value+"&birth_month="+fr.birth_month.value+ "&birth_date="+fr.birth_date.value;

  startRequest('main_content','inc/inc_join_member_02.jsp',content);
  MakeButton(" 확인 ",2,"location.href='/'","button_left");
  MakeButton(" 수정 ",3,"locatoin.href='edit.jsp'+location.search","button_right");
  return false;
}

function checkID(id,fr){

  if(fr.member_id.value.length < 6){
    alert("회원 아이디는 6자 이상 입력해 주세요.");
    fr.member_id.focus();
    return false;
  }

  createXMLHttpRequest();
  xmlHttp.onreadystatechange = handleStateChange;
  xmlHttp.open("POST", "util/id_check.jsp", false);
  xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  xmlHttp.send("chk_id="+id);

  if(xmlHttp.responseText == 1){
    $(chk_id_comment).innerHTML = "<font color='red'>이미 사용중인 ID입니다.</font>";
    fr.chk_id_check.value="false";
    fr.member_id.focus();
  } else if (xmlHttp.responseText == 2) {
    $(chk_id_comment).innerHTML = "<font color='blue'>사용할 수 있는 ID입니다.</font>";
    fr.chk_id_check.value="true";
    fr.passwd.focus();
  }

  return false;
}

function viewSearchType(){
  var sTypeLIst = document.getElementById('sType_list');
  if (sTypeLIst.style.display == 'block') {
    sTypeLIst.style.display = 'none';
  }	else {
    sTypeLIst.style.display = 'block';
  }
}

function selectSchType(obj) {
  document.getElementById('sType').innerHTML = obj.innerHTML;
  viewSearchType();
  try {
    q.focus();
  } catch (e) {
  }
}

function overSchType(agEle) {
  if (!agEle) {
    return;
  }
  var arrType = document.getElementById('sType_list').getElementsByTagName('li');
  var len = arrType.length;
  for (var i = 0; i < len; i++) {
    arrType[i].style.backgroundColor = '#fff';
  }
  agEle.parentNode.style.backgroundColor = '#ededed';
}

function viewItemlist(imgUrl,Title,Price,Detail){
  content = "";
}

function drawItemBox(targetId, json){
  var content = null;
  content  = "      <table width=\"100%\" height=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border:1px solid rgb(205,205,205);\">";
  content += "      <tr height=\"25\"></tr>";
  content += "      <tr>";
  content += "          <td width=\"2\" valign=\"top\"><img src=\"images/main_middle_list_side_bar.gif\" width=\"2\" border=\"0\"></td>";
  if(json.length > 1){
    for(i=0;i<json.length;i++){
      if(json[i].name.toString().length > 14){
        var name = json[i].name.toString().substring(0,12) + "...";
      } else {
        var name = json[i].name;
      }
      content += "          <td id=\"\" valign=\"middle\" align=\"center\">";
      content += "            <img src=\"util/imageResize.jsp?link="+ encodeURIComponent(json[i].imageurl) +"&size=100\" style=\"border:3px solid #FFFFFF;cursor:pointer;\"";
      content += "             width=\"100\" onmouseover=\"this.style.borderColor='#9292FF'\" onmouseout=\"this.style.borderColor='#FFFFFF'\"  alt=\""+json[i].name+"\">";
      content += "            <div style=\"z-index:15; margin-top:-30px; margin-right:-64px;\">";
      content += "              <img src=\"images/common_search_icon.png\" class=\"png24\" ";
      content += " onclick=\"window.open('search.jsp?code=" + json[i].category + "&mode=image&imageurl=" + encodeURIComponent(json[i].imageurl);
      content += "&no=" + json[i].mediaId + "','_self')\" style=\"cursor:pointer;\">";
      content += "            </div>";
      content += "            <BR>" + name;
      content += "            <BR><font color=\"#FF7A0E\"><strong>" + json[i].price + "원</strong></font>";
      content += "          </td>";
      content += "          <td width=\"2\" valign=\"top\"><img src=\"images/main_middle_list_side_bar.gif\" width=\"2\" border=\"0\"></td>";
    }
  }
  content += "        </tr>";
  content += "      </table>";

  $(targetId).innerHTML = content;
}

function prevList(targetId){
  if(sPage < 2){
    alert("목록의 처음입니다.");
    return;
  } else {
    sPage--;
    SearchByMeta(targetId,sPage,8);
  }
}

function nextList(targetId){
  sPage++;
  SearchByMeta(targetId,sPage,8);
}

function selectCondition(mode, part, value){
  var imgVal = "images/search_left_condition_icon_";
  if(mode == "over"){
    $(part+"_"+value).src = imgVal + "over.gif";
  } else if (mode == "out"){
    if(eval("Condition_form."+part).value == value){
      $(part+"_"+value).src = imgVal + "selected.gif";
    } else {
      $(part+"_"+value).src = imgVal + "line.gif";
    }
  } else if (mode == "click"){
    $(part+"_"+eval("Condition_form."+part).value).src = imgVal + "line.gif";
    eval("Condition_form."+part).value = value;
    $(part+"_"+value).src = imgVal + "selected.gif";
    Condition_form.resultsetkey.value = "1";
    Condition_form.submit();
  }
}