/**
 * @author bowling
 */

/* escapeOverlay's construction is a bit hard to grasp. It is needed to be able to
stop the event listener. See the prototype API docs for more information:
http://www.prototypejs.org/api/event
*/

var escapeOverlay = {
	fx: function(e) 
	{
		// To make script compatable with both MSIE and Firefox
		var kC  = (window.event) ? event.keyCode : e.keyCode;
		var Esc = (window.event) ? 27 : e.DOM_VK_ESCAPE;
		
		// If keypressed is escape and the new entry field is empty
/*		if(kC==Esc && ($F('newvalue') == '' || $F('newvalue') == null) )
			closeDialogue();
		else if(kC==Esc && window.confirm('Are you sure you wish to close the dialogue box?') )
			closeDialogue(); */
	}
}

// Save in cache (to be able to stopObserving() it), see Prototype API docs for more info:
// http://www.prototypejs.org/api/event
escapeOverlay.bfx = escapeOverlay.fx.bindAsEventListener(escapeOverlay);

// loadPopup shows the overlay and dialogue box
function loadPopup(which,id)
{
    	// Show the overlay (disables rest of page)
	showOverlay();

	switch(which)
	{
		case 1:
			show_news_search(id);
			centerLastElement($('dialogue-searchnews'));
			$('dialogue-searchnews').show();
			break;
		case 2:
			show_news(id);
			centerElement($('dialogue-news'));
			$('dialogue-news').show();
			break;
		case 3:
			show_player_search(id);
			centerLastElement($('dialogue-searchplayer'));
			$('dialogue-searchplayer').show();
			break;
		case 4:
			show_player(id);
			centerElement($('dialogue-player'));
			$('dialogue-player').show();
			break;
	}
}
 
// Shows the overlay and starts the ESCAPE event listener
function showOverlay()
{
	$('overlay').show();
	
	Event.observe(document, 'keypress', escapeOverlay.bfx );
}

// Hides the overlay and stops the ESCAPE event listener
function hideOverlay()
{
	$('overlay').hide();
	
	Event.stopObserving(document, 'keypress', escapeOverlay.bfx );
}

// Closes the dialogue box, resets it and hides the overlay
function closeDialogue(which,keep)
{
	if(!keep) hideOverlay();
	
	switch(which)
	{
		case 1:
			$('dialogue-searchnews').hide();
			var d = document.getElementById('overlaycontent');
	  		var olddiv = document.getElementById('dialogue-searchnews');
	  		d.removeChild(olddiv);
			break;

		case 2:
			$('dialogue-news').hide();
			var d = document.getElementById('overlaycontent');
	  		var olddiv = document.getElementById('dialogue-news');
	  		d.removeChild(olddiv);
			break;

		case 3:
			$('dialogue-searchplayer').hide();
			var d = document.getElementById('overlaycontent');
	  		var olddiv = document.getElementById('dialogue-searchplayer');
	  		d.removeChild(olddiv);
			break;

		case 4:
			$('dialogue-player').hide();
			var d = document.getElementById('overlaycontent');
	  		var olddiv = document.getElementById('dialogue-player');
	  		d.removeChild(olddiv);
			break;
	}
}

function show_news_search(id)
{
	var thediv;

	var cont = document.getElementById("overlaycontent");
	
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id','dialogue-searchnews');
	newdiv.style.display='none';
	newdiv.innerHTML = thediv;
	
	cont.appendChild(newdiv);
	
}

function show_news(id)
{
	var thediv = '<div id="close"> <input type="button" value="Close" onClick="closeDialogue(2);"/> </div><iframe frameborder="0" height="100%" width="100%" scrolling="no" src="newsitem.php?id=' + id + '"></iframe> <div id="close2">     <input type="button" value="Close" onClick="closeDialogue(2);"/> </div>';
	
	var cont = document.getElementById("overlaycontent");
	
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', 'dialogue-news');
	newdiv.style.display = 'none';
	newdiv.innerHTML = thediv;
	
	cont.appendChild(newdiv);
	
}

