var category_last = "";
var not_item = new Array("336");
function category(id) {
 if(id == category_last) {
  $("#category-" + id).fadeOut("fast");
  category_last = "";
 } else {
  $("#category-" + category_last).fadeOut("fast");
  $("#category-" + id).fadeIn("fast");
  category_last = id;
 }
}

function cancel_order() {
 document.getElementById("item_details").innerHTML = "";
 $("#item_details").fadeOut("fast");
 $("#order").fadeOut("fast");
 $("#content").fadeIn("fast");
}

function buy_now(item) {
 is_item = in_array(item, not_item) ? false : true;
 document.getElementById("order").innerHTML = '<div id="payment"></div>'
 + '<h1 style="float:left;">Order Form</h1>'
 + '<div id="cancel_order"><a href="#" onclick="javascript:cancel_order();">Cancel Order <img src="/media/img/cancel.gif" style="vertical-align:middle;" /></a></div>'
 + '<div style="clear:both;">'
 + '<div id="item_details"></div>'
 + '<div>'
  + '<form id="buy_form" action="javascript:order_save();" method="post">'
  + '<input type="hidden" name="item" value="" />'
  + '<table>'
   + '<tr>'
    + '<td class="field">Name, Lastname:</td>'
    + '<td class="value"><input type="text" name="name" /></td>'
   + '</tr>'
   + '<tr>'
    + '<td class="field">E-Mail:</td>'
    + '<td class="value"><input type="text" name="email" /></td>'
   + '</tr>'
   + '<tr>'
    + '<td class="field">Country:</td>'
    + '<td class="value"><div id=\"country_list\"></div></td>'
   + '</tr>'
   + '<tr>'
    + '<td class="field">Phone Number:</td>'
    + '<td class="value"><select style=\"width:100px;\" name="phonetype"><option value=\"Mobile\">Mobile</option><option value=\"Home\">Home</option></select><input style="width:295px;margin-left:5px;" type="text" name="phone" /><br /><span class="note">We\'ll send SMS to your mobile phone, when your item gets ready!</span></td>'
   + '</tr>'
   + (is_item ?
     '<tr><td>&nbsp;</td><td>&nbsp;</td></tr>'
   + '<tr>'
    + '<td class="field">Server:</td>'
    + '<td class="value">'
     + '<input type="radio" name="server" id="server_1" value="1" onclick="javascript:change_realm();" checked /><label for="server_1"> US</label> ' 
     + '<input type="radio" name="server" id="server_2" value="2" onclick="javascript:change_realm();" /><label for="server_2"> EU</label><br />'
    + '</td>'
   + '</tr>'
   + '<tr>'
    + '<td class="field">Realm:</td>'
    + '<td class="value"><select style="width:50px;" id="realm_letter" name="realm_letter" onchange="javascript:change_realm();"><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option><option value="I">I</option><option value="J">J</option><option value="K">K</option><option value="L">L</option><option value="M">M</option><option value="N">N</option><option value="O">O</option><option value="P">P</option><option value="Q">Q</option><option value="R">R</option><option value="S">S</option><option value="T">T</option><option value="U">U</option><option value="V">V</option><option value="W">W</option><option value="X">X</option><option value="Y">Y</option><option value="Z">Z</option></select>'
    + '<div id="realm_list">'
     + '<select style="width:350px;margin-left:5px;" name="realm" disabled>'
     + '<option>Please select the first letter of your realm</option>'
    + '</select>'
    + '</div></td>'
   + '</tr>'
   + '<tr>'
    + '<td class="field">Faction:</td>'
    + '<td class="value">'
     + '<input type="radio" name="faction" id="faction_1" value="A" checked /><label for="faction_1"> Alliance</label> '
     + '<input type="radio" name="faction" id="faction_2" value="H" /><label for="faction_2"> Horde</label>'
    + '</td>'
   + '</tr>'
   + '<tr>'
    + '<td class="field">Character Name:</td>'
    + '<td class="value"><input type="text" name="character" /></td>'
   + '</tr>'
   + '<tr><td>&nbsp;</td><td>&nbsp;</td></tr>'
   + '<tr>'
    + '<td class="field">Buyer\'s Note:</td>'
    + '<td class="value"><textarea name="buyersnote" style=\"font-size:12px;line-height:18px;width:400px;heigt:40px;\"></textarea></td>'
   + '</tr>' : '')
  + '</table>'
  + (is_item ? 
    '<ul style=\"font-size:12px;line-height:20px;color:#888;\"><li>Your character level must be 80 or higher</li><li>Delivery method "Face to Face"</li><li>Delivery Place is Stormwind for Alliance; Orgrimmar for Horde</li><li>Delivery in 24 hours or money back</li></ul>' : '')
  + '<br /><input type="submit" value="Pay through PayPal &gt;&gt;" />'
  + '</form>'
 + '</div>';

 $("#content").fadeOut("fast");
 $("#order").fadeIn("fast");
 if(is_item) {
  change_realm();
 }
 $("#country_list").load("/ajax/country.php");
 $.post("/ajax/item_details.php", {item: item}, function(x) {
  document.getElementById("item_details").innerHTML = x.details;
  $("#item_details").fadeIn("slow");
  document.getElementById("buy_form").item.value = x.item;
  if(is_item) {
   s_1 = document.getElementById("server_1");
   s_2 = document.getElementById("server_2");
   switch(x.server) {
    case "0":
     s_1.disabled = 0;
     s_2.disabled = 0;
     s_1.checked = 1;
    break;
    case "1":
     s_1.disabled = 0;
     s_2.disabled = 1;
     s_1.checked = 1;
    break;
    case "2":
     s_1.disabled = 1;
     s_2.disabled = 0;
     s_2.checked = 1;
    break;
   }
  }
 }, "json");
}

