function bigImage(ImageSize){
	var z = $(window).width()/2-ImageSize/2;
	z = z + "px";
	$('#iholder').css('left',z);
}

function hide(){
	$("#iholder").hide();
	$("#iblack").hide();
}
function needsite(){
			
		$('#iblack').css('height',$(window).width());
		$("#iholder").html('<form method="post" id="contactdes"><div style="width:480px;height:500px"><div style="background:#92bccc;font-family:Helvetica;Arial"><br /><p style="color:white;font-size:20px;margin:0;padding:0;text-align:center">Do you need a website? We can help!</p> <br /><p style="color:white;font-size:16px;margin:0;padding:0;text-align:center">Please give us some details here and we\'ll get in touch.</p><br /> </div> <div><form method="post"><br /><p style="position:relative"><b style="position:absolute;top:5px;left:0;color:#c8ea94;padding:0 30px 0 30px">Company Name</b> <input type="text" name="cname" style="position:absolute;top:0;left:180px;border:1px solid black;font-size:16px;width:230px"/> </p><br /><br /><p style="position:relative"><b style="position:absolute;top:5px;left:0;color:#c8ea94;padding:0 30px 0 30px">Contact Name</b> <input type="text" name="contactname" style="position:absolute;top:0;left:180px;border:1px solid black;font-size:16px;width:230px"/> </p><br /><br /><p style="position:relative"><b style="position:absolute;top:5px;left:0;color:#c8ea94;padding:0 30px 0 30px">Email</b> <input type="text" name="email" style="position:absolute;top:0;left:180px;border:1px solid black;font-size:16px;width:230px"/> </p><br /><br /><p style="position:relative"><b style="position:absolute;top:5px;left:0;color:#c8ea94;padding:0 30px 0 30px">Phone</b> <input type="text" name="phone" style="position:absolute;top:0;left:180px;border:1px solid black;font-size:16px;width:230px"/> </p><br /><br /><p style="position:relative"><b style="position:absolute;top:5px;left:0;color:#c8ea94;padding:0 30px 0 30px;width:230px">What do you need?<span style="font-size:10px;color:#ccc"><br />For example:<br />online store <br />web marketing<br />blog<br />basic site</span></b>  <textarea name="what" style="position:absolute;top:0;left:180px;border:1px solid black;font-size:16px;width:230px;height:120px"></textarea></p><br />  <p style="position:absolute;bottom:0;font-size:8px;color:#ccc;padding:0 0 0 10px">You will be contacted shortly by Chemistry Communications/Quivering Spaceboots Productions</p>  <p style="position:absolute;bottom:20px;left:230px;cursor:pointer"><img src="media/images/send.gif" onclick="document.forms.contactdes.submit();" alt="send">  </p>   <p style="position:absolute;bottom:20px;left:350px;cursor:pointer"><img src="media/images/clear.gif" onclick="hide()" alt="cancel">  </p> </div></form>' );
		$("#iholder").show();
		$("#iblack").show();
		bigImage(440);
}
	
$(document).ready(function () {

	$(window).bind('resize', function() {
		bigImage(440);
	});

});