// Set cookies for the requestparameters in static files

function setCookie(name,value,days) {
	if (value && value != ''){
			if (days) {
				var date = new Date();
				date.setTime(date.getTime()+(days*24*60*60*1000));
				var expires = "; expires="+date.toGMTString();
			}
			else var expires = "";
			document.cookie = name+"="+value+expires+"; path=/";
	}
}

function getCookie(c_name) {
	var i,x,y,ARRcookies=document.cookie.split(";");
	for (i=0;i<ARRcookies.length;i++) {
		x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
		y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
		x=x.replace(/^\s+|\s+$/g,"");
		if (x==c_name) {
			return unescape(y);
		}
	}
	return null;
}

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

setCookie('broncode', getUrlVars()["broncode"], 0);
setCookie('brongroep', getUrlVars()["brongroep"], 0);


function showLayoverContent(dimmedLayer, layoverContainer, options) {
	$('body').append(dimmedLayer);
  $('body').append(layoverContainer);
  dimmedLayer.show();
  dimmedLayer.animate({opacity: 0.8}, options.duration);
  layoverContainer.show();
 
  if (options.show != '') {
  	$(options.show).each(function(index) {
	  	$(this).css({position : 'absolute', 'z-index' : '200', width : '100%', top : '0px', left: '0px'});
	  	$(this).show();	
	  	var layerContent = $('.layoverContent', this);
	  	
	  	if (options.left == '') {
	  		layerContent.css("left", (($(this).width() - $(layerContent).width()) / 2) + options.offsetx + "px");
			} else {
				layerContent.css("left", options.left);
			}
			if (options.top == '') {
				layerContent.css("top", (($(this).height() - $(layerContent).height()) / 2) + options.offsety + "px");
			} else {
				layerContent.css("top", options.top);
			}
			
			var closeButton = $(document.createElement('img'));
	  	closeButton.attr('src', options.closeimg);
	  	closeButton.attr('class', 'closebutton');
	  	$(layerContent).prepend(closeButton);	  		
	  		  	
	  	closeButton.bind('click', { layover: this, container: layoverContainer, layer : dimmedLayer, options: options }, function(event) { 
	      var data = event.data; 
	    	$(data.layer).animate({opacity: 0}, options.duration, function() {	$(this).remove();	});
	    	$(data.container).remove();
	    	$(window).unbind('resize');
	    	$(data.layover).hide();
	    });
  	});
  }	
  if (options.extra != '') {
  	$(options.extra).each(function() {
  		var elCloned = $(this).clone();
  		elCloned.css({position: 'absolute', left: $(this).offset().left, top: $(this).offset().top});
  		layoverContainer.append(elCloned);
  	});
  }
}

function showLayover(options) {
	var default_options = {
			'show'		 : '',
			'extra'		 : '',
			'left'		 : '',
			'top'		 	 : '',
			'closeimg' : '/static/vlpresentation/images/buttons/close.png',
			'offsetx'	 : 0,
			'offsety'	 : 0,
			'duration' : 0			
		}
	
	for(var idx_def in default_options) {
		if(typeof options[idx_def] == "undefined") options[idx_def] = default_options[idx_def];
	}
		
  var dimmedLayer = $(document.createElement('div'));
  dimmedLayer.css({
  	position: 'absolute',
  	top: '0px',
  	left: '0px',
  	width: '100%',
  	height: '100%',
  	display: 'none',
  	background: '#000',
  	'z-index': '100',
  	'filter': 'alpha(opacity = 0)',
  	'opacity': '0'	  		
  });
  
  var layoverContainer = $(document.createElement('div'));
  layoverContainer.css({
  	position: 'absolute',
  	top: '0px',
  	left: '0px',
  	width: '100%',
  	height: '100%',
  	display: 'none',
  	'z-index': '101'
  });
  
  showLayoverContent(dimmedLayer, layoverContainer, options);
  
  $(window).bind('resize', { container: layoverContainer, layer : dimmedLayer, options: options }, function(event) { 
    var data = event.data; 
    data.layer.html('');
    data.container.html('');
    data.layer.remove();
    data.container.remove();
    showLayoverContent(data.layer, data.container, data.options);
  });  
}