function init_flash() {
  if ($("#content1 object").attr("data") != null) return;
  $("#content1").empty();
  var flashvars = { };
  flashvars.design = "0";
/*  if (window.location.hostname == "localhost")
    flashvars.host="http://localhost:8080/tagage/"; else */
  flashvars.host="http://" + window.location.host + "/tagage/";
  $.post("login","cmd=isGuest",function(data) {
    if (data == "true" || data == "notlogged") flashvars.guest = "1"; else flashvars.guest = "0";
    $("#content1").flashembed ({ src: "TagAgeMain.swf", wmode: "opaque", version: [9, 0] }, flashvars);
  })
}

function login_warning () {
  $(".popupbg_core").css("opacity","0.5").show();
  $(".popup#login_warning").fadeIn("normal");
}

function inject(scope, data)
{
  var pairs = data.split("&");
  for (i = 0; i < pairs.length; i++) {
    var sep = pairs[i].indexOf("=");
    var name = pairs[i].substr(0, sep);  // pair[0];
    var value = pairs[i].substr(sep+1).replace('!','&'); // pair[1];
    var elem = $(scope).find("."+name);

    if (elem.is("input")) elem.val(value);
    else {
      if (elem.is("img")) elem.attr("src", value);
      else {
        elem.html(value);
      }
    }
  }
}

function inject2(scope, data)
{
  var pairs = data.split("&");
  for (i = 0; i < pairs.length; i++) {
    var pair = pairs[i].split("=");
    var name = pair[0];
    var value = pair[1];
    var elem = $(scope).find("#"+name);
    if (elem.is("input")) elem.val(value);
    else if (elem.is("select")) elem.val(value);
    else {
      if (elem.is("img")) elem.attr("src", value);
      else {
        elem.html(value);
      }
    }
  }
}

function outject2(scope)
{
  var result = "";
  $(scope).find("input").each(function() {
    if (result != "") result = result + "&";
    result = result + $(this).attr("id") + "=" + $(this).val();
  });
  return (result);
}

function check_required ()
{
  var valid = true;
  $(".req").each(function() {
    if ($(this).is(":visible")) {
      if ($(this).val().length < 1) {
        valid = false;
        $(this).css("background-image","url(img/red_grad.png)");
      }
      else {
        $(this).css("background-image","url(img/field_grad.png)");
      }
    }
  })
  return (valid);
}

function unselect_tabs() {
  $(".top_tab").removeClass("selected").css("background-image","url(img/tab_black.png)").children("p").css("color","white");
  Cufon.refresh(".top_tab p");
}

function home() {
  unselect_tabs();
  $("#content1").css("width","0px").css("height","0px");
  $("#content2").empty().hide();
  $("#content3").empty().load("jsp/welcome.jsp").show();
}

function login_status(data) {
  if (data=="fail" || data=="Timeout") {
    $("#top_logout").hide();
    $("#top_login").show("normal");
// 140110    $("#top_tabs").hide();
//    $("#top_tabs").show();
    $("#tab_creator").hide();
//    $(".top_tab").removeClass("active");
    $("#blog_link").removeClass("active").hide();
    $("#blog").removeClass("active");
    $("#account_link").html("Create new account");
    $("#mydesigns_link").hide();
    $("#forgot_pw").show();
  }
  else {
    init_flash();
    $("#top_login").hide("normal");
    $("#login_fail").hide();
    $("#top_logout").show("normal");
    $("#tab_creator").show();
    $("#loginname").html("Logged in as " + data);
//    $("#top_tabs").show();
    $.post("login","cmd=isGuest",function(data) {
      if (data == "true") { 
        $("#mydesigns_link").hide();
        $("#account_link h4").html("Create new account");
      }
      else {
        $("#mydesigns_link").show();
        $("#account_link").html("My account");
      }
    })
    $(".top_tab").addClass("active");
    $("#blog_link").addClass("active").show();
    $("#tab_creator").click();
    $("#forgot_pw").hide();
  }
}

function tab_refresh() {

}

function announce(text) {
  $(".popup#announce h5").html(text);
  $(".popup#announce")
  .css("top", "200px")
  .css("left", "500px")
  .fadeIn("normal")
  .animate({
    opacity: 1.0
  }, 500)
  .fadeOut(1000);
}

