/*
function toggleTooltip(event, fromElement, msg) {
	var x = event.pageX, y = event.pageY;
	
	if (typeof toggleTooltip.initialized == 'undefined' ) {
		toggleTooltip.DISABLED = 0;
		toggleTooltip.ENABLED = 1;
		toggleTooltip.state = toggleTooltip.DISABLED;
		var elem = $(document.createElement('div'));
		elem.attr('id', 'tooltip').addClass('class', 'tooltip');
		$(document.body).append(elem);
		toggleTooltip.element = elem; // static variable
		toggleTooltip.reposition = function(left, top) {
			var elem = toggleTooltip.element;
			var docW = $(document).width();
			var docH = $(document).height();
			var elemW = elem.width();
			var elemH = elem.height();
			
			left -= elemW / 2;
			
			var diff = (elemW + left) - docW;
			if ( diff > 0 ) left -= diff;
			
			elem.css('left', left + "px").css('top', top + "px");
		};
		$(document).mousemove(function(ev) {
			if ( toggleTooltip.state == toggleTooltip.DISABLED ) return;
			toggleTooltip.reposition(ev.pageX, ev.pageY - toggleTooltip.element.height() - 10);
		});
		toggleTooltip.initialized = true;
	}

	var elem = $(toggleTooltip.element);
	elem.html(msg);
	if ( toggleTooltip.state == toggleTooltip.DISABLED ) {
		toggleTooltip.reposition(x, y - elem.height() - 10);
		elem.show();
		toggleTooltip.state = toggleTooltip.ENABLED;
	} else {
		elem.hide();
		toggleTooltip.state = toggleTooltip.DISABLED;
	}	
}
*/

$(document).ready(function() {	
	$('h2.Expandable').bind('click', function(){
		if ( $(this).hasClass('Closed') ) {
			// openen
			$(this).next('div.Expandable').show();
			$(this).removeClass('Closed');
		} else {
			// sluiten
			$(this).addClass("Closed");
			$(this).next('div.Expandable').hide();
		}
	});
	
	$('li.Expandable').bind('click', function(ev) {
		$(this).toggleClass('Open');
		$(this).children('ul, ol').toggleClass('Open');
		ev.preventDefault();
		return false;
	});
	
	$('a').each(function() {
		if ( $(this).attr('data:tooltip') != undefined ) {
			$(this).bind('mouseleave', function(ev) {
				toggleTooltip(ev, $(this), null);
			}).bind('mouseenter', function(ev) {
				toggleTooltip(ev, $(this), $(this).attr('data:tooltip'));
			});
		}
	});
	
	//$("input:visible:first").each(function(){$(this).focus();});
	
	$("select[name='rechtspersoon']").bind('click', function() {
		var selectedValue = document.getElementById( 'rechtspersoon' ).value;
		if ( selectedValue == 2 ) {  
			$('.kvk').show();
		} else {
			$('.kvk').hide();
		}
	});
	
	$("input[name='supplymethod']").bind('click', function() {
		var selected = $("input[name='supplymethod']:checked");
		if ( selected.attr('value') == 1 ) {  
			if( UploadCompleted ) {
				$('.UploadPart').hide();
				$('#FileUpload').show();
				$('.PaymentPart').show();
			} else {
				//nog niet voldoende upload
				$('.UploadPart').show();
				$('.PaymentPart').hide();
			}
		} else {
			$('.UploadPart').hide();
			$('.PaymentPart').show();
		}
	});
	
	/*
	$('a.RemoveFile').bind('click', function(ev) {
		ev.preventDefault();
		var hidden = $(this).parent().children('input.DeleteFile');
		if ( hidden.attr('value') != '1' ) {
			hidden.attr('value', '1');
			$(this).parent().parent().find('td.Col2 input.Upload').show();
			$(this).parent().parent().find('td.Col2 p.Filename').remove();
			$(this).remove();
			//show upload button
			$('.UploadPart').show();
			$('.PaymentPart').hide();
			UploadCompleted = false;
		}
		return false;
	});*/
});

/*
function togglePopup() {
	var top = 50;
	var docW = $(document).width();
	var docH = $(document).height() - ; //Volgende keer graag netjes achterlaten!
}
*/

function toggleAddressForm( addressType, addressID ) {

	if( addressID > 0 ) {

		vars="addressType=" + addressType + "&addressID=" + addressID;
		url= AbsPath + 'includes/SpecialPages/Order/Address/Ajax.php';

		xmlhttp = getHTTPObject();

		xmlhttp.open("POST", url, false);
		xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		xmlhttp.send(vars);
		response = xmlhttp.responseText;
		if (typeof(response) == "undefined" || response == 'null') {
			return false;
		} else {
			
			var data = eval( '(' + response + ')' );			
			
			document.getElementById( addressType + '_addressName' ).value = data['name'];
			document.getElementById( addressType + '_addressName' ).disabled = true;			
			
			document.getElementById( addressType + '_street' ).value = data['street'];
			document.getElementById( addressType + '_street' ).disabled = true;			
			
			document.getElementById( addressType + '_streetNumber' ).value = data['streetNumber'];
			document.getElementById( addressType + '_streetNumber' ).disabled = true;			
			
			document.getElementById( addressType + '_postalCode' ).value = data['postalCode'];
			document.getElementById( addressType + '_postalCode' ).disabled = true;			
			
			document.getElementById( addressType + '_city' ).value = data['city'];
			document.getElementById( addressType + '_city' ).disabled = true;
			
		}
		
	} else {
		
		document.getElementById( addressType + '_addressName' ).value = '';
		document.getElementById( addressType + '_addressName' ).disabled = false;
		
		document.getElementById( addressType + '_street' ).value = '';
		document.getElementById( addressType + '_street' ).disabled = false;
		
		document.getElementById( addressType + '_streetNumber' ).value = '';
		document.getElementById( addressType + '_streetNumber' ).disabled = false;
		
		document.getElementById( addressType + '_street' ).value = '';
		document.getElementById( addressType + '_street' ).disabled = false;
		
		document.getElementById( addressType + '_postalCode' ).value = '';
		document.getElementById( addressType + '_postalCode' ).disabled = false;
		
		document.getElementById( addressType + '_city' ).value = '';
		document.getElementById( addressType + '_city' ).disabled = false;
		
	}
  	
}

function selectOplage( aantal, prijs, prijsID ){

	//document.form.Oplage.value = prijsID;
	document.getElementById( 'Oplage' ).value = aantal;
	
	changeClassname( 'OplageBox', 'Hide' )
	document.getElementById( 'SelectedAantal' ).innerHTML = aantal;
	document.getElementById( 'SelectedPrijs' ).innerHTML = '€ ' + number_format(prijs, 2, ',', ' ');

}

function toggleDiv( DivID ){
    if(document.getElementById( DivID ).className == 'Hide'){
    	document.getElementById( DivID ).className = 'Show';
    }else{
    	document.getElementById( DivID ).className = 'Hide';
    }
}