// JavaScript Document

function menua(lo){
  
  if (lo == 1){
    document.getElementById('lo').style.display = "block";
    document.getElementById('li').style.display = "none";
    }
  }
function menuoben (a){
    document.getElementById(a).style.color = "#B21418";
    }
    
function menuobenz (a){
    document.getElementById(a).style.color = "#333333";
    }

function bildwechsel(a){
    document.getElementById(a).style.backgroundColor = "#B21418"; 
    }
  
function bildwechselz (a){
    document.getElementById(a).style.backgroundColor = "#000000";
    }
    
function erklaerung(){
  var ein=document.getElementById('erk').style.display;
  if (ein==""){ein="none";}
  if (ein=="none"){
    document.getElementById('erk').style.display="inline";
    document.getElementById('fragez').style.backgroundImage="url(images/fragezeichen_akt.png)";
   }
  else if (ein=="inline") {
    document.getElementById('erk').style.display="none";
    document.getElementById('fragez').style.backgroundImage="url(images/fragezeichen.png)";
   }
  }
  
function fensterzu() {
  document.getElementById('aktion').style.display="none";
  immerzu=1;
  }

function aktion() {
    alert (document.getElementById('aktion').style.display);
    document.getElementById('aktion').style.display="inline";
    }
    
function empfval() {
  var suche = /^[\w.-]{2,}\@(?:[a-z0-9-]{2,}\.)*[a-z0-9-]{2,}\.[a-z]{2,4}$/i;
  var eigen = document.getElementById('eigenemail').value;
  var empf = document.getElementById('empfemail').value;
  if (eigen!="" && empf!="" && suche.test(empf)!=false && suche.test(eigen)!=false){
    return true;
  }
  else{
  return false;
  }
}
  
function kasten(e){
  var tg=document.getElementById('mo').value;
  if (tg==1){
    var gpreis = 1;
    var dauer = 1;
    var posx1=document.getElementById('posx').value;
	  var posy1=document.getElementById('posy').value;
    var korrektx = document.getElementById('bild').offsetParent.offsetLeft+10; 
	  var korrekty = document.getElementById('bild').offsetParent.offsetParent.offsetTop+61;    
	  if (e.pageX || e.pageY){
		    var posx = e.pageX;
		    var posy = e.pageY;
	  }
	  else if (!e.pageX || !e.pageY) {
		    var posx = e.clientX + document.body.scrollLeft
			  + document.documentElement.scrollLeft;
		    var posy = e.clientY + document.body.scrollTop
			  + document.documentElement.scrollTop;
	   }
	 // Werte anpassen
	 var posx1_new=(posx1-1)*9;
	 var posy1_new=(posy1-1)*9;
	 var posfeldx1=Math.floor(((posx-korrektx)+9)/9)*9;
	 var posfeldy1=Math.floor(((posy-korrekty)+9)/9)*9;
   var breite = (posfeldx1-posx1_new)/9;
	 var hoehe = (posfeldy1-posy1_new)/9;
	 var divbreite = breite*9;
	 var divhoehe = hoehe*9;
	 
	 document.getElementById('rahmen').style.top=posy1_new+"px";
	 document.getElementById('rahmen').style.left=posx1_new+"px";
   document.getElementById('rahmen').style.display="block";
	 document.getElementById('rahmen').style.width=divbreite+"px";
	 document.getElementById('rahmen').style.height=divhoehe+"px";
	 
	 // Zahlfenster heranrücken
   var posxf = posx+20;
   var posyf = posy+20;
   document.getElementById('pixelreg').style.top=posyf+"px";
	 document.getElementById('pixelreg').style.left=posxf+"px";
	 // Infofeld füllen
   document.getElementById('breite').value = breite;
	 document.getElementById('hoehe').value = hoehe;
	 var gpreis = 7.5
   if (document.getElementById('link').checked){
    var link = 1.5;
    }
  else {
    var link = 1;
    }
	if (document.berechnung.dauer[0].checked){
    dauer = 1;
    gpreis = gpreis * link;
    }
  else {
    dauer = 2;
    gpreis = gpreis * 0.8 * link;
    }
	var breitediv = breite * 9;
	var hoehediv = hoehe * 9;
	var preis_roh = breite * hoehe * gpreis * dauer;
	var preis = preis_roh.toFixed(2);
	document.getElementById('preis').value = preis;
  }
 }
      
