//DESIGNS TRAVEL



$(document).ready(function() {
	 $('.inputDate').live('click', function() {
		 
		$(this).datepicker({changeMonth: true, changeYear: true, yearRange: '1900:2011', showOn:'focus', dateFormat: 'dd-mm-yy'}).focus();
    });	
	
	$('.popupdiv_content').delegate('.inputDate', 'click', function() {
		$(this).datepicker({changeMonth: true, changeYear: true, yearRange: '1900:2011', showOn:'focus', dateFormat: 'dd-mm-yy'}).focus();
	});
});






function fillBirthDates(no) {
	html = '';
	for(i = 0; i < no; i++){
		html += '<label for="persoon'+(i+1)+'">Persoon '+(i+1)+':</label>';
		html += '<input type="text" class="inputDate" value="1-1-1970" name="room[1]['+i+']" id="persoon'+(i+1)+'" /><br />';	
	}
	$('.geboortedata').html(html);
}

function fillBirthDatesRoom(target, no) {
	html = '';
	for(i = 0; i < no; i++){
		html += '<label for="persoon'+(i+1)+'">Persoon '+(i+1)+':</label>';
		html += '<input type="text" class="inputDate" value="1-1-1970" name="room['+target+']['+i+']" id="persoon'+(i+1)+'" /><br />';	
	}
	$('#fillform #kamers .kamer[no='+target+'] .geboortedata').html(html);
}


function addRoom() {
	norooms = $('#fillform #kamers').find('.kamer').length+1;
	
	html = '';
	html += '<div class="kamer" no="'+norooms+'">';
	html += '<div class="kamer_top"><div class="kamer_top_titel">Kamer '+norooms+'</div><div class="kamer_top_pers">';
	html += '<label for="personen">Aantal personen:</label>';
	html += '<select name="personen" onchange="fillBirthDatesRoom('+norooms+', this.value)">';
	html += '<option value="0"  selected="selected">Kies het aantal personen</option>';
	html += '<option value="1">1 persoon</option>';
	html += '<option value="2">2 personen</option>';
	html += '<option value="3">3 personen</option>';
	html += '<option value="4">4 personen</option>';
	html += '</select></div></div>';
	html += '<div class="geboortedata"></div>';
	html += '</div>';
	
	$('#fillform #kamers').append(html);
	
	return false;
}

function removeRoom() {
	norooms = $('#fillform #kamers').find('.kamer').length;
	if(norooms > 2) {
		$('#fillform #kamers .kamer').last().remove();
	}
	
	return false;
}







function getAvailPrices(offset,start) {
	//Checken of er geboortedata zijn ingevult:
	aantal = $('.a_rechts #birthdatesholder').find('input').length;
	
	if (aantal == 0 && start == 1) {
		//Popup
		popupCompany();
	} else {
		$.ajax({
			url: 'index.php?route=product/product/checkDates&offset='+offset,
			type: 'post',
			data: $('.a_rechts input, .a_rechts textarea, .a_rechts select, #birthdatesholder input'),
			dataType: 'json',
			beforeSend: function() {
				$('.loading_ajax').css('display','block');
			},
			success: function(json) {
				$('.loading_ajax').css('display','none');
				if (json['availability']) {
					$('.a_links .inhoud').html(json['availability']);
				}	
			}
		});
	}
	return false;
}

function popupCompany() {
	Popup.showModal('popupdiv',null,null,{'screenColor':'#000','screenOpacity':.6});
	return false;
}



function editCompany() {
	$.ajax({
		url: 'index.php?route=product/product/setCompany',
		type: 'post',
		data: $('#form1 input'),
		dataType: 'json',
		async: false,
		beforeSend: function() {
				$('.loading_ajax').css('display','block');
			},
		success: function(json) {
			$('.loading_ajax').css('display','none');
			if (json['birthdates']) {
				$('.a_rechts #birthdatesholder').html(json['birthdates']);
			}	
		}
	});
	
	$('#fill').html("");
	
	getAvailPrices(0);
	return false;
}


