/***************************/
//@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;

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7",
			"background": "black"

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

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	var thisHeight=windowHeight/2-popupHeight/2;
	if(thisHeight<0){
		var thisHeight=0;
	}
	//centering
	$("#popupContact").css({
		"position": "absolute",
		"top": thisHeight+$(document).scrollTop(),
		"left": windowWidth/2-popupWidth/2,
		"z-index":100
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height":$(document).height(),
		"position":"fixed",
		"top":"0px",
		"left":"0px",
		"width":"100%",
		"z-index":50
	});
	
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//LOADING POPUP
	//Click the button event!
	$("#button").click(function(){
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
	});
			$("#button2").click(function(){
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
	});		
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		disablePopup();
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});


$(function(){
  $('input[src_checked][src_unchecked]')
  	   // Hide each native checkbox
	   .hide()
	   // Iterate through checkboxes and do all the magical stuff
	   .each(function (){
	       var checked=$(this).attr('src_checked');
	       var unchecked=$(this).attr('src_unchecked');
		   $("<img>")
			   // Set image attributes mirror radio button attributes
			   .attr({src: this.checked ? checked : unchecked, alt: "", 
			     'type': $(this).is(':radio')?'radio':'checkbox', 'name':$(this).attr('name') })
			   // onclick 
			   .click(function() {
                  var check = $(this).next().is(':checked');
				  var radio = $(this).next().is(':radio');
				  var field=$(this).next().attr('field_display');
				  $(this).parents('form').find('[optional]').hide().end().find('[optional='+field+']').show();
				  $(this).parents('form').find('div [id='+$(this).attr('field_display')+']').show()
                  $(this).parents('form').find('img[type=radio][name='+$(this).attr('name')+']').each(function(){

				         $(this).attr({ src:  $(this).next().attr('src_unchecked') })
		                .next().attr('checked','')
				     })
				    // clear radio buttons with the same name
   			       
				  .end().end()
        		   .attr({ src: !check||radio?checked:unchecked })
		           .next().attr('checked',!check||radio)
			   })
			   // Attach image
			   .insertBefore(this);
           });

});