var posy	=	100; // You can change this to configure the distance from top (pixels)
var pos		=	posy+'px';
var text	=	"Contact Buck";


document.write('<div id="cnt_hover" style="right:0px; top:'+pos+';background:url(contact/contact_button.png) no-repeat bottom center; display: none; width:0px;height:0px;"></div>');
//Code to display the button

$('#cnt_hover').hover(function(){ //changes background image of button on hover
	$(this).css('background-position','top center')
	},function(){	
	$(this).css('background-position','bottom center')
})

document.write('<style type="text/css">#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;cursor:pointer;} #boxes .window {position:absolute;left:0;top:0;width:650px;height:720px;display:none;z-index:9999; padding:0px;} #boxes #dialog {width:650px; height:740px;background-color:#ffffff; border:5px solid #FFF; padding-bottom: 35px;} .title_modal{background:none; color:#198996;padding:40px 15px 15px 15px;font-size:24px; font-family: "Raleway", Arial,Helvetica,sans-serif; text-transform: lowercase;}</style>'); // Writes the css code required for the modal window

document.write("<div id='boxes'>");
document.write("<div id='dialog' class='window'><div class='title_modal' style='font-size: 48px;'>"+text+"<div style='float:right; position: relative; top: -79px; right: -28px;'><img src='contact/close.png' style='cursor:pointer;' onclick='closemodal()'/></div></div>");
document.write("<iframe src='contact/form.php?da' id='iframe_contact' frameborder='0' width='650' height='670' style='margin:0 0 15px 0;'></iframe>");
document.write("</div>");
document.write("<div id='mask'></div>");
document.write("</div>");



function Reload () { //Function used to reload the iframe after load for an accurate div position
var f = document.getElementById('iframe_contact');
f.src = f.src;
}

	$('#cnt_hover').click(function(e) {
		e.preventDefault();
		var id = '#dialog';
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
		if ($.browser.msie) {
			maskHeight=maskHeight-5;
			maskWidth=maskWidth-1;
		 }
		$('#mask').css({'width':maskWidth,'height':maskHeight});	
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
		var winH = $(window).height();
		var winW = $(window).width();
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
		$(id).fadeIn(2000); 
		Reload();
	});
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		$('#mask').hide();
		$('.window').hide();
	});		
	
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
	closemodal=function(){
		$('#mask').hide();
		$('.window').hide();	
	}
	
$('#btn_hover').hover(function(){ //changes background image of button on hover
	$(this).css('background-position','top center')
	},function(){	
	$(this).css('background-position','bottom center')
})

function Reload () { //Function used to reload the iframe after load for an accurate div position
var f = document.getElementById('iframe_contact');
f.src = f.src;
}

	$('#btn_hover').click(function(e) {
		e.preventDefault();
		var id = '#dialog';
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
		if ($.browser.msie) {
			maskHeight=maskHeight-5;
			maskWidth=maskWidth-1;
		 }
		$('#mask').css({'width':maskWidth,'height':maskHeight});	
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
		var winH = $(window).height();
		var winW = $(window).width();
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
		$(id).fadeIn(2000); 
		Reload();
	});
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		$('#mask').hide();
		$('.window').hide();
	});		
	
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
	closemodal=function(){
		$('#mask').hide();
		$('.window').hide();	
	}
	
$('#inpt_hover').hover(function(){ //changes background image of button on hover
	$(this).css('background-position','top center')
	},function(){	
	$(this).css('background-position','bottom center')
})

function Reload () { //Function used to reload the iframe after load for an accurate div position
var f = document.getElementById('iframe_contact');
f.src = f.src;
}

	$('#inpt_hover').click(function(e) {
		e.preventDefault();
		var id = '#dialog';
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
		if ($.browser.msie) {
			maskHeight=maskHeight-5;
			maskWidth=maskWidth-1;
		 }
		$('#mask').css({'width':maskWidth,'height':maskHeight});	
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
		var winH = $(window).height();
		var winW = $(window).width();
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
		$(id).fadeIn(2000); 
		Reload();
	});
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		$('#mask').hide();
		$('.window').hide();
	});		
	
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
	closemodal=function(){
		$('#mask').hide();
		$('.window').hide();	
	}