function checkNoRooms() {
	norooms = $('input[name=norooms]:checked').val();
	if (norooms == 1) {
		html = $('#oneroom').html();
		$('#fillform').html(html);
	}
	if (norooms == 2) {
		html = $('#morerooms').html();
		$('#fillform').html(html);
		//$('#fillform').html('Nog niet beschikbaar');
	}
}



$("tr .travelprice").live("click",function(){
	$('#fill').html("");
	
	//Functie aanpassen... als er multiroom is gekozen moet er nog per kamer het kamertype worden gekozen op basis van de ingevulde gegevens
	
	fullcode = $(this).attr('fullcode');
	dept_date = $(this).attr('dept_date');
	dept_point = $(this).attr('dept_point');
	dagen = $(this).attr('dagen');
	//alert(fullcode + ' - ' + dept_date + ' - ' + dept_point + ' - ' + dagen);
	
	if($('#birthdatesholder').find('input').length < 1 ) {
		popupCompany();
		return false;
	}
	
	
	
	$.ajax({
		url: 'index.php?route=product/product/availSellAssign&fullcode='+fullcode+'&dept_date='+dept_date+'&dept_point='+dept_point+'&dagen='+dagen,
		type: 'post',
		data: $('.a_rechts input, .a_rechts textarea, .a_rechts select, #birthdatesholder input'),
		dataType: 'json',
		beforeSend: function() {
				$('.loading_ajax').css('display','block');
			},
		success: function(json) {
			$('.loading_ajax').css('display','none');
			if (json['rooms']) {
				$('.a_links2').html(json['rooms']);
				$.scrollTo('.a_links2',500);
			}
			if (json['prices']) {
				$('#fill').html(json['prices']);
			}	
		}
	});
	return false;
});

function setRooms() {
	$.ajax({
		url: 'index.php?route=product/product/setRooms',
		type: 'post',
		data: $('.a_links2 select'),
		dataType: 'json',
		async: false,
		beforeSend: function() {
				$('.loading_ajax').css('display','block');
			},
		success: function(json) {
			if (json['prices']) {
				$('.loading_ajax').css('display','none');
				$('#fill').html(json['prices']);
			}	
		}
	});
	return false;
}




jQuery.extend(jQuery.expr[':'],{
	key:function(elm,i,filter)
	{
		if(typeof elm.name == undefined)
			return false;
		
		var qual = filter[3],
			name = elm.name;
		
		if(!name.match(/\[.*\]/))
			return false;
		if(qual == undefined)
			return true;
		
		var keys=qual.split(/,/g),
			l=keys.length;
		
		while(l--)
			keys[l] = "\\["+(keys[l].replace(/^\s+|\s+$/g,''))+"\\]";
		
		return name.match(new RegExp(keys.join('')));
	}
});

(function($){
 $.fn.extend({
 
 	customStyle : function(options) {
	  if(!$.browser.msie || ($.browser.msie&&$.browser.version>6)){
	  return this.each(function() {
	  
			var currentSelected = $(this).find(':selected');
			$(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">'+currentSelected.text()+'</span></span>').css({position:'absolute', opacity:0,fontSize:$(this).next().css('font-size')});
			var selectBoxSpan = $(this).next();
			var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) -parseInt(selectBoxSpan.css('padding-right'));			
			var selectBoxSpanInner = selectBoxSpan.find(':first-child');
			selectBoxSpan.css({display:'inline-block'});
			selectBoxSpanInner.css({width:selectBoxWidth, display:'inline-block'});
			var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
			$(this).height(selectBoxHeight).change(function(){
				// selectBoxSpanInner.text($(this).val()).parent().addClass('changed');   This was not ideal
			selectBoxSpanInner.text($(this).find(':selected').text()).parent().addClass('changed');
				// Thanks to Juarez Filho & PaddyMurphy
			});
			
	  });
	  }
	}
 });
})(jQuery);

;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);