function setOpacity(value,koipopup) {
	document.getElementById(koipopup).style.opacity = value / 10;
	document.getElementById(koipopup).style.filter = 'alpha(opacity=' + value * 10 + ')';
}
 
function fadeInMyPopup(koipopup) {
	for( var i = 0 ; i <= 100 ; i++ )
		setTimeout("setOpacity("+(i / 10)+",'"+koipopup+"')",3*i);
}
 
function fadeOutMyPopup(koipopup) {
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout("setOpacity("+(10 - i / 10)+",'"+koipopup+"')",3*i);
	}
	setTimeout("closeMyPopup('"+koipopup+"')", 300 );
}
 
function closeMyPopup(koipopup) {
	changeClass("infoscroll", "flexcroll_old");
	document.getElementById(koipopup).style.display = "none";
	document.getElementById("redShade").style.display = "none";
}
 
function fireMyPopup(koipopup) {
	document.getElementById("redShade").style.display = "block";
	koipopup = koipopup;
	setOpacity(0, koipopup);
    myPopupRelocate(koipopup);
	document.getElementById(koipopup).style.display = "block";
	changeClass("infoscroll", "flexcroll");
 	CSBfleXcroll('infoscroll');
	fadeInMyPopup(koipopup);
//	document.body.onscroll = myPopupRelocate(koipopup);
//    window.onscroll = myPopupRelocate(koipopup);
}
 
function myPopupRelocate(koipopup) {
 var scrolledX, scrolledY;
 if( self.pageYOffset ) {
   scrolledX = self.pageXOffset;
   scrolledY = self.pageYOffset;
 } else if( document.documentElement && document.documentElement.scrollTop ) {
   scrolledX = document.documentElement.scrollLeft;
   scrolledY = document.documentElement.scrollTop;
 } else if( document.body ) {
   scrolledX = document.body.scrollLeft;
   scrolledY = document.body.scrollTop;
 }
 
 var centerX, centerY;
 if( self.innerHeight ) {
   centerX = self.innerWidth;
   centerY = self.innerHeight;
 } else if( document.documentElement && document.documentElement.clientHeight ) {
   centerX = document.documentElement.clientWidth;
   centerY = document.documentElement.clientHeight;
 } else if( document.body ) {
   centerX = document.body.clientWidth;
   centerY = document.body.clientHeight;
 }
 
 var leftOffset = scrolledX + (centerX - 605) / 2;
 var topOffset = scrolledY + (centerY - 700) / 2;
 document.getElementById(koipopup).style.top = topOffset + "px";
 document.getElementById(koipopup).style.left = leftOffset + "px";
}


function changeClass (elementID, newClass) {
	var element = document.getElementById(elementID);
	element.setAttribute((document.all ? 'className' : 'class'), newClass);
}

function ajaxFunctionGetPage(pagename){
	var ajaxRequest;
	try{
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				alert("Your browser broke!");
				return false;
			}
		}
	}
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var pagetitle = pagename;
			var ajaxDisplay_page = document.getElementById('pg_content');
			var ajaxDisplay_title = document.getElementById('box_title');
			var pgcontent = ajaxRequest.responseText;
			ajaxDisplay_page.innerHTML = pgcontent;
			if (pagename == 'resizeme') {
				pagetitle = 'M&Ouml;BEL ONLINE KONFIGURIEREN';
			}
			if (pagename == 'AGBs') {
				pagetitle = 'Allgemeine Gesch&auml;ftsbedingungen';
			}
			if (pagename == 'Qualitaet') {
				pagetitle = 'Qualit&auml;t / Standard';
			}
			if (pagename == 'unterschied') {
				pagetitle = 'Was unterscheidet uns von Anderen';
			}
			if (pagename == 'zahlungs') {
				pagetitle = 'Zahlungsmodalit&auml;ten';
			}
			if (pagename == 'Impressum_pl') {
				pagetitle = 'Impressum';
			}
			if (pagename == 'wiederruf') {
				pagetitle = 'Wiederruf/Belehrung';
			}
			if (pagename == 'gewaehrleistung') {
				pagetitle = 'Gew&auml;hrleistung';
			}
			if (pagename == 'oberflaechen') {
				pagetitle = 'Oberfl&auml;chen';
			}
			ajaxDisplay_title.innerHTML = pagetitle;
			fireMyPopup('datenschutz_popup');
		}
	}
	var queryString = "?pgname=" + pagename;
	ajaxRequest.open("GET", "../phatliving/ajax/getpages.php" + queryString, true);
	ajaxRequest.send(null); 
}



function applyDefaultValue(elem, val) {
  elem.style.color = '#777';
  elem.value = val;
  elem.onfocus = function() {
    if(this.value == val) {
      this.style.color = '';
      this.value = ''; //On focus, make blank
    }
  }
  elem.onblur = function() {
    if(this.value == '') {
      this.value = val; //If it's not in focus, use declared value
    }
  }
}

function applyPasswordType(elem, val, typ) {
  elem.style.color = '#777';
  elem.value = val;
  elem.type = typ;
  elem.onfocus = function() {
    if(this.value == val) {
      this.style.color = '';
      this.type = 'password'; //If in focus, input type will be 'password'
      this.value = '';
    }
  }
  elem.onblur = function() {
    if(this.value == '') {
      this.value = val;
      this.type = 'text'; //On blur, input type will be 'text' in order to show value
    }
  }
}