function show_player_search(id)
{
	var thediv = '<div id="close">     <input type="button" value="Close Search Box" onClick="closeDialogue(3)"/> </div><h3>Search Options</h3> <p>     Check the box next to the fields you want to enter search criteria for. </p> <form action="clients.php" method="post">     <table width="90%" border="0">         <tr>             <td>                 <input type="checkbox" name="field[]" value="position" /> Position is                 <select name="position-srch">      <option value="attacking midfield">attacking midfield</option><option value="defender">defender</option><option value="forward">forward</option><option value="left midfield">left midfield</option><option value="left wing">left wing</option><option value="midfield">midfield</option>                 </select>             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="foot" /> Preferred Foot is                 <select name="foot-srch">                     <option value="Left">Left</option>                     <option value="Right">Right</option>                     <option value="Both">Both</option>                 </select>             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="dob" /> Birthday                  <select name="dob-op">                     <option value=">">is earlier than</option>                     <option value="<">is later than</option>                 </select>                 <input type="text" size="8" name="dob-srch" value="MM/DD/YYYY" />             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="caps" /> Caps                 <select name="caps-op">                     <option value=">=">is greater than</option>                     <option value="<=">is less than</option>                 </select>                 <input type="text" size="8" name="caps-srch" />ft             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="height" /> Height                 <select name="height-op">                     <option value=">">is greater than</option>                     <option value="<">is less than</option>                 </select>                 <input type="text" size="3" name="height-srch1" />ft                 <input type="text" size="3" name="height-srch2" />in             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="weight" /> Weight                 <select name="weight-op">                     <option value=">">is greater than</option>                     <option value="<">is less than</option>                 </select>                 <input type="text" size="5" name="weight-srch" />lbs             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="freeagent" /> Is a Free Agent                 <input type="radio" name="freeagent-srch" value="1" checked="checked" />Yes     <input type="radio" name="freeagent-srch" value="0" />No             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="film" /> Has Film                  <input type="radio" name="film-srch" value="1" checked="checked" />Yes     <input type="radio" name="film-srch" value="0" />No             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="citizenship" /> Citizenship      contains                 <input type="text" size="8" name="citizenship-srch" />             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="nationality" /> Nationality      contains                 <input type="text" size="8" name="nationality-srch" />             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="club_expire" /> Contract Expiration                 <select name="club_expire-op">                     <option value=">">is earlier than</option>                     <option value="<">is later than</option>                 </select>                 <input type="text" size="8" name="club_expire-srch" value="MM/DD/YYYY" />             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="fname" /> First Name       contains                 <input type="text" size="8" name="fname-srch" />             </td>         </tr>         <tr>             <td>                 <input type="checkbox" name="field[]" value="fname" /> Last Name       contains                 <input type="text" size="8" name="lname-srch" />             </td>         </tr>         <tr>             <td colspan="2" align="center">                 &nbsp;             </td>         </tr>         <tr>             <td colspan="2" align="center">                 <input type="hidden" name="do_search" value="1" /><input type="submit" value="Perform Search" />             </td>         </tr>     </table> </form> <div id="close2">     <input type="button" value="Close Search Box" onClick="closeDialogue(3)"/> </div>';
	
	var cont = document.getElementById("overlaycontent");
	
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', 'dialogue-searchplayer');
	newdiv.style.display = 'none';
	newdiv.innerHTML = thediv;
	
	cont.appendChild(newdiv);
	
}

function show_player(id)
{
	var thediv = '<div id="close"> <input type="button" value="Close" onClick="closeDialogue(4);"/> </div><iframe frameborder="0" height="100%" width="100%" scrolling="no" src="profile.php?id=' + id + '"></iframe> <div id="close2">     <input type="button" value="Close" onClick="closeDialogue(4);"/> </div>';
	
	var cont = document.getElementById("overlaycontent");
	
	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', 'dialogue-player');
	newdiv.style.display = 'none';
	newdiv.innerHTML = thediv;
	
	cont.appendChild(newdiv);
	
}