function order_save(item) {
 f = document.getElementById("buy_form");
 is_item = in_array(f.item.value, not_item) ? false : true;
 if(is_item) {
  form_data = {item: f.item.value, name: f.name.value, email: f.email.value, country: f.country[f.country.selectedIndex].value, phonetype: f.phonetype[f.phonetype.selectedIndex].value, phone: f.phone.value, server: (f.server[0].checked ? "US" : "EU"), realm: f.realm[f.realm.selectedIndex].value, faction: (f.faction[0].checked ? "A" : "H"), character: f.character.value, buyersnote : f.buyersnote.value};
 } else {
  form_data = {item: f.item.value, name: f.name.value, email: f.email.value, country: f.country[f.country.selectedIndex].value, phonetype: f.phonetype[f.phonetype.selectedIndex].value, phone: f.phone.value};
 }
 $.post("/ajax/order_save.php", form_data, function(x) {
  if(x.error.name) {
   $(f.name).addClass("error");
  } else {
   $(f.name).removeClass("error");
  }
  if(x.error.email) {
   $(f.email).addClass("error");
  } else {
   $(f.email).removeClass("error");
  }
  if(x.error.phone) {
   $(f.phone).addClass("error");
  } else {
   $(f.phone).removeClass("error");
  }
  if(x.error.realm) {
   $(f.realm).addClass("error");
   $(f.realm_letter).addClass("error");
  } else {
   $(f.realm).removeClass("error");
   $(f.realm_letter).removeClass("error");
  }
  if(x.error.character) {
   $(f.character).addClass("error");
  } else {
   $(f.character).removeClass("error");
  }
  if(x.error.country) {
   $(f.country).addClass("error");
  } else {
   $(f.country).removeClass("error");
  }
  if(x.success) {
   document.getElementById("payment").innerHTML = x.payment;
   document.getElementById("paypal").submit();
  }
 }, "json");
}

function pre_order(item) {
 $.colorbox({href:"/ajax/preorder.php?item=" + item, transition:"fade", speed:500});
}

function pre_order_save(item) {
 f = document.getElementById("preorder");
 $.post("/ajax/preorder_save.php", {item: f.item.value, name: f.name.value, email: f.email.value}, function(x) {
  if(x.error.name) {
   $("#preorder_name").addClass("error");
  } else {
   $("#preorder_name").removeClass("error");
  }
  if(x.error.email) {
   $("#preorder_email").addClass("error");
  } else {
   $("#preorder_email").removeClass("error");
  }
  if(x.success) {
   alert("Thank you! We will notify you when the item enters our stock!");
   $.colorbox.close();
  }
 }, "json");
}

function change_realm() {
 s = document.getElementById("buy_form").server;
 $("#realm_list").load("/ajax/realms.php?server=" + (s[0].checked ? "US" : "EU") + "&letter=" + document.getElementById("realm_letter")[document.getElementById("realm_letter").selectedIndex].value);
}

function select_category() {
 c = document.getElementById("category"); 
 category = c[c.selectedIndex].value;
 if(category != "") {
  window.location = '/category/' + category + '/';
 }
}

function in_array(needle, haystack) {
    var length = haystack.length;
    for(var i = 0; i < length; i++) {
        if(haystack[i] == needle) return true;
    }
    return false;
}

function cdkey(s) {
 var gametime = $("#cdkey_link");
 if(s) {
  gametime.removeClass("cdkey_link_1");
  gametime.addClass("cdkey_link_2");
 } else {
  gametime.removeClass("cdkey_link_2");
  gametime.addClass("cdkey_link_1");
 }
 setTimeout("cdkey(" + (s ? 0 : 1) + ")", 1000);
}

$(function(){
 cdkey(1);
});

