function change_pixel(imgObj){
    //alert(imgObj.src);
    var Begriff = imgObj.src;
    var path = Begriff.split("/");
    var Teil = path[(path.length)-2]+"/"+path[(path.length)-1];
    imgObj.src = "pixel/tatze_gr.gif";
    imgObj.alt = Teil;   
}

function changeBack_pixel(imgObj){
    //alert(imgObj.alt);
    imgObj.src = imgObj.alt;
}

function checkPixelForm(){
  if($('sendname') && $('email')){
    if(($('sendname').value !="") && ($('email').value !="") && ($('datenschutz').checked==true)){
       $('label-name').style.color ="#0E5498";
       $('datenschutzerklarung').style.color ="#0E5498";
       var test = $('email').value;
       if (!test.match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)){
        $('label-email').style.color ="red";
        return false;
       }else{
        $('label-email').style.color ="#0E5498";
        return true;
       }           
    }else{
      if($('sendname').value ==""){
        $('label-name').style.color ="red";
      }else{
        $('label-name').style.color ="#0E5498";
      }
      if($('email').value ==""){
        $('label-email').style.color ="red";
      }else{
        $('label-email').style.color ="#0E5498";
      }
      if($('datenschutz').checked !=true){
        $('datenschutzerklarung').style.color ="red";
      }else{
        $('datenschutzerklarung').style.color ="#0E5498";
      }
      return false;
    }
  }else{
    $('label-name').style.color ="red";
    $('label-email').style.color ="red";
    $('datenschutzerklarung').style.color ="red";
    return false;
  }    
}

function checkPixelFormTipAFriend(){
  var formError = true;
  if($('tip-email').value == ""){
     $('label-tipemail').style.color="red";
     formError = false;
  }else{
    var test = $('tip-email').value;
    if (!test.match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)){ 
      $('label-tipemail').style.color="red";
      formError = false;
    }else{
      $('label-tipemail').style.color="#0E5498";
    }
  }
  if($('tip-sendname').value ==""){
    $('label-sendname').style.color="red";
    formError = false;
  }else{
    $('label-sendname').style.color="#0E5498";
  }
  //
  if($('tip-sendemail').value == ""){
     $('label-sendemail').style.color="red";
     formError = false;
  }else{
    var test2 = $('tip-sendemail').value;
    test2 = test2.replace(" ", "");
    var emails = test2.split(",");
    for(var i=0;i<emails.length;i++){      
      emails[i] = emails[i].replace(" ", "");
      if (!emails[i].match(/^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)){         
        $('label-sendemail').style.color="red";
        formError = false;
      }else{        
        $('label-sendemail').style.color="#0E5498";
      }
    }
  }
  if($('datenschutz').checked !=true){
    $('datenschutzerklarung').style.color="red";
    formError = false;
  }else{
    $('datenschutzerklarung').style.color="#0E5498";
  }
  if(formError){
    return true;
  }else{
    return false;
  }
}

function updateSelectBox(n){
  if(n==1){    
    $('bgcolor').selectedIndex = 0;
    document.getElementById("box-green").style.border = "1px solid red";
    document.getElementById("box-lila").style.border = "0px solid red";
    document.getElementById("box-blue").style.border = "0px solid red";
    document.getElementById("box-orange").style.border = "0px solid red";
    document.getElementById("box-yellow").style.border = "0px solid red";
  }
  if(n==2){
    $('bgcolor').selectedIndex = 1;    
    document.getElementById("box-green").style.border = "0px solid red";
    document.getElementById("box-lila").style.border = "1px solid red";
    document.getElementById("box-blue").style.border = "0px solid red";
    document.getElementById("box-orange").style.border = "0px solid red";
    document.getElementById("box-yellow").style.border = "0px solid red";
  }
  if(n==3){
    $('bgcolor').selectedIndex = 2;
    document.getElementById("box-green").style.border = "0px solid red";
    document.getElementById("box-lila").style.border = "0px solid red";
    document.getElementById("box-blue").style.border = "1px solid red";
    document.getElementById("box-orange").style.border = "0px solid red";
    document.getElementById("box-yellow").style.border = "0px solid red";
  }
  if(n==4){
    $('bgcolor').selectedIndex = 3;
    document.getElementById("box-green").style.border = "0px solid red";
    document.getElementById("box-lila").style.border = "0px solid red";
    document.getElementById("box-blue").style.border = "0px solid red";
    document.getElementById("box-orange").style.border = "1px solid red";
    document.getElementById("box-yellow").style.border = "0px solid red";
  }
  if(n==5){
    $('bgcolor').selectedIndex = 4;
    document.getElementById("box-green").style.border = "0px solid red";
    document.getElementById("box-lila").style.border = "0px solid red";
    document.getElementById("box-blue").style.border = "0px solid red";
    document.getElementById("box-orange").style.border = "0px solid red";
    document.getElementById("box-yellow").style.border = "1px solid red";
  }
}

