$(document).ready(
	function(){
	
		function preview(){
			
				$("body").append("<div id='overlay'></div>");
				$("body").append("<div id='white-screen' alt='Click to CLOSE'></div>");
		
				$("#overlay").css("position", "fixed");
				$("#overlay").css("z-index", "10");
				$("#overlay").css("width", "100%");
				$("#overlay").css("height", "100%");
				$("#overlay").css("background", "#000");
				$("#overlay").css("top", "0px");
				$("#overlay").css("left", "0px");
				$("#overlay").css("opacity", "0.70");
				$("#overlay").css("-moz-opacity", "0.70");
				$("#overlay").css("filter", "alpha(opacity=70)");
				$("#overlay").css("display", "none");
				
				$("#white-screen").css("position","absolute");
				$("#white-screen").css("z-index","11");
				$("#white-screen").css("width", "50%");
				$("#white-screen").css("padding", "20px");
				$("#white-screen").css("top", "100px");
				$("#white-screen").css("left", "25%");
				$("#white-screen").css("height", "auto");
				$("#white-screen").css("background","#fff");
				$("#white-screen").css("display","none");
				$("#white-screen").css("cursor","pointer");
				
				$("#overlay").fadeIn();
				$("#white-screen").fadeIn();
				
				$("#white-screen").click(
					function(){
						closePreview();
					}
				);
			
		}
		
		function closePreview(){
		
			$("#overlay").fadeOut();
			$("#white-screen").fadeOut();
			$("#overlay").remove();
			$("#white-screen").remove();
		
		}
		
		//Awards Entry Form
		$("#preview-awards").click(
		
			function(){
			
				preview();
				
				
				var awardsentrycontent = "<center><h3>APC 2011 Awards Entry</h3></center>"
										+ "<b>Company Name:</b> "+$("#hospital-name1").val()+"<br />"
										+ "<b>Contact Person:</b> "+$("#contact-person1").val()+"<br />"
										+ "<b>Position:</b> "+$("#position1").val()+"<br />"
										+ "<b>Department:</b> "+$("#department1").val()+"<br />"
										+ "<i>Address</i><br />"
										+ "<b>No:</b> "+$("#address-no1").val()+"<br />"
										+ "<b>Building:</b> "+$("#address-building1").val()+"<br />"
										+ "<b>Street:</b> "+$("#address-street1").val()+"<br />"
										+ "<b>City/State:</b> "+$("#city-state1").val()+"<br />"
										+ "<b>Zip Code:</b> "+$("#zip1").val()+"<br />"
										+ "<b>Country:</b> "+$("#country1").val()+"<br />"
										+ "<b>City/State:</b> "+$("#city-state").val()+"<br />"
										+ "<b>Tel No.:</b> "+$("#tel1").val()+"<br />"
										+ "<b>Fax:</b> "+$("#fax1").val()+"<br />"
										+ "<b>Email:</b> "+$("#email1").val()+"<br />"
										+ "<br /><br /><b>Project Summary</b><br /><br />"
										+ "<b>Category:</b> "+$("#category1").val()+"<br />"
										+ "<b>Project Title:</b> "+$("#psf-title1").val()+"<br />"
										+ "<b>Eligibility:</b> <br />"+$("#eligibility-when1").val()+"<br /><br />"
										+ $("#eligibility-what1").val()+"<br />"
										+ "Was this Project previously submitted as an entry to the Asian Publishing Awards? "+$("#checboxp1").val()+" " +$("#others-explainp1").val()+" "+$("#checkboxpp1").val()+"<br />"
										+ "If yes, did this Project previously win an Asian Publishing Award? "+$("#checkboxppp1").val()+" "+$("#others-explainpp1")+"<br />"
										+ "<br />"+ "<b>Project Details:</b> "+$("#project-details1").val()+"<br />"
										+ "<b>Implementation:</b> "+$("#implementation1").val()+"<br />"
										+ "<b>Results:</b> "+$("#results1").val()+"<br />"
										+ "<b>Other Info:</b> "+$("#other-info1").val()+"<br />"
										+ "<br /><b>Supporting Documents:</b><br />"
										+ "<b>8.1)</b> "+$("#item8-11").val()+"<br />"
										+ "<b>8.2)</b> "+$("#item8-21").val()+"<br />"
										+ "<b>8.3)</b> "+$("#item8-31").val()+"<br />"
										+ "<b>8.4)</b> "+$("#item8-41").val()+"<br />"
										+ "<b>8.5)</b> "+$("#item8-51").val()+"<br />"
										+ "<b>8.6)</b> "+$("#item8-61").val()+"<br />"
										+ "<b>8.7)</b> "+$("#item8-71").val()+"<br />"
										+ "<b>8.8)</b> "+$("#item8-81").val()+"<br />"
										+ "<b>8.9)</b> "+$("#item8-91").val()+"<br />"
										+ "<b>8.10)</b> "+$("#item8-101").val()+"<br />";
										
				
				$("#white-screen").append(awardsentrycontent);
			
			}
		
		);
		
		//Expo Reg Form
		$("#preview-exporeg").click(
		
			function(){
			
				preview();
				
				
				var exporegcontent = "<center><h3>APC 2011 Expo Registration</h3></center>"
									+ "<b>Company Name:</b> "+$('#company-name2').val()+"<br />"
									+ "<b>Office Address:</b> "+$('#oa-no2').val()+"<br />"
									+ "<b>Building:</b> "+$('#building2').val()+"<br />"
									+ "<b>Street:</b> "+$('#street2').val()+"<br />"
									+ "<b>City/State:</b> "+$('#city-state2').val()+"<br />"
									+ "<b>Zip Code:</b> "+$('#zip-code2').val()+"<br />"
									+ "<b>Country:</b> "+$('#country2').val()+"<br />"
									+ "<b>Telephone:</b> "+$('#tel2').val()+"<br/>"
									+ "<b>Fax:</b> "+$('#fax2').val()+"<br />"
									+ "<b>Email:</b> "+$('#email2').val()+"<br />"
									+ "<b>Nature of Business:</b> "+$('#business2').val()+"<br/>"
									+ "<b>Products to be displayed:</b> "+$('#product-display2').val()+"<br/>"
									+ "<b>Name to appear on Fascia Board:</b> "+$('#fascia-board2').val()+"<br />"
									+ "<b>Contact Person:</b> "+$('#contact-person2').val()+"<br />"
									+ "<b>Position:</b> "+$('#position2').val()+"<br />"
									+ "<b>Company Product Profile:</b> <br />"
									+ $('#company-pprofile2').val()+"<br /><br />"
									+ "<b>Summary of Cost:</b> <br />"
									+ "<b>Raw Scheme:</b><br />"
									+ $('#total-rs').val()+" unit/s for US$"+$('#units-rs').val()+"<br /><br />" 
									+ "<b>Shell Scheme:</b> <br />"
									+ $('#total-ss').val()+" unit/s for US$"+$('#units-ss').val()+"<br /><br />"
									+ "<b>Exhibitor Clinic:</b><br />"
									+ $('#total-ec').val()+" unit/s for US$"+$('#units-ec').val()+"<br /><br />"
									+ "<b>Networking Pass:</b><br />"
									+ $('#total-np').val()+" unit/s for US$"+$('#units-np').val()+"<br /><br />"
									+ "<b>Power Display:</b><br />"
									+ $('#total-pd').val()+" unit/s for US$"+$('#units-pd').val()+"<br /><br />" 
									+ "<b>Lunch:</b><br />"
									+ $('#total-lunch').val()+" units for US$"+$('#units-lunch').val()+"<br /><br />"    
									+ "<b>TOTAL COST:</b> US$"+$('#units-cost').val();     
					
				
				$("#white-screen").append(exporegcontent);
			
			}
		
		);
		
		//Local Delegates Form
		$(".delegateformpreview").click(
		
			function(){ 
				
				preview();
				
				var skyrim = $(this).attr("skyrim"); 

				var localdelcontent = "<center><h3>APC 2011 Local Delegate "+skyrim+" Form</h3></center>"
									+ "<b>Title:</b> "+$('#title-'+skyrim).val()+"<br />"
									+ "<b>Given Name:</b> "+$('#gname-'+skyrim).val()+"<br />"
									+ "<b>Family Name:</b> "+$('#fname-'+skyrim).val()+"<br />"
									+ "<b>Middle Initial:</b> "+$('#minitial-'+skyrim).val()+"<br />"
									+ "<b>Position:</b> "+$('#position-'+skyrim).val()+"<br />"
									+ "<b>Organization:</b> "+$('#ho-'+skyrim).val()+"<br />"
									+ "<b>Address No:</b> "+$('#no-'+skyrim).val()+"<br />"
									+ "<b>Building:</b> "+$('#bldg-'+skyrim).val()+"<br/>"
									+ "<b>Street:</b> "+$('#street-'+skyrim).val()+"<br />"
									+ "<b>City/State:</b> "+$('#citystate-'+skyrim).val()+"<br />"
									+ "<b>Zip:</b> "+$('#zip-'+skyrim).val()+"<br/>"
									+ "<b>Country:</b> "+$('#country-'+skyrim).val()+"<br/>"
									+ "<b>Tel:</b> "+$('#tel-'+skyrim).val()+"<br />"
									+ "<b>Fax:</b> "+$('#fax-'+skyrim).val()+"<br />"
									+ "<b>Email:</b> "+$('#email-'+skyrim).val()+"<br />"
					
				
				$("#white-screen").append(localdelcontent);
				
			}
		
		);
		
		//Overseas Delegates Form
		$(".o-delegateformpreview").click(
		
			function(){ 
				
				preview();
				
				var skyrim = $(this).attr("skyrim"); 

				var localdelcontent = "<center><h3>APC 2011 Overseas Delegate "+skyrim+" Form</h3></center>"
									+ "<b>Title:</b> "+$('#o-title-'+skyrim).val()+"<br />"
									+ "<b>Given Name:</b> "+$('#o-gname-'+skyrim).val()+"<br />"
									+ "<b>Family Name:</b> "+$('#o-fname-'+skyrim).val()+"<br />"
									+ "<b>Middle Initial:</b> "+$('#o-minitial-'+skyrim).val()+"<br />"
									+ "<b>Position:</b> "+$('#o-position-'+skyrim).val()+"<br />"
									+ "<b>Organization:</b> "+$('#o-ho-'+skyrim).val()+"<br />"
									+ "<b>Address No:</b> "+$('#o-no-'+skyrim).val()+"<br />"
									+ "<b>Building:</b> "+$('#o-bldg-'+skyrim).val()+"<br/>"
									+ "<b>Street:</b> "+$('#o-street-'+skyrim).val()+"<br />"
									+ "<b>City/State:</b> "+$('#o-citystate-'+skyrim).val()+"<br />"
									+ "<b>Zip:</b> "+$('#o-zip-'+skyrim).val()+"<br/>"
									+ "<b>Country:</b> "+$('#o-country-'+skyrim).val()+"<br/>"
									+ "<b>Tel:</b> "+$('#o-tel-'+skyrim).val()+"<br />"
									+ "<b>Fax:</b> "+$('#o-fax-'+skyrim).val()+"<br />"
									+ "<b>Email:</b> "+$('#o-email-'+skyrim).val()+"<br />"
					
				
				$("#white-screen").append(localdelcontent);
				
			}
		
		);
	
	}
);