/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
 var scrOfX = 0, scrOfY = 0;
//loading popup with jQuery magic!
function loadPopup(pop_id){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#"+pop_id+"").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(pop_id){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#"+pop_id+"").fadeOut("slow");
		popupStatus = 0;
	}
}

//function reload_form()
//{
//	 $('#popupContact').html("<a id='popupContactClose' onclick='close_pop()'>x</a><h1>Enquiry Form</h1><div id='eform'><form name='contact' method='post' action=''><fieldset><label class='error' for='name' id='gen_error'></label></fieldset><fieldset><ol><li><label for='name'>Name:</label><input id='name' name='name' class='text' type='text' /></li><li><label for='email'>Email address:</label><input id='email' name='email' class='text' type='text' /><span  id='validEmail'></span></li><li><label for='phone'>Telephone:</label><input id='phone' name='phone' class='text' type='text' /></li><li><label for='enquiry'>Enquiry for</label><input id='enquiry' name='enquiry' class='text' type='text' /></li><li><label for='details'>Other Details</label><textarea id='details' name='details' class='text' rows='2' cols='20'></textarea></li><li class='submit'><label>&nbsp;</label><input type='sumbit' name='submit' class='button' onclick='send()' id='submit_btn' value='' /></li></ol></fieldset></form></div>");
//}

function creatpopup()
{
	var a=document.getElementById('popupContact').innerHTML;
	var enquiry_content=document.getElementById('enquiry_content').value;
	$('#popupContact').html("<a id='popupContactClose' onclick=\"close_pop('popupContact')\">x</a><h1>Enquiry Form</h1><div id='eform1'><form name='contact' method='post' onsubmit='return send()'><fieldset><label class='error' for='name' id='gen_error'></label></fieldset><fieldset><ol><li><label for='name'>Name:</label><input id='name' tabindex='51' name='name' class='text' type='text' /></li><li><label for='email'>Email address:</label><input id='email' name='email' class='text' type='text'  tabindex='52'/><span  id='validEmail'></span></li><li><label for='phone'>Telephone:</label><input id='phone' name='phone' class='text' type='text'  tabindex='53'/></li><li><label for='enquiry'>Enquiry for</label><input id='enquiry' name='enquiry' class='text' type='text' tabindex='54'/></li><li><label for='details'>Other Details</label><textarea id='details' name='details' class='text' rows='2' cols='20' tabindex='55'></textarea></li><li class='submit'><label>&nbsp;</label><input type='submit' name='submit' class='button' id='submit_btn' value='' tabindex='56' onblur='return send()'/></li></ol></fieldset></form></div>");
}
function getScrollXY() {
 
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }

//  return [ scrOfX, scrOfY ];
}
//centering popup
function centerPopup(pop_id){
getScrollXY();
	//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = $("#"+pop_id+"").height();
var popupWidth = $("#"+pop_id+"").width();
alert
	//centering
	var org_height=$(document).height();
 $("#"+pop_id+"").css({
  "position": "absolute",
  "top":scrOfY + (windowHeight/2 - popupHeight/2) ,
  "left":scrOfX + (windowWidth/2 - popupWidth/2)
 });	  

//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": org_height
	});
	
}



function close_pop(pop_id)
{	
disablePopup(pop_id);
//setTimeout("reload_form()",1000);
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//LOADING POPUP
	//Click the button event!
	$("#pop_up").click(function(){
		//centering with css+
		creatpopup();
		
		centerPopup('popupContact');
		//load popup
		loadPopup('popupContact');
		pop_id='popupContact';
	});
	
	$("#pop_up_ecom").click(function(){
		
		centerPopup('popupContact_ecomm');
		//load popup
		loadPopup('popupContact_ecomm');
		pop_id='popupContact_ecomm';
	});
	
	
	$("#pop_up_img1").click(function(){
		
		centerPopup('popupContact_img1');
		//load popup
		loadPopup('popupContact_img1');
		pop_id='popupContact_img1';
	});
	
	$("#pop_up_img2").click(function(){
		
		centerPopup('popupContact_img2');
		//load popup
		loadPopup('popupContact_img2');
		pop_id='popupContact_img2';
	});
	
	$("#pop_up_img3").click(function(){
		
		centerPopup('popupContact_img3');
		//load popup
		loadPopup('popupContact_img3');
	});
	
	$("#pop_up_img4").click(function(){
		
		centerPopup('popupContact_img4');
		//load popup
		loadPopup('popupContact_img4');
		pop_id='popupContact_img4';
	});
	
	$("#pop_up_crm").click(function(){
		
		centerPopup('popupContact_crm');
		//load popup
		loadPopup('popupContact_crm');
		pop_id='popupContact_crm';
	});
	//CLOSING POPUP
	//Click the x event!
	//$("#popupContactClose").click(function(){										
//			disablePopup();
//			setTimeout("reload_form()",1000);
//	});
	//Click out event!
	$("#backgroundPopup").click(function(){	
		disablePopup(pop_id);
		setTimeout("reload_form()",1000);
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup(pop_id);
			setTimeout("reload_form()",1000);
		}
	});

});