/* Tooltip */

//qTip - CSS Tool Tips - by Craig Erskine
//http://qrayg.com
//
//Multi-tag support by James Crooke
//http://www.cj-design.com
//
//Inspired by code from Travis Beckham
//http://www.squidfingers.com | http://www.podlob.com
//
//Copyright (c) 2006 Craig Erskine
//Permission is granted to copy, distribute and/or modify this document
//under the terms of the GNU Free Documentation License, Version 1.3
//or any later version published by the Free Software Foundation;
//with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
//A copy of the license is included in the section entitled "GNU
//Free Documentation License".

var qTipTag = "a,img"; //Which tag do you want to qTip-ize? Keep it lowercase!//
var qTipX = 0; //This is qTip's X offset//
var qTipY = 15; //This is qTip's Y offset//

//There's No need to edit anything below this line//
tooltip = {
name : "qTip",
offsetX : qTipX,
offsetY : qTipY,
tip : null
}

tooltip.init = function () {
	var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
	if(!tipContainerID){ var tipContainerID = "qTip";}
	var tipContainer = document.getElementById(tipContainerID);

	if(!tipContainer) {
	  tipContainer = document.createElementNS ? document.createElementNS(tipNameSpaceURI, "div") : document.createElement("div");
	  tipContainer.setAttribute("id", tipContainerID);
	  document.getElementsByTagName("BODY").item(0).appendChild(tipContainer);
	 // $('page').item(0).appendChild(tipContainer);
	}

	if (!document.getElementById) return;
	this.tip = document.getElementById (this.name);
	if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};

	var a, sTitle, elements;
	
	var elementList = qTipTag.split(",");
	for(var j = 0; j < elementList.length; j++)
	{	
		elements = document.getElementsByTagName(elementList[j]);
		if(elements)
		{
			for (var i = 0; i < elements.length; i ++)
			{
				a = elements[i];
				sTitle = a.getAttribute("title");	
				if(!sTitle){
					sTitle = a.getAttribute("alt");	
				}
				if(sTitle)
				{
					a.setAttribute("tiptitle", sTitle);
					a.removeAttribute("title");
					a.removeAttribute("alt");
					a.onmouseover = function() {tooltip.show(this.getAttribute('tiptitle'))};
					a.onmouseout = function() {tooltip.hide()};
				}
			}
		}
	}
}

tooltip.move = function (evt) {
	var x=0, y=0;
	if (document.all) {//IE
		x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
		y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
		x += window.event.clientX;
		y += window.event.clientY;
		
	} else {//Good Browsers
		x = evt.pageX;
		y = evt.pageY;
	}
	this.tip.style.left = (x + this.offsetX) + "px";
	this.tip.style.top = (y + this.offsetY) + "px";
}

tooltip.show = function (text) {
	if (!this.tip) return;
	this.tip.innerHTML = text;
	this.tip.style.display = "block";
}

tooltip.hide = function () {
	if (!this.tip) return;
	this.tip.innerHTML = "";
	this.tip.style.display = "none";
}

window.onload = function () {
	tooltip.init ();
}
//Event.observe(window, 'load', tooltip.init ());