Wij helpen u graag bij het maken van de juiste keuzes!
AFSPRAAK MAKEN');
this.quoteBlock.setStyle('top', this.currentRefTop);
this.quoteBlock.inject('references','top');
if(!$('sliderbar')) this.sliderElm.inject('references','bottom');
else this.sliderElm.setStyle('display','block');
$('footer').setStyle('display','none');
this.refShown = true;
clearInterval(this.imageRotatorTimer);
this.imageRotatorTimer = this.nextImage.periodical(this.rotatorTime, this);
//this.updateRefInfo();
this.startReferenceControl();
},
startReferenceControl: function(){
this.myFx.toElement(this.closeLink).chain(
function(){this.showSliderbar}.bind(this),
function(){this.hideSliderbar}.bind(this)
);
$$('a.contactform').removeEvent('click');
$$('a.contactform').addEvent('click', this.openContact);
this.activateRef();
},
closeRef: function() {
clearInterval(this.imageRotatorTimer);
this.refFx.start('opacity',0);
this.closeLink.destroy();
this.quoteBlock.destroy();
this.prevRefLink.destroy();
this.nextRefLink.destroy();
this.sliderElm.setStyle('display','none');
$('footer').setStyle('display','block');
this.blockFx.start('height', this.originalBlockSize.height).chain(
function(){this.blockFx.start('width', this.originalBlockSize.width)}.bind(this),
function(){this.blockFx.start('top', this.originalBlockSize.top)}.bind(this),
function(){this.closeEnd();}.bind(this)
);
},
closeEnd: function() {
this.contentFx.start('opacity',1).chain(
function(){this.myFx.start(0,this.currentScroll);}.bind(this)
);
this.readMore = false;
this.refShown = false;
this.updateRefInfo();
$$('a.contactform').removeEvent('click');
$$('a.contactform').addEvent('click', this.openContact);
$('references').setStyles({width: '0px', height: '0px'});
return true
},
nextRef: function() {
this.currentRef++;
if(this.currentRef >= this.maxRefs) this.currentRef = 0;
if($('refslider').getElement('li[rel='+this.currentRef+']').getStyle('display') == 'none') {
this.nextRef();
return false;
}
this.setRef();
},
prevRef: function() {
this.currentRef--;
if(this.currentRef < 0) this.currentRef = this.maxRefs-1;
if($('refslider').getElement('li[rel='+this.currentRef+']').getStyle('display') == 'none') {
this.prevRef();
return false;
}
this.setRef();
},
setEffects: function() {
this.contentFx = new Fx.Tween($('content'),{
duration: 'short',
transistion: Fx.Transitions.linear.easeIn
});
this.blockFx = new Fx.Tween($('refcontent'),{
duration: 300,
transistion: Fx.Transitions.linear.easeInOut
});
this.refFx = new Fx.Tween($('refcontainer'),{
duration: 'short',
transistion: Fx.Transitions.linear.easeInOut
});
this.myFx = new Fx.Scroll(window, {
duration: 300,
offset: {'x':0,'y':-20}
});
},
createElements: function() {
windowDimensions = window.getSize();
// CREATE CLOSE BUTTON
this.closeLink = new Element('a', {
'class': 'refclose',
'events': {
'click': this.toggleContent.bind(this)
}
});
this.quoteBlock = new Element('div', {
'id': 'quoteblock',
'html': 'Wij helpen u graag bij het maken van de juiste keuzes!
AFSPRAAK MAKEN'
});
// CREATE NEXT REFERENCE BUTTON
this.nextRefLink = new Element('a', {
'class': 'nextref',
'events': {
'click': this.nextRef.bind(this)
}
});
// CREATE PREV REFERENCE BUTTON
this.prevRefLink = new Element('a', {
'class': 'prevref',
'events': {
'click': this.prevRef.bind(this)
}
});
// CREATE SLIDER ELEMENT
this.sliderElm = new Element('div', {
'id': 'sliderbar',
styles: {
'width': (windowDimensions.x.toInt()-70)+'px',
'bottom': '90px'
/*'opacity': 0.6,
'height': '50px',
'overflow': 'hidden',
'bottom': '110px'*/
}/*,
events: {
'mouseenter': function(){
if(this.sliderTimeOut != null) $clear(this.sliderTimeOut);
this.sliderTimeOut = this.showSliderbar.delay(200, this);
}.bind(this),
'mouseleave': function(){
if(this.sliderTimeOut != null) $clear(this.sliderTimeOut);
this.hideSliderbar();
}.bind(this)
}*/
});
this.sliderFx = new Fx.Morph(this.sliderElm, {duration: 'short', transition: Fx.Transitions.Sine.easeInOut});
},
showSliderbar: function(e) {
/*if(!this.sliderLock && !this.sliderOpen) {
this.sliderFx.start({
'height': (this.sliderElm.scrollHeight.toInt()+30)+'px',
'opacity': 1,
'bottom': '0px'
}).chain(function(){this.sliderOpen = true;}.bind(this));
}*/
},
hideSliderbar: function(e) {
/*if(!this.sliderLock && this.sliderOpen) {
this.sliderFx.start({
'height': '50px',
'opacity': 0.6,
'bottom': '110px'
}).chain(function(){this.sliderOpen = false;}.bind(this));
}*/
},
imageRotator: function() {
},
nextImage: function(e) {
if(e != null) e.preventDefault();
clearInterval(this.imageRotatorTimer);
$$('div.bgimg').setStyle('display','none');
this.currentImage++;
if(this.currentImage > this.loadedImages) this.currentImage = 1;
$('bgimage'+this.currentImage).setStyle('z-index',2);
$('bgimage'+this.currentImage).setStyle('display','block');
/*var imageNr = this.backgroundSWF.remote('nextImage');*/
this.setImageNr();
this.imageRotatorTimer = this.nextImage.periodical(this.rotatorTime, this);
},
prevImage: function(e) {
if(e != null) e.preventDefault();
clearInterval(this.imageRotatorTimer);
$$('div.bgimg').setStyle('display','none');
this.currentImage--;
if(this.currentImage < 1) this.currentImage = this.loadedImages;
$('bgimage'+this.currentImage).setStyle('z-index',2);
$('bgimage'+this.currentImage).setStyle('display','block');
/*var imageNr = this.backgroundSWF.remote('prevImage');*/
this.setImageNr();
this.imageRotatorTimer = this.nextImage.periodical(this.rotatorTime, this);
},
/*setImageNr: function(imageNr) {
this.currentImage = imageNr;
$$('.currentpicture').set('html',(imageNr+1));
},*/
setImageNr: function() {
$$('.currentpicture').set('html',this.currentImage);
},
setEvents: function() {
$$('.showref').removeEvents('click');
$$('.nextimage').removeEvents('click');
$$('.previmage').removeEvents('click');
window.removeEvents('resize');
$$('a.contactform').removeEvent('click');
$$('.showref').addEvent('click', this.toggleContent.bind(this));
window.addEvent('resize', this.setSizes);
$$('a.contactform').addEvent('click', this.openContact);
$$('.nextimage').addEvent('click', this.nextImage.bind(this));
$$('.previmage').addEvent('click', this.prevImage.bind(this));
},
pageResize: function() {
},
openFilter: function(e) {
this.sliderLock = true;
buttonPos = e.target.getPosition();
$('filterblock').setStyles({'top': (buttonPos.y-52)+'px','left': buttonPos.x+'px','display':'block'});
blockSize = $('filterblock').getScrollSize();
$('filterblock').setStyles({'top': (buttonPos.y-(16+blockSize.y))+'px','height':(blockSize.y-16)+'px'});
this.filterButton.set('html', '+ filter toepassen');
this.filterButton.removeEvents('click');
this.filterButton.addEvent('click', this.closeFilter.bind(this));
},
closeFilter: function(e) {
this.sliderLock = false;
this.setFilter();
buttonPos = e.target.getPosition();
$('filterblock').setStyle('display','none');
this.filterButton.set('html', '+ filteren');
this.filterButton.removeEvents('click');
this.filterButton.addEvent('click', this.openFilter.bind(this));
},
setFilter: function() {
var setFilters = [];
$$('#filterblock input[type=checkbox]').each(function(input) {
inputFilter = input.value.toLowerCase().replace(" ","-");
if(input.checked) setFilters.include(inputFilter);
});
if(setFilters.length == 0) {
$$('#refslider ul li').setStyle('display','block');
refsNr = this.maxRefs;
this.filteredRefs = [];
} else {
this.filteredRefs = [];
$$('#refslider ul li').each(function(item){
classes = item.className.split(' ');
show = false;
classes.each(function(itemName){
if(setFilters.contains(itemName)) {
show = true;
}
});
if(show) {
item.setStyle('display','block');
item.addClass('dodisplay');
this.filteredRefs.include(item.get('id'));
} else {
item.setStyle('display','none');
item.addClass('nondisplay');
}
}.bind(this));
refsNr = this.filteredRefs.length;
}
$$('span.refcount').set('html', refsNr);
firstRef = $('refslider').getElement('ul').getFirst('li.dodisplay');
this.currentRef = firstRef.get('rel').toInt();
this.setRef();
},
changeFilter: function(e) {
if(e != null) e.preventDefault();
filterValue = e.target.value;
filterId = e.target.id;
if(e.target.checked) {
filterLink = new Element('a', {
href: '#',
'class': 'activefilter',
id: 'filter'+filterId,
html: 'x '+filterValue.capitalize(),
events: {
'click': this.deleteFilter.bind(this)
}
});
filterLink.inject($('filtertags'), 'bottom');
if($('filtertags').getStyle('display') == 'none') $('filtertags').setStyle('display','inline');
} else {
$('filter'+filterId).destroy();
var elms = $('filtertags').getElements('a');
if(elms.length == 0) $('filtertags').setStyle('display','none');
}
},
deleteFilter: function(e) {
if(e != null) e.preventDefault();
filterId = $(e.target).id;
$(e.target).destroy();
filterId = filterId.replace('filter','');
$(''+filterId).checked = false;
this.setFilter();
var elms = $('filtertags').getElements('a');
if(elms.length == 0) $('filtertags').setStyle('display','none');
},
openContact: function(e) {
if(e != null) e.preventDefault();
type='offerte';
if(this.hasClass('directcontact')) {
type='directcontact';
} else if(this.hasClass('service')) {
type='service';
} else if(this.hasClass('advies')) {
type='advies';
}
SqueezeBox.open('/include/templates/includes/contact.php?type='+type,{
size: {x: 570, y: 500},
handler:'ajax'
});
}
});