window.addEvent('domready', function() {
	Shadowbox.init();
        initHoverImages();
        if($('contactpage'))initContact();
        initTooltips();
	myCal1 = new Calendar({ date1: 'd/m/Y' }, { direction: 1 });
	myCal2 = new Calendar({ date2: 'd/m/Y' }, { direction: 1 });
	initOfferte();
	initSlider();
        accordeon();
	
	
	this.switcher = $$('.featured')[0];
	this.contentfx = new Fx.Morph(switcher, {duration: '300', transition: Fx.Transitions.Sine.easeOut});
	positions=new Array(-0,-250,-500,-750,-1000,-1250,-1500,-1750,-2000,-2250,-2500,-2750,-3000,-3250,-3500,-3750,-4000);
	rNum = Math.ceil(Math.random()*16);
	this.pos = positions[rNum];
	//set switcher to random startingposition
	this.switcher.setStyle('background-position','-0px '+this.pos+'px')
	this.myTimer = doSwitch.delay(5000);
	this.myTimer = doSwitch.delay(10000);
	this.myTimer = doSwitch.delay(15000);
	this.myTimer = doSwitch.delay(20000);
	this.myTimer = doSwitch.delay(25000);
	this.myTimer = doSwitch.delay(30000);
	this.myTimer = doSwitch.delay(35000);
	this.myTimer = doSwitch.delay(40000);
	this.myTimer = doSwitch.delay(45000);
	this.myTimer = doSwitch.delay(50000);
	this.myTimer = doSwitch.delay(55000);
	this.myTimer = doSwitch.delay(60000);
	this.myTimer = doSwitch.delay(65000);
	this.myTimer = doSwitch.delay(70000);
	this.myTimer = doSwitch.delay(75000);
	this.myTimer = doSwitch.delay(80000);
	


});

function accordeon(){
    window.addEvent('domready', function() {
            //create our Accordion instance
            var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
                    opacity: false,
                    onActive: function(toggler, element){
                            toggler.setStyle('color', '#000000');
                    },
                    onBackground: function(toggler, element){
                            toggler.setStyle('color', '#295683');
                    }
            });
    });
}


function initSlider(){
	var left = 0;
	var slideEffect = new Fx.Morph('offerte_form', {duration: 400, transition: Fx.Transitions.Sine.easeOut});
	$$('.nextstep').each(function(e,i){
	   e.addEvent('click',function(){
		if(offertevalidation(i)){
			if(i<3){
				$$('.step'+(i+2)+'')[0].addClass('active');
				$$('.step'+(i+1)+'')[0].removeClass('active');
			}
			left = -545*(i+1);
			slideEffect.start({'left': left});
		}
	   }); 
	});
	$$('.backstep').each(function(e,i){
	   e.addEvent('click',function(){
		left = -545*i;
		$$('.step'+(i+1)+'')[0].addClass('active');
		$$('.step'+(i+2)+'')[0].removeClass('active');
		slideEffect.start({'left': left});
	   }); 
	});
}

function offertevalidation(part){
	var valid = 0;
	var msg = '';
	var answers = 0;
	var err = 'err'+part;
	if(part == 0){
		$$('.offerte_part1').each(function(e, i){
			e.getElements('.o_checkbox').each(function(el, i){	
				if(el.checked)valid = 1;
			});	
			if(valid == 0) msg = 'gelieve minstens 1 site te selecteren';
		});
	}
	if(part == 1){
		$$('.offerte_part2').each(function(e, i){
			e.getElements('.o_answer').each(function(el, i){
				if(el.checked)answers = answers + 1;
				if(answers == 8)valid = 1;
			});	
			if(valid == 0) msg = 'u moet alle vragen invullen';
		});
	}
	if(part == 2){
		if($$('.calendar')[0].value != '' && $$('.calendar')[2].value != ''){
                        t1= $$('.calendar')[0].value;
                        t2= $$('.calendar')[2].value;
                        var x=t1.split("/");     
                        var y=t2.split("/");
                        var date1=new Date(x[2],(x[1]-1),x[0]);
                        var date2=new Date(y[2],(y[1]-1),y[0]);
                        d1 = date1.getTime();
                        d2 = date2.getTime();
 
			if(d1 < d2){
                                valid = 1;
                        }else{
                                msg = 'uw startdatum moet voor de einddatum liggen';
                        }
		}
		else msg = 'beide datums moeten worden ingevuld';
	}
	if(part == 3){
		if($('name').value != '' && $('firstname').value  != '' && $('company').value  != '' && $('email').value  != '')valid = 1;
		else msg = 'Gelieve al uw gegevens in te vullen';
	}
	if(valid == 1){
		$(err).set({html: '&nbsp'});
		return true;
	}
	else {
		$(err).set({html: msg});
		return false;
	}
}

