var _ie6 = false;
if ($.browser.msie && $.browser.version == '6.0') _ie6 = true;

var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body
var st2_popup;
var _fader;

$.clientCoords = function() {
     var dimensions = {width: 0, height: 0};
     if (document.documentElement) {
         dimensions.width = document.documentElement.offsetWidth;
         dimensions.height = document.documentElement.offsetHeight;
     } else if (window.innerWidth && window.innerHeight) {
         dimensions.width = window.innerWidth;
         dimensions.height = window.innerHeight;
     }
     return dimensions;
}

function geef_je_mening_popup(_this) {
	_fader = $('<div id="fader"></div>').css({
		position:'absolute',
		top: '-17px',
		left: 0,
		zIndex: 3,
		background: '#fff',
		opacity: 0,
		height: $(window.body).height() + 'px',
		width: '100%',
		display: 'none'
	});
	$('body').append(_fader);
	
	hideSelects();

	$(_fader, 'body').show().fadeTo(300, 0.5, function(){
		$.ajax({
			url: $(_this).attr('href'),
			dataType: 'html',
			success: function(_html) {
				st2_popup = $(_html);
				$('body').append(st2_popup);
				
				//popup positoneren
				st2_popup.css({
					position: 'absolute',
					zIndex: 4,
					left: '50%',
					marginLeft: -st2_popup.outerWidth()/2,
					top: 300
				});
				
				//sifr er in plaatsen
				initSifr();
				initMerken();
				
				//sluiten knop			
				st2_popup.find('a.close').click(function(){
					st2_popup.fadeOut(300, function(){
						_fader.fadeOut(300, function(){
							showSelects();
							_fader.remove();
							st2_popup.remove();
						});
					});
					return false;
				});
				
				//
				var _val2 = 'naam';
				st2_popup.find('.text').focus(function(){
					if(this.value == _val2){
						this.value = '';
					}
				}).blur(function(){
					if(this.value == ''){
						this.value = _val2;
					}
				});
	
				st2_popup.find('.popup-btn').bind('click', sendMening);
				//rating
				st2_popup.find('.rate a').unbind('click').bind('click', function(){
					if($(this).parent().hasClass('active')) $(this).parent().removeClass('active');
					else{
						st2_popup.find('.rate a').parent().removeClass('active');
						$(this).parent().addClass('active');
						$('#rating').attr('value', $(this).attr('id'));
					}
					return false;
				});
				st2_popup.find('.opinion-form #check').click(function(){
					if(this.checked){
						//29 in hoogte er bij
						st2_popup.find('.assessment1').slideUp(100);
						st2_popup.find('.assessment2').slideDown(100);
					} else {
						st2_popup.find('.assessment1').slideDown(100);
						st2_popup.find('.assessment2').slideUp(100);
					}
					
				});
			}
		});
	});
}

function show_tip(_this) {
	_fader = $('<div id="fader"></div>').css({
		position:'absolute',
		top: '-17px',
		left: 0,
		zIndex: 3,
		background: '#fff',
		opacity: 0,
		height: $(window.body).height() + 'px',
		width: '100%',
		display: 'none'
	});
	$('body').append(_fader);
	hideSelects();

	$(_fader, 'body').show().fadeTo(300, 0.5, function(){
		//content laden
		$.ajax({
			url: $(_this).attr('href'),
			dataType: 'html',
			success: function(_html) {
				st2_popup = $(_html);
				$('body').append(st2_popup);
					
				//popup positoneren
				st2_popup.css({
					position: 'absolute',
					zIndex: 4,
					left: '50%',
					marginLeft: -st2_popup.outerWidth()/2,
					top: 300
				});
				
				//sifr er in plaatsen
				initSifr();
				
				//sluiten knop			
				st2_popup.find('a.close').click(function(){
					st2_popup.fadeOut(300, function(){
						_fader.fadeOut(300, function(){
							showSelects();
							_fader.remove();
							st2_popup.remove();
						});
					});
					return true;
				});

				
			}
		});
	});
}

function sendMening(){
	var blnSend = true;
	if($('[name=naam]', st2_popup).val() =='' || $('[name=naam]', st2_popup).val() =='naam'){
		alert('geef je naam op');
		blnSend = false;
	}
	if($('[name=werktniet]:checked', st2_popup).val() == '1'){
		if($('[name=probleem]', st2_popup).val() =='' && blnSend){
			alert('beschrijf je pobleem');
			blnSend = false;
		}
	}else{
		if($('[name=rating]', st2_popup).val() =='' && blnSend){
			alert('geef een beoordeling');
			blnSend = false;
		}
		if($('[name=reactie]', st2_popup).val() =='' && blnSend){
			alert('geef je mening');
			blnSend = false;
		}
		
		
	}
	

	var str = $("form", st2_popup).serialize();
	if(blnSend){
		$.ajax({
			url: $(this).attr('href'),
			data: str,
			type:"POST",
			dataType: 'html',
			success: function(_html) {
				//alert(_html);
				
				st2_popup.fadeOut(300, function(){
					st2_popup.remove();
					
					st2_popup = $(_html);
					$('body').append(st2_popup);
					
					//popup positoneren
					st2_popup.css({
						position: 'absolute',
						zIndex: 4,
						left: '50%',
						marginLeft: -st2_popup.outerWidth()/2,
						top: 300
					});
					
					//sifr er in plaatsen
					initSifr();
					
					//sluiten knop			
					st2_popup.find('a.close').click(function(){
						st2_popup.fadeOut(300, function(){
							_fader.fadeOut(300, function(){
								_fader.remove();
								st2_popup.remove();
							});
						});
						return true;
					});
					
				});
				
			}
		});
	}
	return false;
}

function bedankt(_href) {
	//background plaatsen
	_fader = $('<div id="fader"></div>').css({
		position:'absolute',
		top: '-17px',
		left: 0,
		zIndex: 3,
		background: '#fff',
		opacity: 0,
		height: $(window.body).height() + 'px',
		width: '100%',
		display: 'none'
	});
	$('body').append(_fader);
	hideSelects();

	//content laden
	$(_fader, 'body').show().fadeTo(300, 0.5, function(){
		$.ajax({
			url: _href,
			dataType: 'html',
			success: function(_html) {
				st2_popup = $(_html);
				$('body').append(st2_popup);
				
				//popup positoneren
				st2_popup.css({
					position: 'absolute',
					zIndex: 4,
					left: '50%',
					marginLeft: -st2_popup.outerWidth()/2,
					top: 300
				});
				
				//sifr er in plaatsen
				initSifr();
				
				//sluiten knop			
				st2_popup.find('a.close').click(function(){
					st2_popup.fadeOut(300, function(){
						_fader.fadeOut(300, function(){
							showSelects();
							_fader.remove();
							st2_popup.remove();
						});
					});
					return true;
				});
				
				//sluiten knop			
				st2_popup.find('a.btn-goto-stap3').click(function(){
					st2_popup.fadeOut(300, function(){
						_fader.fadeOut(300, function(){
							showSelects();
							_fader.remove();
							st2_popup.remove();
						});
					});
					return false;
				});
	
				
			}
		});
	});
}