// JavaScript Document
$(document).ready(function(){
	
	//all external to blank
	$('a[rel=external]').each(function(){
		$(this).attr('target','_blank');
	});
	
	//replace e-mail
	$('.textitem p').each(function(){
		var temp = $(this).html().replace('[(ad)]','@').replace('[(dot)]','.');
		$(this).html(temp);
	});
	
	$('.foot_col1 ul').addClass('col');
	
	$('.selectie').tooltip({
		showURL	: false, 
		track	: true,
		fade	: 250
	});
	
	
	$('a[href=#video1]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 320,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/accent.flv");
		}
	});
	
	$('a[href=#video2]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 320,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/gavers.flv");
		}
	});

	$('a[href=#video3]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 320,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/boot.flv");
		}
	});

	$('a[href=#video4]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth':480,
		'frameHeight': 340,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/dls02.flv");
		}
	});

	$('a[href=#video5]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 320,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/franchesca.flv");
		}
	});	
	
	$('a[href=#video6]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 300,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/dls01.flv");
		}
	});	
	
	$('a[href=#video7]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 300,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/ext2.flv");
		}
	});	

	$('a[href=#video8]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 300,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/ext1.flv");
		}
	});	

	$('a[href=#video9]').fancybox({
		'overlayOpacity': 0.8,
		'frameWidth': 480,
		'frameHeight': 300,
		'hideOnContentClick' : false,
		'callbackOnClose': function() {
			$("#fancy_content").empty();
		},
		'callbackOnShow' : function() {
			$("#fancy_content").html('<div id="video_content"></div>')
			loadVideo("video_content", "/media/flv/ext3.flv");
		}
	});		
	
	
	$(document).pngFix();
	Cufon.replace('.bigtext p, .bannertxt p, .bannertxt h1',{fontFamily: 'thin' });
	Cufon.replace('h1', { fontFamily: 'lite' });
	Cufon.replace('#menu li a', { hover: true, fontFamily: 'lite' });
	Cufon.replace('#menu li span', {fontFamily: 'lite' });
	
	
	$("#hilites").hover(function(){
		$(this).addClass('over');
	}, function(){
		$(this).removeClass('over');
	})
	
	var wrapperWidth = $('#hilites #hilitescontainer a').length*(325)
	$('#hilites #hilitescontainer').css({'width':wrapperWidth+'px'});
	var j = 0;
	var length = $('#hilites #hilitescontainer a').length;
	$("#hilites").everyTime(3000,function(i){
		if(!$('#hilites').hasClass('over') && $('#hilitescontainer a').length>3){
			if(i >= length-2){
				$('#hilites #hilitescontainer a:eq(0)').clone().appendTo("#hilites #hilitescontainer");
				$('#hilites #hilitescontainer a:eq(0)').remove();
				$('#hilites #hilitescontainer').css({'marginLeft': ((j+1)*325)+'px'})
				var wrapperWidth = $('#hilites #hilitescontainer a').length*(325)
				$('#hilites #hilitescontainer').css({'width':wrapperWidth+'px'});
				j++;
			}
			$('#hilites #hilitescontainer').animate({marginLeft: "-=325px"}, 400 );
		}
	})
	
	$('#hilitescontainer a').removeAttr('href');
	
	$('#leftForm .label3').each(function(){
		$(this).html($(this).html().replace('BOA', '<strong>BOA</strong>'));
	});
	
	$('#newsLetter').focus(function(){
		if($(this).val() == 'uw e-mailadres'){
			$(this).val('');
			$(this).css({'color':'#282828'})
		}
	})
	
	$('#newsLetter').blur(function(){
		if($(this).val() == '' || $(this).val() == 'uw e-mailadres'){
			$(this).val('uw e-mailadres');
			$(this).css({'color':'#bbb'})
		}
	})
	$('#topmenu li:eq(3) a, #secondMenu li:eq(0) a').attr({'target': '_blank', 'href': 'http://www.boa-mediabank.be/'})
	if(BrowserDetect.browser=="Explorer" && vers<=6){
	
	}else{
		$('.toon, .toon2, .toon3').removeAttr('href');
	}
	$('.toon, .toon2, .toon3').css({'cursor':'pointer'})
	
	$('.toon, .toon2').click(function(){
		//alert($(this).attr('rel'))
		showOverlay($(this).attr('rel'));
	})
	
	/*$('.toon2').click(function(){
		showOverlayProject($(this).attr('rel'));
	})
	
	$('.toon3').click(function(){
		showOverlayMontage($(this).attr('rel'));
	})*/
	
	$('#close').live('click', function(){
		hideOverlay();
	})
	
	$('.button').hover(
		function(){
			$(this).addClass('hover');
		},
		function(){
			$(this).removeClass('hover');
		}
	)
	
	$('#newsLetterBtn').bind('click', function(){
		var email = $('#newsLetter').val();
		if(!validMail(email)){
			$('#error').html('Uw e-mailadres is niet correct.');
		}else{
			$.ajax({
				url		: '/ajax.php',
				type	: 'POST',
				data	: {
					emailAdres : email
				},
				success	: function(){
					$('#newsLetter').attr('disabled', 'disabled');
					$('#newsLetter').css({
						'color'	: '#ffffff',
						'background' : '#00aa00'
					});
					$('#error').html('');
					$('#newsLetter').val('U bent ingeschreven voor de nieuwsbrief.');
					
				}
			
			})	
		}
	})
	
	//show banner
	if(!isIE7()){
		$('#bannerimg, .bannertxt').css('opacity','0');
		banInt = setInterval("showBanner();", 250);
	}
	
	//set links on partnerblocks
	$('.row .backgrad').each(function(){
											var lnk = $(this).find('a').attr('href');
											var ttl = $(this).find('a').attr('title');
											if(lnk && $(this).attr('rel') == "link"){
												$(this).attr('title',ttl);
												$(this).click(function(){
																			window.location.href = lnk;
																		}).tooltip({
																										showURL	: false, 
																										track	: true,
																										fade	: 250
																									}).css('cursor','pointer');
												//remove link on link
												$(this).find('a').removeAttr('href');
												$(this).find('a').removeAttr('target');
											}
											
										});
	
	//set tooltips
	$('*').each(function(){
		if($(this).attr('title') != ''){
			$(this).tooltip({
				showURL	: false, 
				track	: true,
				fade	: 250
			})
		}
	});
	
	if(jQuery.browser.msie && jQuery.browser.version<7){
		
	} else {
		$('.textitem ul').each(function(){if($(this).attr('class') != 'col'){$(this).css('padding','2px 18px 0 18px'); $(this).append('<li class="tabfoot"><img src="/media/img/listfoot_left.gif" alt="" class="left" /><img src="/media/img/listfoot_right.gif" alt="" class="right" /></li>')};});
	}
	$('#bannerbtn').bind('click', openPopUpForm);
	if(!jQuery.browser.msie){
		$('#bannerbtn').hover(
			function(){
				$(this).addClass('hover');
			},
			function(){
				$(this).removeClass('hover');
			}
		)
	}
})