function initOfferte(){
	$$('.offerte_form').each(function(el, i){
		var sub1 = 0;
		var sub2 = 0;
		var sub3 = 0;
		var total = 0;
		var banner = 0;
		var dynbanner = 0;
		var advbanner = 0;
		var reviewbanner = 0;
		var spashbanner = 0;
		var homebanner = 0;
		var wedsbanner = 0;
		var newsbanner = 0;
		var amt = 0;
		var bereik = 0;
		var footprint = 0;
		var aantalmethodes = 0;
                
		$('gotostep4').addEvent('click', function() {
				if(calculatetime() < 15){sub3 = 10;}
				else {
					if(calculatetime() < 30) sub3 = 8;
					else sub3 = 6;	
				}
				$$('.periode').each(function(el,i){el.set({html: calculatetime()});});
				$$('.footprint').each(function(el,i){el.set({html: footprint+sub1+sub2+sub3});});
				
		});
		
		$$('.date_form').getChildren()[0].each(function(e,i){
			
			
			e.addEvent('click', function(ev) {
				
				ev = new Event(ev);
				ev.stop();
			});
			

			//console.log(e);
			e.addEvent('blur', function() {
				if(calculatetime() < 15){sub3 = 10;}
				else {
					if(calculatetime() < 30) sub3 = 8;
					else sub3 = 6;	
				}
				$$('.periode').each(function(el,i){el.set({html: calculatetime()});});
				$$('.footprint').each(function(el,i){el.set({html: footprint+sub1+sub2+sub3});});
			});
		});
		
		
		el.getElements('.offerte_part1').getElements('.iPhoneCheckContainer')[0].each(function(e, i){
			
			e.addEvent('click', function(){
				
				if(e.getElements('.o_checkbox')[0].checked){
					bereik = bereik + parseInt(e.getElements('.o_checkbox')[0].getProperty('rel'));
					amt = amt + 1;
					if(Math.abs(amt) == 0) { footprint = 0;}
					if(Math.abs(amt) == 1) { footprint = 20;}
					if(Math.abs(amt) >= 2) { footprint = 19; }
					if(Math.abs(amt) >= 4) { footprint = 18; }
					if(Math.abs(amt) >= 7) { footprint = 17; }
					if(Math.abs(amt) > 10){ footprint = 16; }
				}
				else{
					bereik = bereik - parseInt(e.getElements('.o_checkbox')[0].getProperty('rel'));
					amt = amt - 1;
					if(Math.abs(amt) == 0) { footprint = 0;}
					if(Math.abs(amt) == 1) { footprint = 20;}
					if(Math.abs(amt) >= 2) { footprint = 19;}
					if(Math.abs(amt) >= 4) { footprint = 18;}
					if(Math.abs(amt) >= 7) { footprint = 17;}
					if(Math.abs(amt) > 10){ footprint = 16;}
					
				}
				$$('.nsites').each(function(el,i){
					el.set({html: Math.abs(amt)});
				});					
				$$('.bereik_cijfer').each(function(el,i){
					el.set({html: Math.abs(bereik)});
				});
				
				$$('.footprint').each(function(el,i){
					el.set({html: footprint+sub1+sub2+sub3});
				});
			});
		});
		el.getElements('.offerte_part2').getElements('.o_answer')[0].each(function(e, i){	
			e.addEvent('click', function(){
				if(e.hasClass('banner')){if(e.checked)  banner = parseInt(e.value);}
				if(e.hasClass('dynbanner')){if(e.checked)  dynbanner = parseInt(e.value);}
				if(e.hasClass('advbanner')){if(e.checked)  advbanner = parseInt(e.value);}
				if(e.hasClass('reviewbanner')){if(e.checked)  reviewbanner = parseInt(e.value);}
				if(e.hasClass('spashbanner')){if(e.checked)  spashbanner = parseInt(e.value);}
				if(e.hasClass('homebanner')){if(e.checked)  homebanner = parseInt(e.value);}
				if(e.hasClass('wedsbanner')){if(e.checked)  wedsbanner = parseInt(e.value);}
				if(e.hasClass('newsbanner')){if(e.checked)  newsbanner = parseInt(e.value);}
				
				if(parseInt(e.value) != 0){
					aantalmethodes += 1;
				}
				
				sub2 = banner + dynbanner + advbanner + reviewbanner + spashbanner + homebanner + wedsbanner + newsbanner;
				
				$$('.methodes').each(function(el,i){el.set({html: aantalmethodes});});
				$$('.footprint').each(function(el,i){el.set({html: footprint+sub1+sub2+sub3});});
			});	
		});
		$$('.date_form').getChildren()[0].each(function(e,i){
			//console.log(e);
			e.addEvent('blur', function() {
				if(calculatetime() < 15){sub3 = 10;}
				else {
					if(calculatetime() < 30) sub3 = 8;
					else sub3 = 6;	
				}
				$$('.periode').each(function(el,i){el.set({html: calculatetime()});});
				$$('.footprint').each(function(el,i){el.set({html: footprint+sub1+sub2+sub3});});
			});
		});
		
                
                contactphone = "0";
                $('sphone').getElement('.iPhoneCheckContainer').addEvent('click', function(){
                        if (!Browser.Engine.trident5 && !Browser.Engine.trident4){
				if($('showphonefield').checked){
					$('phonefield').setStyle('visibility','visible');
					contactphone = "1";
				}else{
					$('phonefield').setStyle('visibility','hidden');
					contactphone = "0";
				}
			}else{
				if($('showphonefield').checked){
					$('phonefield').setStyle('visibility','hidden');
					contactphone = "0";
				}else{
					$('phonefield').setStyle('visibility','visible');
					contactphone = "1";
				}
				
			}
                });
                
                contactmail = "0";
                $('scontactme').getElement('.iPhoneCheckContainer').addEvent('click', function(){
                        
			if (!Browser.Engine.trident5 && !Browser.Engine.trident4){
				if($('contactbymail').checked)contactmail = "1";
				else contactmail = "0";
			}else{
				if($('contactbymail').checked)contactmail = "0";
				else contactmail = "1";
			}
                });
                
                

		
		$('bevestig_offerte').addEvent('click', function(){
                        telefoon = $('telefoon').value;
                        
			total = footprint+sub1+sub2+sub3;
                        datum1 = $('date1').value;
                        datum2 = $('date2').value;
                        aantaldagen = calculatetime();
                        prijs = (bereik*(total/100)/30)*aantaldagen;
                        opmerkingen = $('opmerkingen').value;
                        
			mail = $('email').value;
			name = $('name').value;
                        
                        //siteinfo
                        site_elsibel = $('site_elsibel').value;
                        elsibel_visitors = $('site_elsibel').getProperty('rel');
                        site_manoeuvre = $('site_manoeuvre').value;
                        manoeuvre_visitors = $('site_manoeuvre').getProperty('rel');
                        site_thepulpshow = $('site_thepulpshow').value;
                        thepulpshow_visitors = $('site_thepulpshow').getProperty('rel');
                        site_pokahnights = $('site_pokahnights').value;
                        pokahnights_visitors = $('site_pokahnights').getProperty('rel');
			site_advalvas = $('site_advalvas').value;
                        advalvas_visitors = $('site_advalvas').getProperty('rel');
			site_wadda = $('site_wadda').value;
                        wadda_visitors = $('site_wadda').getProperty('rel');
			site_zalana = $('site_zalana').value;
                        zalana_visitors = $('site_zalana').getProperty('rel');
			site_wzl = $('site_wzl').value;
                        wzl_visitors = $('site_wzl').getProperty('rel');
                        
                        //methodeinfo
                        fp_banner = getCheckedValue(document.forms['offerteform'].elements['banner']);
                        fp_dynbanner = getCheckedValue(document.forms['offerteform'].elements['dynbanner']);
                        fp_advbanner = getCheckedValue(document.forms['offerteform'].elements['advbanner']);
                        fp_reviewbanner = getCheckedValue(document.forms['offerteform'].elements['reviewbanner']);
                        fp_splashbanner = getCheckedValue(document.forms['offerteform'].elements['splashbanner']);
                        fp_homebanner = getCheckedValue(document.forms['offerteform'].elements['homebanner']);
                        fp_wedsbanner = getCheckedValue(document.forms['offerteform'].elements['wedsbanner']);
                        fp_newsbanner = getCheckedValue(document.forms['offerteform'].elements['newsbanner']);

			firstname = $('firstname').value;
			company = $('company').value;
			if(company.contains('&')){
				company = company.replace(/&/g,'and');
			}
			request = new Request({url: public_dir_abs + 'service.php?action=postofferte'});
			if(offertevalidation(3)){
				request.send({
					method: 'post',
					data: 'action=postofferte&name='+name+'&firstname='+firstname+'&company='+company+'&total='+total+'&mail='+mail+'&site_elsibel='+site_elsibel+'&site_manoeuvre='+site_manoeuvre+'&site_thepulpshow='+site_thepulpshow+'&site_pokahnights='+site_pokahnights+'&site_advalvas='+site_advalvas+'&site_wadda='+site_wadda+'&site_zalana='+site_zalana+'&site_wzl='+site_wzl+'&elsibel_visitors='+elsibel_visitors+'&manoeuvre_visitors='+manoeuvre_visitors+'&thepulpshow_visitors='+thepulpshow_visitors+'&pokahnights_visitors='+pokahnights_visitors+'&advalvas_visitors='+advalvas_visitors+'&wadda_visitors='+wadda_visitors+'&zalana_visitors='+zalana_visitors+'&wzl_visitors='+wzl_visitors+'&fp_banner='+fp_banner+'&fp_dynbanner='+fp_dynbanner+'&fp_advbanner='+fp_advbanner+'&fp_reviewbanner='+fp_reviewbanner+'&fp_splashbanner='+fp_splashbanner+'&fp_homebanner='+fp_homebanner+'&fp_wedsbanner='+fp_wedsbanner+'&fp_newsbanner='+fp_newsbanner+'&aantaldagen='+aantaldagen+'&bereik='+bereik+'&datum1='+datum1+'&datum2='+datum2+'&prijs='+prijs+'&contactmail='+contactmail+'&contactphone='+contactphone+'&telefoon='+telefoon+'&opmerkingen='+opmerkingen+''
				});
			}
		});
                
                function getCheckedValue(radioObj) {
                        if(!radioObj)
                                return "";
                        var radioLength = radioObj.length;
                        if(radioLength == undefined)
                                if(radioObj.checked)
                                        return radioObj.value;
                                else
                                        return "";
                        for(var i = 0; i < radioLength; i++) {
                                if(radioObj[i].checked) {
                                        return radioObj[i].value;
                                }
                        }
                        return "";
                }
                
        });
        
}



