var winHeight = 0;
var winWidth = 0;
var processCentering = false;

function setOpacity(value,beg,end,type) {
    
    if (type == 1) { // Fade In
    	beg = beg + 1;
    } else if (type == 2) { // Fade Out
    	beg = beg - 1;
    }
    document.getElementById(value).style.opacity = beg/10;
    document.getElementById(value).style.filter = 'alpha(opacity=' + beg*10 + ')';
    if (type == 1) { // Fade In
    	if (beg >= end) {
    		return;
    	}
    } else if (type == 2) { // Fade Out
    	if (beg <= end) {
    		if (end == 0) {
    			document.getElementById(value).style.display = 'none';
    		}
    		return;
    	}
    }
    setTimeout("setOpacity('"+value+"',"+beg+","+end+","+type+");", 10);
}

function PullSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number') {
    // Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  winWidth = myWidth;
  winHeight = myHeight;
}

var scrollX = 0;
var scrollY = 0;
  
function GetScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  scrollX = scrOfX;
  scrollY = scrOfY;
}

function SetCentered(value) {
    var thisW = 450;
    var thisH = 276;
    var offsetLeft = Math.floor((winWidth - thisW) / 2);
    var offsetTop = Math.floor(((winHeight - thisH) / 2) + scrollY);
    document.getElementById(value).style.marginLeft = offsetLeft+'px';
    document.getElementById(value).style.marginTop = offsetTop+'px';
    if (processCentering) {
    	setTimeout("SetCentered('"+value+"')", 10);
    }
}

function FadeBlackBoxIn() {
    processCentering = true;
    GetScrollXY();
    PullSize();
    document.getElementById('blackBlock').style.width = winWidth+'px';
    document.getElementById('blackBlock').style.height = Math.floor(winHeight+scrollY)+'px';
    document.getElementById('blackBlock').style.display = '';
    document.getElementById('picBoxer').style.display = '';
    SetCentered('picBoxer');
}

function FadeBlackBoxOut() {
    processCentering = false;
    document.getElementById('blackBlock').style.display = 'none';
    document.getElementById('picBoxer').style.display = 'none';
}

function gotoPage(val) {
	window.location.href = val
}

function ToggleBlackBox(val) {
    if (val == 0) {
        var curCont = document.getElementById("mainCon");
		var removeDiv = document.getElementById("popupId");
		curCont.removeChild(removeDiv);
	    FadeBlackBoxOut();
    } else {
        if (val == 1) {
        	var tit = 'Friend Request';
        	var des = 'To enter a friend request please choose "Enter Friend Request" below.';
        	var but = '<div style="font-size: 10px ;font-weight: bold; margin-bottom: 10px;">Add a Note:<input type="text" maxlength="140" size="30" style="width: 300px;" id="note" /></div><div><input type="button" name="Submit" value="Enter Friend Request" class="greyButton" onClick="FriendRequest();" /> <input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" /></div>';
        } else if (val == 2) {
        	var tit = 'Friend Request';
        	var des = 'Before you can communicate with this member you must enter a friend request. To enter a friend request please choose "Enter Friend Request" below.';
        	var but = '<div style="font-size: 10px ;font-weight: bold; margin-bottom: 10px;">Add a Note:<input type="text" maxlength="140" size="30" style="width: 300px;" id="note" /></div><div><input type="button" name="Submit" value="Enter Friend Request" class="greyButton" onClick="FriendRequest();" /> <input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" /></div>';
        } else if (val == 3) {
        	var tit = 'Add to Favorites';
        	var des = 'If you would like to add this person to your favorites, please click "Add to Favorites" below.  They will be notified that they are on your favorites list.';
        	var but = '<input type="button" name="Submit" value="Add to Favorites" class="greyButton" onClick="AddToFavorites();" /> <input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" />';
        } else if (val == 4) {
        	var tit = 'Block this Member';
        	var des = 'If you would like to block this member from viewing your profile please click "Block this Person" below.';
        	var but = '<form id="myForm" name="myForm" method="post" enctype="multipart/form-data" action=""><input type="submit" name="Block" value="Block this Person" class="greyButton" /></form> <input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" />';
        } else if (val == 5) {
        	var tit = 'Login';
        	var des = 'Before you can interact with MyLocalPro you must login.  If you do not have an account click "Sign Up" below and you will be taken to our sign up page.';
        	var but = '<input type="button" name="Submit" value="Login" class="greyButton" onClick="gotoPage(\'/\')" /> <input type="button" name="Submit" value="Sign Up" class="greyButton" onClick="gotoPage(\'/signup\')" /> <input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" />';
        } else if (val == 6) {
        	var tit = 'Leave a Comment';
        	var des = 'You are leaving the following comment for this person.<p style="margin: 10px 0; border: 1px solid #DFDFDF; background-color: #FAFAFA; padding: 5px;">'+document.getElementById('comment').value+'</p>If you are ok with this go ahead and press "Submit Comment" below.';
        	var but = '<input type="button" name="Submit" value="Submit Comment" class="greyButton" onClick="SubmitComment()" /> <input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" />';
        } else if (val == 7) {
        	var tit = 'Colleague Request';
        	var des = 'To enter a colleague request please choose "Enter Colleague Request" below.';
        	var but = '<div style="font-size: 10px ;font-weight: bold; margin-bottom: 10px;">Add a Note:<input type="text" maxlength="140" size="30" style="width: 300px;" id="note" /></div><div><input type="button" name="Submit" value="Enter Colleague Request" onClick="FriendRequest();" class="greyButton" /> <input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" /></div>';
        } else if (val == 8) {
        	var tit = 'Send a Message';
        	var des = 'Sorry this is reserved for Nation members only.';
        	var but = '<input type="button" name="Submit" value="Never Mind" class="greyButton" onClick="ToggleBlackBox(0)" />';
        }
        if (curUid == '') {
        	var curUid = 0;
        }
        var newValText = '<div style="float: left; display: block;">'+
		'	<div class="generalHeader">'+tit+'</div>'+
		'</div>'+
		'<div style="float: right; display: block; width: 25px; text-align: right;">'+
		'	<a href="javascript: ToggleBlackBox(0);"><img src="/icn/delete.gif" border="0" /></a>'+
		'</div>'+
		'<div style="clear: both;"></div>'+
		'<div>'+
		'	<input type="hidden" name="memUid" id="memUid" value="<?php echo $pUID; ?>'+curUid+'" />'+
		'	<input type="hidden" name="requestType" id="requestType" />'+
		'	<div id="rDesc">'+des+'</div>'+
		'	<div id="rButtons" style="margin: 10px 0;">'+but+'</div>'+
		'</div>';
        var curCont = document.getElementById("mainCon");
		var newDiv = document.createElement('DIV');
		newDiv.innerHTML = newValText;
		curCont.appendChild(newDiv);
		newDiv.setAttribute('id', 'popupId');
        FadeBlackBoxIn();
    }
}