function focusOnFlash(){
	$(document).bind('keydown',function(e){
		var fla = document.getElementById('flash');
		fla.focus();
		$(document).unbind('keydown');
	});
}
function getFileName(txt){
	var tempArr = new Array();
	tempArr = txt.split("/");
	return tempArr[tempArr.length-1];
}

function isIE6(){
	if(jQuery.browser.msie && jQuery.browser.version<7){
		return true;
	} else {
		return false;
	}
}
function isIE7(){
	if(jQuery.browser.msie && jQuery.browser.version<8){
		return true;
	} else {
		return false;
	}
}

function hasFlash(){
	var flash = false;
	if (navigator.plugins != null && navigator.plugins.length > 0) {
		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
			flash = true;
		}
	}else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) {
		flash = true;
	}else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1){
		flash = true;
	}else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1){
		flash = true;
	}
	if(jQuery.browser.msie){
		try{
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
		} catch (e) {
		}
		if(axo){
			flash = true;
		}
	}
	//return false;
	return flash;
}

function showOverlay(id){
	if(isIE6()||!hasFlash()){
		//AJAX
		$.ajax({
			type: "GET",
			url: "/data.php?itemID="+id,
			dataType: "html",
			success: function(html) {
				var tempArr = new Array();
				if(isIE6()){
					$(html).find('img').each(function(i){
						tempArr[i] = getFileName($(this).attr('src'));
					});
				}else{
					$(html).find('img').each(function(i){
						tempArr[i] = $(this).attr('src');
					});
				}
				$('body').append('<div id="overlay"></div>');
				openBrPic(tempArr);
			},
			error : function(){alert('error');}
		});
		
	} else {
		$('body').append('<div id="overlay"><div id="flash"></div></div>');
		
		$("#overlay").fadeIn("slow", function(){
			//$('html').css({'overflow':'hidden'})
			var flashvars = {file:"/data.php?itemID="+id, path:"/media/img/pics/"};
			var params = {allowFullScreen:true};
			swfobject.embedSWF("/media/swf/boa_gallery.swf", "flash", "100%", "100%", "9.0.0", "/media/swf/expressInstall.swf", flashvars, params);
		});
		
		focusOnFlash();
	}
}