function calculatetime(){
	if($('date1').value != '' && $('date2').value != ''){
		t1= $('date1').value;
		t2= $('date2').value;
		
		var one_day=1000*60*60*24; 
		var x=t1.split("/");     
		var y=t2.split("/");
		var date1=new Date(x[2],(x[1]-1),x[0]);
		var date2=new Date(y[2],(y[1]-1),y[0]);
		var month1=x[1]-1;
		var month2=y[1]-1;
		
		return Math.ceil((date2.getTime()-date1.getTime())/(one_day));
	}else{
		return 0;
	}
   
}


function initHoverImages(){
	$$('.hoverimg').each(function(el, i){
	    var src = el.getProperty('src');
	    if(!src) {
		src = el.getStyle('background-image');
		src = src.slice(src.indexOf('url(')+4,src.length-1);
		el.backg = 1;
	    } else el.backg = 0;
	    
	    el.ext = src.slice(src.indexOf('_r.')+2,src.length);
	    el.src_h = src.replace('_r'+el.ext,'_h'+el.ext);
	    el.src_r = src.replace('_h'+el.ext,'_r'+el.ext);
	    
	    el.addEvents({
		'mouseenter':function(e){
		    if(el.backg) el.setStyle('background-image', 'url('+el.src_h+')');
		    else el.setProperty('src',el.src_h);
		},
		'mouseleave':function(e){
		    if(el.backg) el.setStyle('background-image', 'url('+el.src_r+')');
		    else el.setProperty('src',el.src_r);
		}
	    });
	});
}

