<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<script type="text/javascript" src="http://kkjs.kkapsner.de/modules/kkjs.load.js"></script>
<script type="text/javascript">
kkjs.event.onWindowLoad(function(){
var label = document.getElementsByTagName("label");
Array.prototype.forEach.call(label, function(label){
var htmlFor = document.getElementById(label.htmlFor);
if (htmlFor && htmlFor.nodeName == "INPUT" || htmlFor.nodeName == "TEXTAREA"){
var img = label.getElementsByTagName("img");
Array.prototype.forEach.call(img, function(img){
kkjs.event.add(img, "click", function(ev){
switch (htmlFor.type){
case "radio":
case "checkbox":
htmlFor.checked = !htmlFor.checked;
default:
try {
htmlFor.focus();
} catch(e){ }
}
ev.preventDefault();
});
});
}
});
});
}//Ende checkRadio
</script>
</head>
<body>
<div>
<div>
<h1>Produktreihe</h1>
<label for="primus" onclick="CheckRadio('primus');">
<img src="produktreihe/Primus.jpg" alt="primus" />
</label>
<input type="radio" name="produktreihe" id="primus" style="display: none;" />
<label for="vario" onclick="CheckRadio('vario');">
<img src="produktreihe/Vario.jpg" id="bild_vario" alt="Vario" style="border-style: none;"/>
</label>
<input type="radio" name="produktreihe" id="vario" style="display: none;" />
<label for="select" onclick="CheckRadio('select');">
<img src="produktreihe/Select.jpg" alt="Select" style="border-style: none;"/>
</label>
<input type="radio" name="produktreihe" id="select" style="display: none;" />
<label for="express" onclick="CheckRadio('express');">
<img src="produktreihe/Express.jpg" alt="Express" style="border-style: none;"/>
</label>
<input type="radio" name="produktreihe" id="express" style="display: none;" />
</div> <!-- Ende Produktreihe -->
</div>
<div>
<h1>Ihre Wahl</h1>
<div style="display: none;" id="auswahl_primus"><img src="produktreihe/Primus.jpg" alt="primus" /> </div>
<div style="display: none;" id="auswahl_vario"><img src="produktreihe/Vario.jpg" id="bild_vario" alt="Vario" style="border-style: none;"/> </div>
<div style="display: none;" id="auswahl_select"><img src="produktreihe/Select.jpg" alt="Select" style="border-style: none;"/> </div>
<div style="display: none;" id="auswahl_express"><img src="produktreihe/Express.jpg" alt="Express" style="border-style: none;"/> </div>
</div>
</body>
</html>
