/**
 *  AgeChecker Layer v 20.01.2012
 *  @author Patrick Tsui
 *  @last-mod Patrick Tsui 20.01.2012
 *  @required jQuery version > 1.3  
 *   
 *  Dieses Script erstellt ein Layer mit halbtransparenten Hintergrund 
 *  und Altersprüfung. Der Layer wird nur beim Parameter "check" angezeigt.
 *  check muss mit einer Raute übergeben werden. 
 *    
 *  Einen Layer erstellen:
 *  Folgende Code-Zeile ist nötig um den Layer in einer gewöhnlichen HTML-Seite
 *  zu integrieren:
 *  <script type="text/javascript" src="http://www.verpoorten.de/C1256CEF0045FD9B/RepositoryFile/agecheck/js/agecheck.js"></script>
 *  <script>
 *  var options = {'redirect': 'http://massvoll-geniessen.de',
 *                 'img-resource-path: 'http://www.verpoorten.de/C1256CEF0045FD9B/RepositoryFile/img/'  }
 *                 
 *  $.showLayer(options);
 *  </script>  
 *   
 *    
 **/  
 
(function($) {
    $.showLayer = function(o){
        // param check
        if(GET('check') == 'undefined' || GET('check') != '1' ){
		
			if(GET('check2') == 'undefined' || GET('check2') != '1' ){
		
            return false;
			}
		
            //return false;
		}
        // option check
        if(o == undefined){
		
            return false;  
        }
        if(o['img-resource-path'] == undefined){
		
            return false;
        }
        
        var options = o;
		

        var $ageLayerDiv = $(document.createElement('div')); 
     
        var $ageLayerContentDiv = $(document.createElement('div'));
        
        
        // Definiere Methoden
        var methods = {
        
        // erstellt den Layer und zeigt ihn an.
        'show': function() {
          var cssKeys; // Map für CSS Eigenschaften und Werte
          
          cssKeys = { 'margin':'0',
                      'padding':'0',
                      'background-color':'#000000',
                      '-ms-filter':'"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"',
                      'filter':'alpha(opacity=80)',
                      '-moz-opacity':'0.80',
                      'opacity':'0.80',
                      'top':'0',
                      'left':'0',
                      'z-index':'9999999',
                      'position':'fixed',
                      'width':'1000%',
                      'height':'700px',
                      'min-height':'1000%'             
          }; 
          
                 
          // setze id und css layout  für den halbtransparenten Hintergrund
          $ageLayerDiv.add('id','ageLayer');
          $.each(cssKeys, function(key, value) { 
              $ageLayerDiv.css(key,value); 
          });
          cssKeys = { 'position':'fixed',
                      'z-index':'999999999999',
                      'top':'50%',
                      'left':'50%',
                      'margin-top':'-25%',
                      'margin-left':'-400px',
                      'height':'600px',
                      'width':'844px',
                      'background-image':'url("'+options['img-resource-path']+'bg2.jpg")'
          };   
          
          // erstelle den Div-Container für den Inhalt vom Layer   
          $ageLayerContentDiv.add('id','ageLayerContent');
          $.each(cssKeys, function(key, value) { 
              $ageLayerContentDiv.css(key,value); 
          });
        
          
          cssKeys = { 'position':'relative',
                      'top': '220px',
                      'left':'130px',
                      'text-align':'center'
          };
          
          // erstelle buttons
          var $form = $(document.createElement('div')); 
          $.each(cssKeys, function(key, value) { 
              $form.css(key,value); 
          });   
                   
          var $legalAge = $('<a><div></div> </a>'); 
          var $underAge =$('<a><div style="background-position: 0px 44px"></div> </a>');
          
       
             
          
          cssKeys = { 'cursor':'pointer',
                      'text-decoration':'none',
                      'float': 'left'
          };
          $.each(cssKeys, function(key, value) { 
              $legalAge.css(key,value); 
              $underAge.css(key,value);
          }); 
          
          cssKeys = { 'width':'245px',
                      'height':'44px',
                      'background-image':'url("'+options['img-resource-path']+'button_sprite.png")'
          };
          var $buttonDiv = $legalAge.find('div');
          $.each(cssKeys, function(key, value) { 
              $buttonDiv.css(key,value);
               
          });
          $buttonDiv.css('margin-right','5px'); 
          $buttonDiv = $underAge.find('div');
          $.each(cssKeys, function(key, value) { 
              $buttonDiv.css(key,value); 
          }); 
          
          
          // füge den Buttons Click-Listener hinzu 
          $legalAge.bind('click',function(){
               // blende den Layer aus
               $ageLayerDiv.fadeOut('slow');
               $ageLayerContentDiv.fadeOut('slow');
                     
          });
          $underAge.bind('click',function(){
              // leite auf eine externe Seite weiter
              window.location = options['redirect'];        
          });
        
                       
          $form.append($legalAge);
          $form.append($underAge);
          // füge formular zum Content-Div hinzu
          $ageLayerContentDiv.append($form);
                    
          // füge dem Body den Age-Div hinzu
          $('body').append($ageLayerDiv);
          $('body').append($ageLayerContentDiv);
                
        }
      };
      methods.show();
	  
  };
})(jQuery);

// Hole die Get-Parameter
HTTP_GET_VARS=new Array();


//strGET = document.location.search.substr(1,document.location.search.length);
strGET = document.URL;
if(strGET!='')
{ 
  gArr = strGET.split('#');
  for(i=0; i < gArr.length; ++i)
  {
      v=''; vArr=gArr[i].split('=');
      if(vArr.length>1)
      {
        v=vArr[1];
      }
      HTTP_GET_VARS[unescape(vArr[0])] = unescape(v);
  }
}

/**
 *  Methode GET
 *  Diese Methode liefert zu einen GET-Parameter den Wert
 *  @param String param der name des GET-Parameters  
 */ 
function GET(param)
{    
  if(!HTTP_GET_VARS[param])
  {
    return 'undefined';
  }
  return HTTP_GET_VARS[param];
}