/*Popup 1*/

// Browser safe opacity handling function
function myPopupRelocate() {
 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 - 250) / 2;
 var topOffset = scrolledY + (centerY - 200) / 3;

 document.getElementById("styled_popup").style.top = topOffset + "px";
 document.getElementById("styled_popup").style.left = leftOffset + "px";
}

function setOpacity( value ) {
	document.getElementById("styled_popup").style.opacity = value / 10;
	document.getElementById("styled_popup").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup() {
	for( var i = 0 ; i <= 100 ; i++ )
		setTimeout( 'setOpacity(' + (i / 5) + ')' , 8 * i );
}

function fadeOutMyPopup() {
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout( 'setOpacity(' + (10 - i / 5) + ')' , 8 * i );
	}

	setTimeout('closeMyPopup()', 800 );
}

function closeMyPopup() {
	document.getElementById("styled_popup").style.display = "none"
}

function fireMyPopup() {
	myPopupRelocate();
	setOpacity( 0 );
	document.getElementById("styled_popup").style.display = "block";
	fadeInMyPopup();
	document.body.onscroll = myPopupRelocate;
 	window.onscroll = myPopupRelocate;
}

/*Popup 2*/

// Browser safe opacity handling function
function myPopupRelocate2() {
 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 - 250) / 2;
 var topOffset = scrolledY + (centerY - 200) / 3;

 document.getElementById("styled_popup2").style.top = topOffset + "px";
 document.getElementById("styled_popup2").style.left = leftOffset + "px";
}

function setOpacity2( value ) {
	document.getElementById("styled_popup2").style.opacity = value / 10;
	document.getElementById("styled_popup2").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup2() {
	for( var i = 0 ; i <= 100 ; i++ )
		setTimeout( 'setOpacity2(' + (i / 5) + ')' , 8 * i );
}

function fadeOutMyPopup2() {
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout( 'setOpacity2(' + (10 - i / 5) + ')' , 8 * i );
	}

	setTimeout('closeMyPopup2()', 800 );
}

function closeMyPopup2() {
	document.getElementById("styled_popup2").style.display = "none"
}

function fireMyPopup2() {
	myPopupRelocate2();
	setOpacity2( 0 );
	document.getElementById("styled_popup2").style.display = "block";
	fadeInMyPopup2();
	document.body.onscroll = myPopupRelocate2;
 	window.onscroll = myPopupRelocate2;
}


/*Popup 3*/

// Browser safe opacity handling function
function myPopupRelocate3() {
 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 - 250) / 3;
 var topOffset = scrolledY + (centerY - 200) / 3;

 document.getElementById("styled_popup3").style.top = topOffset + "px";
 document.getElementById("styled_popup3").style.left = leftOffset + "px";
}

function setOpacity3( value ) {
	document.getElementById("styled_popup3").style.opacity = value / 10;
	document.getElementById("styled_popup3").style.filter = 'alpha(opacity=' + value * 10 + ')';
}

function fadeInMyPopup3() {
	for( var i = 0 ; i <= 100 ; i++ )
		setTimeout( 'setOpacity3(' + (i / 5) + ')' , 8 * i );
}

function fadeOutMyPopup3() {
	for( var i = 0 ; i <= 100 ; i++ ) {
		setTimeout( 'setOpacity3(' + (10 - i / 5) + ')' , 8 * i );
	}

	setTimeout('closeMyPopup3()', 800 );
}

function closeMyPopup3() {
	document.getElementById("styled_popup3").style.display = "none"
}

function fireMyPopup3() {
	myPopupRelocate3();
	setOpacity3( 0 );
	document.getElementById("styled_popup3").style.display = "block";
	fadeInMyPopup3();
	document.body.onscroll = myPopupRelocate3;
 	window.onscroll = myPopupRelocate3;
}