var activeBanner = 1;
var allowedClicks = 0;
var clicks = 0;

// JavaScript Document
$(document).ready(function() {
	$('#menuList li:last').css({'background':'none','padding-right':'0px'});
	
	// hide all banners
	//$('.banner').css({'display':'none'});
	
	// show first banner with slogan
	/*$('.banner:first').css({'visibility':'visible','display':'block'});
	$('.banner:first .slogan').css({'visibility':'visible','display':'block'});*/
	
	if($('.cycleb').length > 0){
		$('.cycleb').cycle({
			fx : 'fade',
			pager : '#controlHolder'
		});
	}
	
	if($('.cycle').length > 0){
		$('.cycle').cycle({
			fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		});
	}
	
	$('a[rel=external]').attr('target','_blank');
	
	// link events to banner controls
	$('.control a').click(function(){
		changeImage($(this).attr('alt'));
		removeActive($(this));
	})
	
	// get slideindex
	var first = getUrlVars()["slide"];
	if(first != ''){
		var neededslides = first - 3;
		clicks = (neededslides+1);
		
		var left = (neededslides+1) * 236;
		$('#parentList').css({'left':'-'+left+'px'});
	}
	//alert(first);
	
	// first banner active
	$('.control:first').addClass('active');
	
	// slider functions
	allowedClicks = $('#parentList li').length;
	allowedClicks -= 4;
	
	$('#scrollLeft').click(function() {
		if(!$('#parentList').is(':animated')){
			if(clicks > 0)
			{
				clicks--;
				$('#parentList').animate({'left':'+=236px'});
			}
		}
	});
	
	$('#scrollRight').click(function() {
		if(!$('#parentList').is(':animated')){
			if(clicks < allowedClicks)
			{
				clicks++;
				$('#parentList').animate({'left':'-=236px'});
			}
		}
	});
	
	$('.btnHolder h1, .btnHolder span').click(function(){
		if($('.btnHolder .bigbtn').hasClass('closed')){
			$('#quickform').slideDown('medium');
			$('.btnHolder .bigbtn').removeClass('closed').addClass('open');
		}else{
			$('#quickform').slideUp('medium');
			$('.btnHolder .bigbtn').removeClass('open').addClass('closed');
		}
	});
	
	$('#minicontactbtn').bind('click', function(){
		//alert('ff')
		var lang = $('html').attr('lang');
		var msg = '';
		var em = '';
		var fnr = 0;
		var fnme = '';
		var fid = '';
		var j = 0;
		//alert(';;')
		$('form#quickform .left input[type=text]').each(function(){
														 //alert($(this).val())
			if($(this).attr('alt') == 'Required' && $(this).val() == '' && fnme == '' && $(this).parent('div').find('label').html() != 'E-mail'){
				fnr = j;
				fnme = $(this).parent('div').find('label').html();
				fid = $(this);
				return false;
			}
			
			if($(this).parent('p').find('label').html() == 'E-mail' && fnme == ''){
				if(!validMail($(this).val())){
					fnr = j;
					fnme = $(this).parent('div').find('label').html();
					fid = $(this);
					return false;
				}
			}
			
			j++;
		});
		if(fnme != ''){
			//alert('rrr');
			alert_form1(fnr, fnme, fid, lang);
		}else{
			$('form#quickform').submit();
		}
	})
	
});

function removeActive(active){
	$('.control').removeClass('active');
	$(active).parent().addClass('active');
}

function changeImage(index){
	
	//check Internet Explorer
	if(isIE() == true){
		// hide active banner
		$('.banner:nth-child('+activeBanner+')').animate({
		'opacity':'0','filter':'alpha(opacity = 0)'},500,function() {
		$('.banner:nth-child('+activeBanner+')').css({'visibility':'hidden','display':'none'});
		
		// show clicked banner
		$('.banner:nth-child('+index+')').animate({'opacity':'1','filter':'alpha(opacity = 100)'});
		$('.banner:nth-child('+index+')').css({'visibility':'visible','display':'block'});
		$('.banner:nth-child('+index+') .slogan').css({'visibility':'visible','display':'block'});
		
		// change active banner to clicked banner
		activeBanner = index;
	});
	}else{
		// hide active banner
		$('.banner:nth-child('+activeBanner+')').animate({
		'opacity':'0'},500,function() {
		$('.banner:nth-child('+activeBanner+')').css({'visibility':'hidden','display':'none'});
		
		// show clicked banner
		$('.banner:nth-child('+index+')').animate({'opacity':'1'});
		$('.banner:nth-child('+index+')').css({'visibility':'visible','display':'block'});
		$('.banner:nth-child('+index+') .slogan').css({'visibility':'visible','display':'block'});
		
		// change active banner to clicked banner
		activeBanner = index;
		});
	}
}

function alert_form1(fnr, fnme, fid, lang){
	/*var obj = document.getElementById("alertform");
	obj.style.display = "block";*/
	//alert('rrr')
	var obj = $("#alertform");
	obj.css({'display': 'block'});
	
	if(lang == "nl"){
		var comment = "Sommige velden in dit formulier zijn verplicht in te vullen. Gelieve hier <strong>uw "+fnme.toLowerCase()+"</strong> in te vullen.";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	} else if(lang == "fr"){
		var comment = "Entrez votre "+fnme.toLowerCase()+", s'il vous plaît.";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	} else if(lang == "en"){
		var comment = "Please enter your "+fnme.toLowerCase()+".";
		var emcomment = "Gelieve uw e-mail adres correct in te vullen. Indien dit niet zo is, kunt u uw bericht niet versturen.";
	}
	if(fnme == "E-mail"){
		comment = comment+'<br /><br />'+emcomment;
	}
	var inputField = '<input type="text" value="'+fid.val()+'" id="alertformfield" />';
	obj.html('<span id="af_close"></span><div><div id="alertformcontainer"><div><a href="#" id="af_sluit">X sluit</a><span><p>'+comment+'</p></span></div></div></div>');
	/*//set focus on button
	document.getElementById("alertformbutton").focus();*/
	//center vertically
	$('#alertformfield').focus();
	$('#alertformfield').keyup(function(e){
		if(e.keyCode == 13) {
			//alert('Enter key was pressed.');
			$('#alertformbutton').trigger('click');
		}
	})
	$('#af_close, #af_sluit').click(function(){
		obj.empty();
		obj.css({"display" : "none"});
	})
	
	$('#alertformcontainer').css({'margin' : Math.round((obj.height()-$("#alertformcontainer").height())/2)+'px 0px 0px 0px'})
}

function isIE(){
	if($.browser.msie){
		return true;
	} else {
		return false;
	}
}

function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}