function position1(e){
  document.getElementById('weg').style.display = "block";
  var posx = 0;
	var posy = 0;
	var korrektx = document.getElementById('bild').offsetParent.offsetLeft+10; 
	var korrekty = document.getElementById('bild').offsetParent.offsetParent.offsetTop+61;    
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (!e.pageX || !e.pageY) {
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
  var posfeldx1=Math.floor(((posx-korrektx)+9)/9);
	var posfeldy1=Math.floor(((posy-korrekty)+9)/9);
	
	var belegtpruefen=document.getElementById('belegt').value;
	var wo = ((posfeldx1)+((posfeldy1-1)*123))-1;
  if (Number(belegtpruefen.substr(wo,1))==0) {
  document.getElementById('posx').value = posfeldx1;
	document.getElementById('posy').value = posfeldy1;
	document.getElementById('mo').value = 1;
  }
	else {
  document.getElementById('posx').value = "";
  document.getElementById('posy').value = "";
  document.getElementById('breite').value = "";
  document.getElementById('hoehe').value = "";
  document.getElementById('preis').value = "";
  }
}

function position2(e){
  // Variablen definieren
  var gpreis = 1;
  var dauer = 1;  
  var posx1 = document.getElementById('posx').value;
  var posy1 = document.getElementById('posy').value;
  var posx = 0;
	var posy = 0;
	var korrektx = document.getElementById('bild').offsetParent.offsetLeft+10; 
	var korrekty = document.getElementById('bild').offsetParent.offsetParent.offsetTop+61;
  if (posx1!=0){
  //if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (!e.pageX || !e.pageY) { //e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	var posfeldx2=Math.floor(((posx-korrektx)+9)/9);
	var posfeldy2=Math.floor(((posy-korrekty)+9)/9);
	var breite = posfeldx2-posx1+1;
	var hoehe = posfeldy2-posy1+1;
	var preis = breite * hoehe * gpreis * dauer;
  if (hoehe > 0 && breite > 0 && preis > 0 && posx < 1117 && posy < 924){
	//felder besetzt?
	var belegtpruefen=document.getElementById('belegt').value;
	zaehler = 0;
  for (y=1;y<=hoehe;y++){
    for (i=0;i<breite;i++){
      var wo = (Number(posx1)+i)+(123*(y+Number(posy1)-2))-1;
        if (belegtpruefen.substr(wo,1) == 1){
          document.getElementById('posx').value = "";
          document.getElementById('posy').value = "";
          document.getElementById('breite').value = "";
          document.getElementById('hoehe').value = "";
          document.getElementById('preis').value = "";
          document.getElementById('mo').value = 0;
          document.getElementById('rahmen').style.display="none";
          
          return false;
        }
      }
    }
  document.getElementById('breite').value = breite;
	document.getElementById('hoehe').value = hoehe;
	var gpreis = 7.5
  if (document.getElementById('link').checked){
    var link = 1.5;
    }
  else {
    var link = 1;
    }
	if (document.berechnung.dauer[0].checked){
    dauer = 1;
    gpreis = gpreis * link;
    }
  else {
    dauer = 2;
    gpreis = gpreis * 0.8 * link;
    }
	var breitediv = breite * 9;
	var hoehediv = hoehe * 9;
	var preis_roh = breite * hoehe * gpreis * dauer;
	var preis = preis_roh.toFixed(2);
	document.getElementById('preis').value = preis;
	document.getElementById('auswahl').style.top = Math.floor((posy1 - 1)*9) + "px";
	document.getElementById('auswahl').style.left = Math.floor((posx1 - 1)*9) + "px";
	document.getElementById('auswahl').style.width = Math.floor(breite*9) + "px";
	document.getElementById('auswahl').style.height = Math.floor(hoehe*9) + "px";
	document.getElementById('auswahl').style.margin = 0;
	document.getElementById('auswahl').style.padding = 0;
  document.getElementById('auswahl').style.display = "block";
	document.getElementById('mo').value = 0;
	document.getElementById('rahmen').style.display = "none";
	document.getElementById('pixelreg').style.top=(posy+20)+"px";
	document.getElementById('pixelreg').style.left=(posx+20)+"px";
  }
	else {
  document.getElementById('posx').value = "";
  document.getElementById('posy').value = "";
  document.getElementById('breite').value = "";
  document.getElementById('hoehe').value = "";
  document.getElementById('preis').value = "";
  document.getElementById('mo').value = 0;
	document.getElementById('rahmen').style.display = "none";
  }
 }
}
 

function neuberechnung(){
  var breite = document.getElementById('breite').value;
  var hoehe = document.getElementById('hoehe').value;
  var gpreis = 7.5;
  if (document.getElementById('link').checked){
    var link = 1.5;
    }
  else {
    var link = 1;
    }
	if (document.berechnung.dauer[0].checked){
    var dauer = 1;
    gpreis = gpreis * link;
    }
  else {
    var dauer = 2;
    gpreis = gpreis * 0.8 * link;
    }
	var preis_roh = breite * hoehe * gpreis * dauer;
	var preis = preis_roh.toFixed(2);
	document.getElementById('preis').value = preis;
  }

function datentest(){
  if (document.getElementById('posx').value == ""){
    return false;
    }
 }

function linkistda() {
  if (document.getElementById('link').value== 1){
    if (document.getElementById('linkname').value == ""){
      document.getElementById('linkname').style.backgroundColor="#ffaaaa";
      document.getElementById('fehlaus').value = "Bitte geben Sie einen Link ein.";
      return false;
      }
    }
    
    //falls Upload leer, erstes Vorgabebild setzen
        var aus = document.getElementById('bildupload').value;
    
    // radiobutton aktiv?
    var ueberpruefung=0;
    for(i=0; i<document.formular.Bilder.length; i++){
        if (document.formular.Bilder[i].checked==true) {
          ueberpruefung=1;
        }
      }
    if (aus=="" && ueberpruefung==0){
      document.formular.Bilder[0].checked = true;
      }
    else if (aus!=""){
      for(i=0; i<document.formular.Bilder.length; i++){
        document.formular.Bilder[i].checked=false;
      }
    }
    
    // Länge des freien Textes prüfen
    var freilaenge = document.getElementById('freitext').value;
    if (freilaenge.length > 100){
      document.getElementById('freitext').style.backgroundColor="#ffaaaa";
      document.getElementById('fehlaus').value = "Der freie Text darf nur max. 100 Zeichen haben.";
      return false;
      }
  
  //agb's prüfen
  if (document.getElementById('agb').checked == false){
    document.getElementById('fehlaus').value = "Bitte bestätigen Sie die AGB's."; 
    return false; 
  }
  //return false;
}

function rechteck (e){
  var posx = 0;
	var posy = 0;
	var korrektx = document.getElementById('bild').offsetParent.offsetLeft+10; 
	var korrekty = document.getElementById('bild').offsetParent.offsetParent.offsetTop+61;  
  //if (!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (!e.pageX || !e.pageY) {
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
}