<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
        jQuery('.Tabs li').click(function(){
                jQuery('.Tabs li').removeClass('active');
                jQuery(this).addClass('active');
                jQuery(this).find('a');
 return false;
        });
jQuery('a.all_itens').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas1').show();
                });
jQuery('a.all_pay').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas2').show();
                });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total = ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){

    $('.cart-item').unbind('click');

    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;

$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));

  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";

  total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script><script>
function enviatag(tag, local) {
  var message = "
[center][b]Loja[/b][/center]
[center]&nbsp;[/center];
  jQuery(local).html(message);
  jQuery(local).closest('form').find('input[name="post"]').click();
}
$(function() {
  $.get('/profile?mode=editprofile', function(prof) {
      var link=$('form[action="/profile"] .main-head .subtitle a[href^="/u"]',prof).attr('href');
      $.get(link, function(cash) {
        my_cash=$('#profile-advanced-details .main-content .middleline dl:contains("Pontos") dd',cash).text();
        $('.myc cash').html(my_cash);
      });
  });
});
</script><style type="text/css">
li.views.desc {
list-style: none !important;
}
.cart_items, #checkout {
padding: 10px;
border-radius: 3px;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(75, 66, 54);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(75, 66, 54);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
}
.box_r {
background: rgba(49, 42, 38, 1);
box-shadow: #000 0px 0px 5px;
}
.box_t {
box-shadow: inset #000 0px 0px 5px;
background: #413931;
}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-left: 1px solid #DBE4EF;
list-style: none !important;
}
.Tabs li {
background: #241F1B;
color: #634D42;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
background: rgba(49, 42, 38, 1);
color: #3A3532 !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #1A1512;
}
.Tabs li a {
display: block;
padding: 10px 8px;
color: #241F1D !important;
font-weight: bold;
text-shadow: 1px 1px 0px #695B51, -1px -1px 0px #000000;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: transparent !important;
text-shadow: #9C7F71 0px 0px 3px;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #8A7A6C;
padding: 10px;
color: #3A2F27;
line-height: 1.6;
font-size: 12px;
box-shadow: inset #000 0px 0px 10px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
margin: -28px 0px 0px 145px;
position: absolute;
}
.myc {cursor: pointer;}

table.tbl {
margin: 10px;
}


</style>
<div class="main">

<div class="main-head">

<div class="page-title">
<h2>Loja
</h2>
</div>

</div>

<div class="main-content cont">

<div class="LayoutLeft clearfix">

<div class="Tabs Layout_smallleft">

<ul>

<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a>
</li>

<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a>
</li>

</ul>
</div>

<div id="usercp_content">

<div class="box_r">

<div class="box_t">
<!--  Início aba 1  -->
<div class="abas" id="abas1">

<div style="margin:10px" class="message">
<strong class="myc">Sua carteira: <cash style="font-style: italic;">0</cash></strong> <br /> Esse valor é determinado por sua participação no fórum ao postar mensagens, criar tópicos, etc.
</div>
<div class="main-head">

<div class="page-title">
<h2>
Ítens
</h2>
</div>

</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="Carrinho" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Loja" /><textarea id="taglocal" style="display:none" name="message"></textarea></span>
</li>
<table class="tbl" cellspacing="0">

<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/5r71i5i4b/assinatura.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
  <strong>Assinatura</strong>
<br /> <span class="desc lighter blend_links">Pacote que garante direito de uso da assinatura. Duração de 1 mês.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="500" class="views desc points">
  <img src="http://i.imgur.com/qdiucii.png" /> Preço: 500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/mqfzxetbv/pacexp.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Pacote EXP</strong>
<br /> <span class="desc lighter blend_links">Compre EXP extra caso não consiga tempo para upar! Compra limitado por jogador.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1000" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1000
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://s25.postimg.org/j5k4e6osb/persextra.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<strong>Personagem Extra</strong>
<br /> <span class="desc lighter blend_links">Compre mais um personagem para jogar. Nível básico.</span>
</td>
<td class="col_f_post">

<ul>

<li data-myprice="1500" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 1500
</li>

<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Estoque: Disponível
</li>

<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>

</ul>

</td>
</tr>

</tbody>
</table>

</div>

</div>
<!--  Fim aba 1  -->
  <div class="box_t">
<!--  Início aba 2  -->
<div style="display: none" class="abas" id="abas2">
  <div class="main-head">
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>

</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Administrador" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Loja" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Confirmar compra" type="submit" id="submitCart" /> Confirme seus produtos. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>

</div>
<div id="checkout">
Para comprar basta confirmar suas escolhas e em seguida enviar o pedido. Num prazo máximo de 24 horas ele será atendido. Agradecemos a preferência!</span>
</div>

</div>
</div>
<!--  Fim aba 2  -->
 </div>
</div>

</div>

</div>
</div>