// determine screen resolution of user's machine
	var userW = screen.width;
	var userH = screen.height;
//	
//	document.write("<br />width: " + userW + "<br />height: " + userH + "<br />");

$j(document).ready(function(){

	// Write link based on screen resolution
	// for 800x600
	if( userH < 601 ){
			$j("#modal_link_four").attr("href", "epicFlashDemos/_source/mercy_overview800.html");
		//document.write("<a id='modal_link_four' href='./epicFlashDemos/_source/mercy_overview800.html'>800x600 version</a>");
	}
	// for 1024x768 "range" (mid-size resolutions)
	else if( userH < 861 ){
			$j("#modal_link_four").attr("href", "epicFlashDemos/_source/mercy_overview1024.html");
		//document.write("<a id='modal_link_four' href='./epicFlashDemos/_source/mercy_overview1024.html'>1024x768 version</a>");
	} 	
	// resolutions large enough to handle full size video
	else {
			$j("#modal_link_four").attr("href", "epicFlashDemos/_source/mercy_overview.html");
		//document.write("<a id='modal_link_four' href='./epicFlashDemos/_source/mercy_overview.html'>Full Size version</a>");
	}
});
	
	Event.observe(window,'load',function(){
	// dynamically generate iframe and it's wrapper (size dependent)
	// screen resolution height must be at least 861px to display full size video (800x600)

	// for 800x600
		if( userH < 601 ){
			new Control.Modal($('modal_link_four'),{
        iframe: true,
				width: 450,
				height: 338,
				overlayClassName: 'darken',
				containerClassName: 'container',
				overlayCloseOnClick: false,
				overlayDisplay: false,
				//opacity: .9,
				fade: true,
				fadeDuration: .75,
        afterOpen: addCloseLink
      });		
	} 
	// for 1024x768
	else if( userH < 861 ){
			new Control.Modal($('modal_link_four'),{
        iframe: true,
				width: 640,
				height: 480,
				overlayClassName: 'darken',
				containerClassName: 'container',
				overlayCloseOnClick: false,
				overlayDisplay: false,
				//opacity: .9,
				fade: true,
				fadeDuration: .75,
        afterOpen: addCloseLink
      });
	} 
	// resolutions large enough to handle full size video
	else {
			new Control.Modal($('modal_link_four'),{
        iframe: true,
				width: 800,
				height: 600,
				overlayClassName: 'darken',
				containerClassName: 'container',
				overlayCloseOnClick: false,
				overlayDisplay: false,
				//opacity: .9,
				fade: true,
				fadeDuration: .75,
        afterOpen: addCloseLink
      });
	}
	// attach a modal element inside the iframe wrapper
		//	new Control.Modal($('closeLink'),{
		//			contents: 'Control.Modal can attach to any HTML element if you specify a "contents" option.',
		//			afterOpen: addCloseLink
		//	});
			
			
  });
  // generate a close button inside the new modal element  
    function addCloseLink() { 
      new Insertion.Top('modal_container', "<span id='closeContainer'><a href='javascript:void(0);' id='closeLink' onClick='test()'></a></span>");
    }
	// onclick function for modal close button
    function test(){
     var current_modal = Control.Modal.current;
     current_modal.close();
    }