$(document).ready(function() {
  home();
  Cufon.replace ('.top_tab p', { fontFamily: 'Sui Generis' });
  $.post("login", { cmd : 'checkStatus' }, function(data) { login_status(data); });
  $("#login_fail").hide();
  BrowserDetect.init();
  if ((BrowserDetect.browser=="Explorer" && BrowserDetect.version >= 7) ||
    (BrowserDetect.browser=="Firefox" && BrowserDetect.version >= 2) ||
    (BrowserDetect.browser=="Chrome" && BrowserDetect.version >= 1) ||
    (BrowserDetect.browser=="Opera" && BrowserDetect.version >= 6)) {
    $("#password").hide();
    if (screen.width <= 1024 || screen.height <= 768) alert ("Your display resolution (" + screen.width + " x " + screen.height + ") is quite low, try pressing F11 to use TagAge");
  }

  else {
    alert("Your browser: " + BrowserDetect.browser + " version " + BrowserDetect.version + " is not supported.");
    $("#content1").css("width","0px").css("height","0px");
    $("#content2").empty().load("jsp/unsuppBrowser.jsp").show();
    $("#content3").empty().hide();
  }

  $("#username").focus(function() { 
    $(this).val(''); $(this).css('color','black'); $("#login_fail").hide();
  })
  $("#pwhelp").focus(function() { 
    $(this).hide(); $("#password").show().focus();
  })
  $("#password").focus(function() { 
    $(this).val(''); $("#login_fail").hide();
  })
  $("#password").keyup(function(event) { 
    if (event.keyCode == 13) $("#do_login").click();
  })

  $("#do_login").click(function() {
    $.post("login", "cmd=openConn", function() {
      $.post("login", {
        cmd : 'doLogin',
        u : $("#username").val(),
        p : $("#password").val()
      }, function(data) {
        login_status(data);
        if (data!="fail" && data!="Timeout") {
          $("#login_fail").hide();
        }
        else $("#login_fail").show();
      })
    })
  })

  $("#logout").click(function() {
    $("#content1").empty();
    $.post("login", "cmd=doLogout", function(data) { 
      login_status(data);
    })
    $("#password").hide();
    $("#pwhelp").show();
    $("#username").css("color","#777").val("userid or email");
    home();
  })

  $(".tab_area").mouseenter(function() {
    $(".top_tab").stop(true,true).css("top","15px");
    var tab = $(this).children(".top_tab");
    if (!$(tab).hasClass("selected")) {
      $(tab).animate({ "top":"-=10px" },"fast").animate({ "top":"+=10px" },"fast").animate({ "top":"-=5px" },"fast").animate({ "top":"+=5px" },"fast");
      $(tab).css("background-image","url(img/tab_white.png)").children("p").css("color","#888");
      Cufon.refresh(".top_tab p");
    }
  })

  $(".tab_area").mouseleave(function() {
    var tab = $(this).children(".top_tab");
    $(tab).animate({ "top":"-=5px" },"fast").animate({ "top":"+=5px" },"fast");
    if (!$(tab).hasClass("selected"))
      $(tab).css("background-image","url(img/tab_black.png)").children("p").css("color","white");
    Cufon.refresh(".top_tab p");
  })

  $(".tab_area").click(function() {
    $('#slideshow').stop(true,true);
    $(".top_tab").stop(true,true).css("top","15px").removeClass("selected").css("background-image","url(img/tab_black.png)").children("p").css("color","white");
    var tab = $(this).children(".top_tab");
    $(tab).addClass("selected").css("background-image","url(img/tab_white.png)").children("p").css("color","black");
    Cufon.refresh (".top_tab p");
  })

  $("#tab_about").click(function() {
    $("#content1").css("width","0px").css("height","0px");
    $("#content2").hide();
    $("#content3").empty().load("jsp/aboutpage.jsp").show();
  })

  $("#tab_contacts").click(function() {
    $("#content1").css("width","0px").css("height","0px");
    $("#content2").hide();
    $("#content3").empty().load("jsp/contact.jsp").show();
  })

  $("#tab_news").click(function() {
    $("#content1").css("width","0px").css("height","0px");
    $("#content2").hide();
    $("#content3").empty().load("jsp/newspage.jsp").show();
  })

  $("#tab_creator").click(function() {
    if ($(this).hasClass("active")) {
      $("#content1").css("width", "1000px").css("height","600px").show();
      $("#content2").hide();
      $("#content3").empty().hide();
    }
  })

//  $("top_link").click(function() {
//    $("top_tab").removeClass("active");
//  })

  $("#account_link").click(function() {
    $.post("login","cmd=isGuest", function(data) {
      if (data == "true" || data == "notlogged") {
        $("#tab_creator").removeClass("top_tab_act").siblings().removeClass("top_tab_act");
        $("#content3").empty().hide();
        $("#content2").empty().load("jsp/register.jsp").show();
      }
      else {
        $.post("data", "cmd=get&obj=country_list", function(data) {
          $("#ad_co_code").html(data);
          $(".popupbg_core").css("opacity","0.5").show();
          $("#acc_update").fadeIn("normal");
          $.post("data","cmd=get&obj=myaccount",function(data) {
            inject2("#acc_update", data);
            if ($("#cu_type").val() != 'B') $(".bus").hide();
              else $(".bus").show();
          });
        })
      }
    })
  })

  $("#acc_save").click(function() {
    $.post("data","cmd=put&obj=myaccount&" + $("#acc_update").find("form").serialize());
    $(".popupbg_core").hide();
    $("#acc_update").fadeOut("normal");
    announce("Account updated");
  })

  $("#acc_cancel").click(function() {
    $(".popupbg_core").hide();
    $("#acc_update").fadeOut("normal");
  })

  $("#mydesigns_link").click(function() {
    if ($(this).hasClass("active")) {
      unselect_tabs();
      $("#content1").css("width","0px").css("height","0px");
      $("#content2").empty().load("jsp/archive.jsp?dummy=" + Math.random()).show();
      $("#content3").empty().hide();
    }
  })

  $("#cart_link").click(function() {
    if ($(this).hasClass("active")) {
      unselect_tabs();
      $("#content1").css("width","0px").css("height","0px");
      $("#content2").empty().load("jsp/cart.jsp?dummy=" + Math.random()).show();
      $("#content3").empty().hide();
    }
  })

  $(".bottom_link").click(function() {
    unselect_tabs();
    if ($(this).attr("id") != "support") {
      $("#content1").css("width","0px").css("height","0px");
      $("#content3").empty().hide();
    }
  })

  $("#contact_us").click(function() { 
    $("#content2").empty().load("jsp/feedback.jsp").show(); return(false);
  })
  $("#company_info").click(function() { 
    $("#content2").empty().load("html/company_info.html").show(); return(false);
  })
  $("#faq").click(function() { 
    $("#content2").empty().load("html/faq.html").show(); return(false);
  })
  $("#delivery_info").click(function() { 
    $("#content2").empty().load("html/delivery.html").show(); return(false);
  })
  $("#payment_options").click(function() { 
    $("#content2").empty().load("html/payment_options.html").show(); return(false);
  })
  $("#return_policy").click(function() { 
    $("#content2").empty().load("html/return_policy.html").show(); return(false);
  })
  $("#policy").click(function() { 
    $("#content2").empty().load("html/privacy_policy.html").show(); return(false);
  })
  $("#conditions").click(function() { 
    $("#content2").empty().load("html/conditions.html").show(); return(false);
  })
  $("#siteterms").click(function() { 
    $("#content2").empty().load("html/site_terms.html").show(); return(false);
  })
  $("#blog").click(function() { 
    $("#content2").empty().load("jsp/blog.jsp").show(); return(false);
  })
  $("#help").click(function() { 
    $("#content2").empty().load("jsp/help.jsp").show(); return(false);
  })

  $(".popup#login_warning input").click(function() {
    $(".popupbg_core").hide();
    $(".popup").fadeOut("normal");
  })

  $("#top_logo").click(function() {
    home();
  })

  $("#forgot_pw").click(function() {
    $(".popupbg_core").css("opacity","0.5").show();
    $("#forgot_password").fadeIn("normal");
  })

  $("#pw_send").click(function() {
    var email_addr = $("#pw_email").val();
    $.post("mail", "cmd=forgot_pw&prm=" + email_addr, function(data) {
      if (data=="ok") {
        $(".popupbg_core").hide();
        $(".popup").fadeOut("normal");
      }
      else $("#pw_email").css("background-image","url(img/red_grad.png)");
    })
  })

  $("#pw_cancel").click(function() {
    $(".popupbg_core").hide();
    $(".popup").fadeOut("normal");
  })

  $("#change_pw").click(function() {
    $(".popup").fadeOut("normal");
    $("#pw_new1").val("");
    $("#pw_new2").val("");
    $("#change_password").fadeIn("normal");
    return (false);
  })

  $("#pw_renew").click(function() {
    var pw1 = $("#pw_new1").val();
    var pw2 = $("#pw_new2").val();
    if (pw1 != pw2 || pw1.length < 6) {
      $("#pw_new1").css("background-image","url(img/red_grad.png)");
      $("#pw_new2").css("background-image","url(img/red_grad.png)");
    }
    else {
      $.post("login", "cmd=setPassword&prm=" + pw1);
      $(".popupbg_core").hide();
      $(".popup").fadeOut("normal");
      announce("Password changed");
    }
  })

  $("#pw_cancel2").click(function() {
    $(".popupbg_core").hide();
    $(".popup").fadeOut("normal");
  })

  $("#cancel_wait").click(function() {
    $(".popupbg_core").hide();
    $(".popup").fadeOut("normal");
  })
})