<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hapclicker</title>
<link rel="icon" href="http://panachay.altervista.org/hapclicker/hap.png">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="http://guklam.pe.hu/BTN/css/btn.css">
<link rel="stylesheet" type="text/css" href="css/tooltipster.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.0.min.js"></script>
<script type="text/javascript" src="js/jquery.tooltipster.min.js"></script>
<script>
$(document).ready(function() {
$('.tooltip').tooltipster();
});
</script>
<script>
$('.tooltip').tooltipster({
animation: 'fade',
delay: 0,
theme: 'tooltipster-default',
touchDevices: false,
trigger: 'hover'
});
</script>
</head>
<body>
<div class="block left">
<span class="entoure">
<span id="click">5</span><span>hap</span>
<span id="hap_seconde">0</span>
</span>
<div class="hap" onclick="hap_click(1)" id="hap_button"></div>
<span id="un">+1</span>
</div>
<div class="block center">
<h1>Améliorations</h1>
<table style="width:100%">
<tbody>
<tr class="tooltip" title="Produit 5 hap par seconde" id="fleche_desc" onclick="fleche_buy()" style="height: 40px;">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/mouse.gif">
</td>
<td style="width:80%;">
<span>Curseur</span><br><br>
Coûte <span id="prix_fleche">50</span> hap
</td>
<td style="width:10%;">
<span id="owned_fleche">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 5 hap par seconde" id="hapananas_desc" onclick="hapananas_buy()" style="height: 40px;">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/hapananas.png">
</td>
<td style="width:80%;">
<span>Hapananas<br><br>
Coûte <span id="prix_hapananas">100</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_hapananas">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 10 hap par seconde" id="hapakompri_desc" onclick="hapakompri_buy()" style="">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/hapakompri.png">
</td>
<td style="width:80%;">
<span>Un Hapakompri qui vous fera gagner (encore) encore plus de hap !<br><br>
Coûte <span id="prix_hapakompri">700</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_hapakompri">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 35 hap par seconde" id="usine_desc" onclick="usine_buy()">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/centrale.png">
</td>
<td style="width:80%;">
<span>Une centrale nucléonche qui produira des hap en masse</span><br><br>
Coûte <span id="prix_usine">1 500</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_usine">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 70 hap par seconde" id="esclave_desc" onclick="esclave_buy()">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/fouet.gif">
</td>
<td style="width:80%;">
<span>Esclavage : Faire travailler des noeliste dans les mines hap<br>
Coûte <span id="prix_esclave">5 000</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_esclave">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 140 hap par seconde" id="gro_desc" onclick="gro_buy()">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/grohap.png">
</td>
<td style="width:80%;">
<span>Un hap obèse qui dégueulera des hap pour vous<br><br>
Coûte <span id="prix_gro">10 000</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_gro">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 250 hap par seconde" id="portal_desc" onclick="portal_buy()">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/portail.png">
</td>
<td style="width:80%;">
<span>Ouvre un portail vers la hapième-dimension où se trouve un nombre infini de hap<br><br>
Coûte <span id="prix_portal">20 000</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_portal">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 500 hap par seconde" id="ange_desc" onclick="ange_buy()">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/hapange.png">
</td>
<td style="width:80%;">
<span>Le portail vous a téléporté vers la hapième-dimension, demeure des hapange, ils vous font don de hap en gage de leurs estime pour vous<br><br>
Coûte <span id="prix_ange">70 000</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_ange">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit 800 hap par seconde" id="hapower_desc" onclick="hapower_buy()" style="height: 40px;">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/hapower.png">
</td>
<td style="width:80%;">
<span>Invoque le démi-dieu hapower, avec sa vague de flood il invoque un nombre incalculable de hap<br><br>
Coûte <span id="prix_hapower">200 000</span> hap</span>
</td>
<td style="width:10%;">
<span id="owned_hapower">0</span>
</td>
</tr>
<tr class="tooltip" title="Produit ∞ hap par seconde" id="hap_desc" style="height: 40px;">
<td style="width:10%;">
<img src="http://panachay.altervista.org/hapclicker/haphap.png" style="width:40px;">
</td>
<td style="width:80%;">
<span>Invoque hap, le DIEU HAP, le seul et l'unique<br><br>
Coûte ∞ hap - Produit ∞ hap/seconde</span>
</td>
<td style="width:10%;"></td>
</tr>
</tbody>
</table>
<div class="tooltip" title="Partie sauvegardé" id="alert">Partie sauvegardé</div>
</div>
<div class="block right">
<button class="btn btn-primary btn-block" type="button" onclick="save()">Sauvegarder</button>
<button class="btn btn-warning btn-block" type="button" onclick="load()">Charger une sauvegarde</button>
<button class="btn btn-danger btn-block" type="button" onclick="reset()">Supprimer la sauvegarde</button>
<button class="btn btn-info btn-block" type="button" onclick="credit()">Credit</button>
<button class="btn btn-info btn-block">
<a href="http://www.jeuxvideo.com/forums/42-50-38736838-34-0-1-0-jeu-hapclicker.htm#post_708509190">Topic officiel</a>
</button>
<p id="save_string"></p>
<h1>Succés</h1>
</div>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
