/***************************/
//@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){
		
		//$("#helppopupwrapper").show();
		$('#helppopupwrapper').slideDown('fast');
		$('helppopupClose').slideDown('fast');

		popupStatus = 1;

	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		//$("#helppopupwrapper").hide();
		$('#helppopupwrapper').slideUp('fast');
		$('helppopupClose').slideUp('fast');
		popupStatus = 0;
	}
}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
			
	//Input SituationCode help
	
	$("#SituationCodeInputQuestion").click(function(){	
		loadPopup();
	});
	
	//CLOSING POPUP
	//Click the x event!
	$("#helppopupClose").click(function(){
		disablePopup();
	});

	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});


	
//============= JQuery + Ajax ======================

// One instance that's reused to show info for the current person

 /* var container = $('<div id ="questionhelppopupwrapper">'
	  +	'	<div id="questionhelppopupleft"></div>'
	  +	'	<div id="questionhelppopup">'
	  +	'		<a id="questionhelppopupClose"><img src="./img/yellow_close_standard.png" title="Close" id="SituationCodeInputQuestion"/></a>'	
	  +	'		<div id="questionhelppopupcontent"></div>'
	  +	'	</div>'
	  + '	</div>');
*/

/*	var container = $('<div id="helpsliderwrapper">'
		+'	<div id="helpslidertop"></div>'
		+'		<div id="helpslider">'
		+'			<a id="helpsliderClose"><img src="./img/yellow_close_standard.png" title="Close" id="SituationCodeInputQuestion"/></a>'
		+'		<div id="helpslidercontent">'
		+'		</div>'
		+'		</div>'
		+'	</div>');
*/

 // $('body').append(container);

//	$('question').append(container);

  $('#QuestionHelpIcon').live('click', function()
  {
      // format of 'rel' tag: optionid,languageid
      var settings = $(this).attr('rel').split(',');
      var optionID = settings[0];
      var langID = settings[1];

	 // alert(optionID +'-'+langID);

      // If no optionId in url rel tag, don't popup blank
      if (optionID == '')
          return;

      var pos = $(this).offset();
      var width = $(this).width();
      
	  /*$('helpsliderwrapper').css({
          left: (pos.left + width) + 'px',
          top: pos.top - 5 + 'px'
      });
	*/

      //$('#questionhelppopupcontent').html('&nbsp;');

    /*  $.ajax({
          type: 'GET',
		  //dataType: 'script',
		  //scriptCharset: 'iso-8859-1', 
		  //contentType: 'text/html; charset=iso-8859-1',
          url: 'include/dialoogoptionhelp.asp',
          data: 'profile_id=' + optionID + '&langid=' + langID,
		  success: function(data)
          {
			$('#helpslidercontent').html(data);
          }
		  ,error: function(data){
			//alert("Help tekst kan op dit moment niet opgehaald worden");
			$('#helpslidercontent').html("Help tekst kan op dit moment niet worden opgehaald.");
		  }
      });
	*/
	
	  //$('#'+optionID+'_helpsliderwrapper').css('display', 'block');
	 $('#'+optionID+'_helpsliderwrapper').slideDown('fast');
	 $('#helpsliderClose').slideDown('fast');


  });


  // Hide after close click  
   $('#helpsliderClose').live('click', function()  
   {  
     // container.css('display', 'none'); 
	  var settings = $(this).attr('rel').split(',');
      var optionID = settings[0];
	   
	  //$('#'+optionID+'_helpsliderwrapper').css('display', 'none');
	  $('#'+optionID+'_helpsliderwrapper').slideUp('fast');
	   $('#helpsliderClose').slideUp('fast');
   }); 


//==Mail uw situatie code help ====================================
 
 $('#MailSituationCodeHelpIcon').live('click', function()
  {
	  //$('#mailsituatiecodewrapper').css('display', 'block');
	  $('#mailsituatiecodewrapper').slideDown('fast');
	  $('#mailsituatiecodeClose').slideDown('fast');
  });

	// Hide after close click  
   $('#mailsituatiecodeClose').live('click', function()  
   {    
	  //$('#mailsituatiecodewrapper').css('display', 'none'); 
	   $('#mailsituatiecodewrapper').slideUp('fast');
	   $('#mailsituatiecodeClose').slideUp('fast');
   }); 

//==Mail uw situatie code help ====================================

});