function getBetrag (standard, dshirt, hshirt, sprice, euprice, shirtprice) {
      var Ergebnis = 0;
      if (standard)
	    Ergebnis = sprice
	  else Ergebnis = euprice;
	  if (dshirt) Ergebnis = Ergebnis + shirtprice;
	  if (hshirt) Ergebnis = Ergebnis + shirtprice;
      alert("Ergebnis");
    }

    function showImage(file, index){

		if(!isNaN(index)) {

			var offset = 315;
			var size = 58;

			if (window.navigator.userAgent.indexOf("MSIE ") > -1) {
				offset = 292;
				size = 56;
			}
			document.getElementById('imageviewer').style.top = offset + (index*size) + 'px';

		} else {

			if(index == 's1')
				document.getElementById('imageviewer').style.left = 200 + 'px';
			else if(index == 's2')
				document.getElementById('imageviewer').style.left = 320 + 'px';
			else if(index == 's3')
				document.getElementById('imageviewer').style.left = 440 + 'px';
			else if(index == 's4')
				document.getElementById('imageviewer').style.left = 550 + 'px';

			document.getElementById('imageviewer').style.top = 330 + 'px';
			document.getElementById('imageviewer').style.width = 240 + 'px';

			document.getElementById('viewersource').style.width = 240 + 'px';
		}

		document.getElementById('viewersource').src = file;
		document.getElementById('imageviewer').style.display='block';

    }

    function hideImage() {
    	document.getElementById('imageviewer').style.display='none';
    }

    function showInfo(what) {

		var infotext = "";

		if(what == 1) {
			infotext = "<h3>Überweisung</h3>";
			infotext += "Nach erfolgreicher Datenübertragung erhalten Sie die Daten für das Konto, auf welches Sie innerhalb von 14 Tagen den angegebenen Betrag überweisen sollten.";

			document.getElementById('infoviewer').style.top = 305 + 'px';
			document.getElementById('infoviewer').style.height = 160 + 'px';

		} else if (what == 2) {
			infotext = "<h3>Kreditkarte</h3>";
			infotext += "Nach erfolgreicher Datenübertragung werden Sie zum Bezahlsystem weitergeleitet, wo Sie Ihre Kreditkartendaten hinterlassen können. Nach erfolgreicher Bezahlung sind Sie sofort offizieller Wortpate.";

			document.getElementById('infoviewer').style.top = 300 + 'px';
			document.getElementById('infoviewer').style.height = 190 + 'px';

		} else if (what == 3) {
			infotext = "<h3>Direktüberweisung</h3>";
		    infotext += "Nach erfolgreicher Datenübertragung werden Sie zum Bezahlsystem weitergeleitet. Neben Ihren Kontodaten benötigen Sie hierfür auch eine TAN Nummer um die Überweisung zu tätigen. Der Vorteil besteht darin, dass Sie ohne Verzögerung Wortpate werden.";

			document.getElementById('infoviewer').style.top = 270 + 'px';
			document.getElementById('infoviewer').style.height = 240 + 'px';
		}

		document.getElementById('infoviewer').style.display='block';
		document.getElementById('text').innerHTML = infotext;

    }

    function hideInfo() {
    	document.getElementById('infoviewer').style.display='none';
    }


    function preloadImages()
    {
       document.imgarray = new Array();

       if(document.images)
       {
           for(var i = 0; i < preloadImages.arguments.length; i++)
           {
               document.imgarray[i] = new Image();
               document.imgarray[i].src = 'images/' + preloadImages.arguments[i] + '.jpg';
           }
       }
    }

    /**
     * Löscht den Inhalt eines übergebenen Formularfeldes
     *
     * @access public
     * @return void
     **/
    function clearField(field,compare){
    	if(compare == 0)
			field.value = '';
		else
			if(field.value.length < 1)
				field.value = compare;
    }

	/**
	 * Fade in bzw. Fade out Effekt für Popup
	 *
	 * @access public
	 * @return void
	 **/
    var step_count = 0;

	function slide(dir,object) {
	    var steps = 10;
        var width = parseInt(document.getElementById(object).offsetWidth);
        var step = Math.round(width/steps);

        var actLeft = document.getElementById(object).offsetLeft;

        if(dir == 'out') {
	        document.getElementById(object).style.left = (actLeft-step)+"px";
	    }

	    if(dir == 'in') {
	        document.getElementById(object).style.left = (actLeft+step)+"px";
	    }

	    step_count++;

	    if(step_count < steps) {
	        setTimeout("slide('"+dir+"','"+object+"')",50);
	    } else {
            step_count = 0;
            return true;
        }
	}
	jQuery(document).ready(function () {
		$ = jQuery;
		$(".change").click(function() {
			$(".claim").fadeOut();
			$('.image').animate({
				top: 1000
			}, 800, "easeInBack", function() {
				$('.image').remove();
				$('.image_normal').animate({
					top: 0
				}, 1000, "easeOutBounce", function() {
					$('.anim_bg').fadeOut("fast");
					$('.image_normal').fadeOut("fast");
					$('.overlay').fadeOut("fast", function() {
						$('.overlay').remove();
						$('.claim_container').remove();
						$('.image_normal').remove();
					});
				});				
			});			
		});
	});