function initContact(){
        sendBtn = $('contactBtn');
        contactForm = $('contactform');
        obligatedfields = $$('.obligated');
        
        currentColor='#000';//$('skinColor').getText();
        //window.alert(currentColor);
        
        sendBtn.addEvent('mouseenter', function(event){
            //sendBtn.setStyles({'color': currentColor, 'background-image': '');
            sendBtn.addClass("active");
            //fixPNG(sendBtn); 
        });

        sendBtn.addEvent('mouseleave', function(event){
            sendBtn.removeClass("active");
            //fixPNG(sendBtn);
        });        
        
        sendBtn.addEvent('click', function(e){
            e= new Event(e);
            //check fields
            ok = true;
            obligatedfields.each(function(field,i){
                if(field.value == '') {
                    ok = false;
                }
            });
            if(ok) {
                contactForm.submit();
            }
            else {
                errorReport('Gelieve alle velden in te vullen aub');
            }
            e.stop();
        });
}

function errorReport(err){
    window.alert(err);
}

function initTooltips(){
    //when the dom is ready
        //store titles and text
        $$('.tip').each(function(element,index) {
            var content = element.get('title').split('::');
            if(content[0]) element.store('tip:title', content[0]);
            if(content[1]) element.store('tip:text', content[1]);
            else element.store('tip:text', '');
        });
        
        //create the tooltips
        var tipz = new Tips('.tip',{
            className: 'rni',
            fixed: false,
            hideDelay: 50,
            showDelay: 50
        });
        
        //customize
        tipz.addEvents({
            'show': function(tip) {
                tip.fade('in');
            },
            'hide': function(tip) {
                tip.fade('out');
            }
        });
}



function doSwitch(){
	if(this.pos == -4000){
		this.pos = -0;
	}else{
	    this.pos = this.pos - 250;
	}
	this.contentfx.start({'background-position': '-0px '+this.pos+'px'});
}

/*function initSwitcher(){
	options = {
	    slideTimer: 6000, 
	    items: '.featured'
	}
	$$('.f_con').each(function(slist,i){
	    this.createSwitcher(slist, options);
	}, this);
}

function createSwitcher(list, options){
	if(!this.featureds) this.featureds = new Array();
	var sl = new Switcher(list, options);
	this.featureds.push(sl);
	return sl;
}*/