function getCookie(c_name)
{
        if (document.cookie.length>0)
        {
                c_start=document.cookie.indexOf(c_name + "=");
                if (c_start!=-1)
                { 
                        c_start=c_start + c_name.length+1;
                        c_end=document.cookie.indexOf(";",c_start);
                        if (c_end==-1)
                                c_end=document.cookie.length;
                        return decodeURIComponent(document.cookie.substring(c_start,c_end));
                }
         }
         return false;
}
// GET URL Paramater (test ver)
function getRequest(){
  if(location.search.length > 1) {
    var get = new Object();
    var ret = location.search.substr(1).split("&");
    for(var i = 0; i < ret.length; i++) {
      var r = ret[i].split("=");
      get[r[0]] = r[1];
    }
    return get;
  } else {
    return false;
  }
}

var get = getRequest();

// alert(get["login"]);


// var common image path
var imgpath = "/design/pcjp/images/common/"

$(function(){
    if(is_logged_in) { // GET paramater ?login= (if login test ver)
        $("#account")
            .tag("ul").attr("class","navigation")
            .tag("li").tag("a").attr("href","/mypage/home").tag("img").attr({"src":imgpath +"mypage_off.gif","alt":"マイページ"}).gat().gat().gat()
            .tag("li").tag("a").attr("href","/zshop/autologout").tag("img").attr({"src":imgpath +"logout_off.gif","alt":"ログアウト"}).gat().gat().gat()
            //.tag("li").tag("a").attr("href","?login=0").tag("img").attr({"src":imgpath +"logout_off.gif","alt":"ログアウト"}).gat().gat().gat()
            .tag("li").tag("a").attr("href","/zshop/basket").tag("img").attr({"src":imgpath +"cart_off.gif","alt":"カートを見る"}).gat().gat().gat()
            .tag("li").tag("a").attr("href","/help").tag("img").attr({"src":imgpath +"help_off.gif","alt":"ヘルプ"}).gat().gat().gat()
            .gat()
    }
    else { // GET paramater ?login= (if logout test ver)
        $("#account")
            .tag("ul").addClass("navigation")
            .tag("li").tag("a").attr("href","/mypage/register").tag("img").attr({"src":imgpath +"regist_off.gif","alt":"会員登録"}).gat().gat().gat()
            .tag("li").tag("a").attr({"href":"?login=1","id":"forLogin"}).tag("img").attr({"src":imgpath +"login_off.gif","alt":"ログイン"}).gat().gat().gat()
            .tag("li").tag("a").attr("href","/zshop/basket").tag("img").attr({"src":imgpath +"cart_off.gif","alt":"カートを見る"}).gat().gat().gat()
            .tag("li").tag("a").attr("href","/help").tag("img").attr({"src":imgpath +"help_off.gif","alt":"ヘルプ"}).gat().gat().gat()
            .gat()
            .tag("fieldset").attr({"id":"signin","style":"display:none;"})
            .tag("form").attr({"method":"post","action":"https://sb.d21.co.jp/elm/api/d21/login.php","name":"login"}).append('<input type="hidden" name="save_password" id="input_pasword" value="" />')
            .tag("dl")
            .tag("dt").text("ID").gat()
            .tag("dd").tag("input").attr({"type":"text","name":"logon","value":""}).gat().gat()
            .tag("dt").text("パスワード").gat()
            .tag("dd").tag("input").attr({"type":"password","name":"password","value":""}).gat().gat()
            .gat()
            .tag("p").addClass("forget").tag("a").attr("href","https://sb.d21.co.jp/elm/password_helper").text("パスワードを忘れた方").gat().gat()
//            .tag("p").addClass("save").append('<label for="save"><input type="checkbox" name="save_id" id="save" value="on" />次回から入力を省略</label>').gat()
            .tag("ul")
            .tag("li").tag("input").attr({"type":"image","src":imgpath+"login.gif","name":"submit","value":"ログイン"}).gat().gat()
            .gat()
            .tag("ul").addClass("close")
            .tag("li").tag("img").attr({"src":imgpath+"close.gif","alt":"閉じる"}).gat().gat()
            .gat()
            .gat()
            .gat()

//        $("#account").append('<ul class="navigation"><li><a href="#"><img src="../images/common/regist_off.gif" alt="会員登録" /></a></li><li><a href="#" id="forLogin"><img src="'+imgpath+'login_off.gif" alt="ログイン" /></a></li><li><a href="#"><img src="'+imgpath+'cart_off.gif" alt="カートを見る" /></a></li><li><a href="#"><img src="'+imgpath+'help_off.gif" alt="ヘルプ" /></a></li></ul><fieldset id="signin" style="display: none;"><form method="post" action="?login=1" name="login"><dl><dt>ID</dt><dd><input type="text" name="id" value="" /></dd><dt>パスワード</dt><dd><input type="password" name="password" value="" /></dd></dl><p class="forget"><a href="#">パスワードを忘れた方</a></p><p class="save"><label for="save"><input type="checkbox" name="save" id="save" value="on" />次回から入力を省略</label></p><ul><li><input type="image" src="'+imgpath+'login.gif" name="submit" value="ログイン" /></li></ul><ul class="close"><li><img src="'+imgpath+'close.gif" alt="閉じる" /></li></ul>');
    };


    $("ul.close li img").click (
        function() {
            $(this).parents("#signin").hide();
        }
    );
    $("#forLogin").click (
        function() {
            $("#signin").show();
            return false;
        }
    );

    $("form.search input[type=text],#search input[type=text]").focus(function(){
        if(this.value == "検索"){
            $(this).val("");
        }
    });
    $("form.search input[type=text],#search input[type=text]").blur(function(){
        if(this.value == ""){
            $(this).val("検索")
        }
    });
    if(getCookie("logon") != ""){
            $("#logon>li").html("ようこそ "+getCookie("logon")+" さん");
    }
});