function hideOverlay(){
	$("#overlay").empty();
	//$('html').css({'overflow':'auto'})
	$("#overlay").fadeOut("slow", function(){
		$(this).remove();
		var tempY = $(window).scrollTop();
		$('#head a:eq(0)').focus();
		$(window).scrollTop(tempY);
	});
}

function loadVideo(id, flv){
		
	//var params = {wmode: "transparent"};
	var flashvars = {flvurl: flv, skinurl: "/media/swf/ClearOverPlaySeekMute.swf"};
	swfobject.embedSWF("/media/swf/video.swf", id, "100%", "100%", "9.0.0", "/media/swf/expressInstall.swf", flashvars);
}

function showBanner(){
	if($('.cufon').length>0){
		clearInterval(banInt);
		$('#bannerimg, .bannertxt h1, .bannertxt p .cufon').css('opacity','0');
		$('.bannertxt').css('opacity','100');
		$('#bannerimg').delay(100).animate({opacity:100},5000);
		$('.bannertxt h1').delay(600).animate({opacity:100},5000);
		$('.bannertxt p .cufon').each(function(i){$(this).delay(1000+(i*100)).animate({opacity:100},5000);});
	}
}

function openPopUpForm(){
	$.ajax({
		type	: 'POST',
		url		: '/ajax.php',
		data	: {
			popupform	: '1'
		},
		success	: function(data){
			$('body').append(data);
			$('#closePopUp').bind('click', closePopUp);
			
			$('#submitPopUpForm').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(';;')
				$('#popUpForm p input[type=text]').each(function(){
																 //alert($(this).val())
					if($(this).attr('alt') == 'Required' && $(this).val() == '' && fnme == '' && $(this).parent('p').find('label').html() != 'Uw e-mailadres'){
						fnr = j;
						fnme = $(this).parent('p').find('label').html();
						fid = $(this);
						return false;
					}
					
					if($(this).parent('p').find('label').html() == 'Uw e-mailadres' && fnme == ''){
						if(!validMail($(this).val())){
							fnr = j;
							fnme = $(this).parent('p').find('label').html();
							fid = $(this);
							return false;
						}
					}
					
					j++;
				});
				if(fnme != ''){
					//alert('rrr');
					alert_form1(fnr, fnme, fid, lang);
				}else{
					$('form#formPopUp').submit();
				}
			})
			
		}
	});
}

function closePopUp(){
	$('#closePopUp').remove();
	$('#popUpForm').remove();
	$('#overlayPopUp').remove();
}

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>"+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'})
}