$(document).ready(function(){
	$interval=15000;
	$fadeTime=2000;
	$timeout=333;
	
	$event = 0;
	$winkelID=0;
	
	$routeplannerReset = false;
	$nieuwsbriefReset = false;
	
	setInterval("doFade()", $interval);
	
	bindHover();
		
	Shadowbox.init();
	
	$('#wideColumn img').each(function(index){
		$url = $(this).attr('src');
		$('body').prepend("<a href='"+$url+"' rel='shadowbox[slideshow]'></a>");
		
	});
	
	Shadowbox.init();
	
	$('#.nieuwsItemContent img').click(function(){
		$imgURL = $(this).attr('src');
		Shadowbox.open({
			gallery:    'slideshow',
			content:    $imgURL,
			player:     "img"
		});
	});
	
	$('#brancheSelection').change(function(){
		showloader();
		$branche = $('#brancheSelection option:selected').val();
		if($branche=='geen'){
			$branche='alles';
		}
		if($branche!='geen'){
			$.ajax({
				type: "POST",
				data: 'branche='+$branche,
				url: "/ajax/getwinkels.php",
				cache: false,
				success: function(output){
					jsondata = eval("("+output+")");
					$('#aantalWinkels').html(jsondata['aantalHits']);
					$('.linkerKolom').html(jsondata['linkerKolom']);
					$('.rechterKolom').html(jsondata['rechterKolom']);
					bindHover();
				}
			});
		}
	});
	
	$('#route_adres').focus(function(){
		if($routeplannerReset==false){	
			$routeplannerReset=true;
			$('#route_adres').css('color', 'black');
			$('#route_adres').css('font-style', 'normal');
			$('#route_adres').val('');
		}
	});
	
	$('#route_adres').blur(function(){
		if($routeplannerReset==true && $('#route_adres').val()==''){	
			$routeplannerReset=false;
			$('#route_adres').css('color', '#adadad');
			$('#route_adres').css('font-style', 'italic');
			$('#route_adres').val('Uw adres (bijv: 2903 KD of Rotterdam)');
		}
	});
	
	$('#Email').focus(function(){
		if($nieuwsbriefReset==false){	
			$nieuwsbriefReset=true;
			$('#Email').css('color', 'black');
			$('#Email').css('font-style', 'normal');
			$('#Email').val('');
		}
	});
	
	$('#Email').blur(function(){
		if($routeplannerReset==true && $('#nieuwsbrief_mail').val()==''){	
			$routeplannerReset=false;
			$('#Email').css('color', '#adadad');
			$('#Email').css('font-style', 'italic');
			$('#Email').val('Uw e-mailadres (bijv: example@example.com)');
		}
	});	
	
	$('#search input').keyup(function(){
		$searchterm = $(this).val();
		showloader();
		$.ajax({
			type: "POST",
			data: 'search='+$searchterm,
			url: "/ajax/getsearch.php",
			cache: false,
			success: function(output){
				jsondata = eval("("+output+")");
				$('#aantalWinkels').html(jsondata['aantalHits']);
				$('.linkerKolom').html(jsondata['linkerKolom']);
				$('.rechterKolom').html(jsondata['rechterKolom']);
				bindHover();
			}
		});
	});
	
	$('#meningButton').click(function(){
		$kOptieID = $('.optionList input:checked').val();
		$kPollID = $('#kPollID').val();
		if($kOptieID.length>0){
			$.ajax({
			type: "POST",
			data: 'kOptieID='+$kOptieID+'&kPollID='+$kPollID,
			url: "/ajax/setstem.php",
			cache: false,
			success: function(output){
				$('#pollContent').html(output);
			}
		});
		}
	});
	
	$('#routeButton').click(function(){
		if($('#route_adres').val()=='Uw adres (bijv: 2903 KD of Rotterdam)' || $('#route_adres').val().length<1){
			$('#route_adres').css('border', '2px inset red');
			$('#route_fout').css('color', '#E5352C');
		}else{	
			$('#routeplannerForm').submit();
		}
	});
	
	$('#verstuurButton').click(function(){
		$formNaam = $('#formNaam').val();
		$formMail = $('#formMail').val();
		$formBericht = $('#formBericht').val();
	
		$.ajax({
			type: "POST",
			data: 'formNaam='+$formNaam+'&formMail='+$formMail+'&formBericht='+$formBericht,
			url: "/ajax/contactform.php",
			cache: false,
			success: function(output){
				jsondata = eval("("+output+")");
				if(jsondata['status']=='300'){
					$('#formNaam').css('background','#E5352C');
				}
				if(jsondata['status']=='301'){
					$('#formNaam').css('background','white');
					$('#formMail').css('background','#E5352C');
				}
				if(jsondata['status']=='302'){
					$('#formNaam').css('background','white');
					$('#formMail').css('background','white');
					$('#formBericht').css('background','#E5352C');
				}
				if(jsondata['status']=='100'){
					$('#formNaam').css('background','#dadada');
					$('#formMail').css('background','#dadada');
					$('#formBericht').css('background','#dadada');
				
					$('#verstuurButton').css('background', 'white');
					$('#verstuurButton').css('width', '590px');
					$('#verstuurButton').css('cursor', 'auto');
					
					$('#formNaam').attr('disabled','disabled');
					$('#formMail').attr('disabled','disabled');
					$('#formBericht').attr('disabled','disabled');
					
					$('#verstuurButton').html('<label><img src="/images/tick.png" alt="succes" width="32" />'+jsondata['displayMessage']+'</label>');
					$('#verstuurButton').unbind();
				}
				if(jsondata['status']=='200'){
					alert(jsondata['displayMessage']);
				}
			}
		});
	});
	
	$('#nieuwsbriefButton').click(function(){
		$formMail = $('#nieuwsbrief_mail').val();
		$("#signup").submit();
		/*
		$.ajax({
			type: "POST",
			data: '&Email='+$formMail+'&name=signup&pommo_signup=true',
			url: "http://nieuwsbrief-koperwiek.nognix.interexperts.nl/user/process.php",
			cache: false,
			success: function(output){
				alert(output);
				
				/*
				jsondata = eval("("+output+")");
				if(jsondata['status']=='301'){
					$('#nieuwsbrief_fout').css('color','#E5352C');
					$('#nieuwsbrief_fout').html(jsondata['displayMessage']);
				}
				if(jsondata['status']=='100'){
					$('#nieuwsbrief_mail').css('display','none');
					$('#nieuwsbrief_fout').css('display','none');
				
					$('#nieuwsbriefButton').css('background', 'white');
					$('#nieuwsbriefButton').css('width', '590px');
					$('#nieuwsbriefButton').css('cursor', 'auto');

					$('#nieuwsbriefButton').html('<label><img src="/images/tick.png" alt="succes" width="32" />'+jsondata['displayMessage']+'</label>');
					$('#nieuwsbriefButton').unbind();
				}
				if(jsondata['status']=='200'){
					alert(jsondata['displayMessage']);
				}
			}
		});
		*/
	});
	
	
	
	
	
});

function bindHover(){
	$('.winkelItem a').hover(function(e){
		$event = e;
		$winkelID = $(this).parent().children('.winkelID').html();
		t=setTimeout("showMoreInfo()",$timeout);
	},function(event){
		clearTimeout(t);
		$('#moreInfo').hide();
	});
}

function showMoreInfo(){
	$.ajax({
		url: "/ajax/getbranche.php?winkelID="+$winkelID,
		cache: false,
		success: function(html){
			$('#moreInfo').css('top',$event.pageY+10+'px');
			$('#moreInfo').css('left',$event.pageX+10+'px');
			$('#moreInfo').html("<img src='/uploads/winkels/st_"+$winkelID+".jpg' alt='winkel logo' /><p class='highlightText'>Klik voor meer informatie...</p><p>Branche: <em>"+html+"</em></p>");
			$('#moreInfo').show();
		}
	});
	
}

function showloader(){
	$('.linkerKolom').html("<img src='/images/loader.gif' alt='loading' title='loading' />");
	$('.rechterKolom').html("");
}

function doFade(){
	$('#mainImage2').toggleClass('onTop');
	if($('#mainImage2').hasClass('onTop')){
		slideFadeOut();
	}else{
		slideFadeIn();
	}

}

function slideFadeIn(){
	$('#mainImage2').fadeIn($fadeTime, function(){
		$.ajax({
			url: "/ajax/getslide.php",
			cache: false,
			success: function(html){
				$('#mainImage img').attr('src','/uploads/slideshow/'+html+'.jpg');
			}
		});
		
	});
}

function slideFadeOut(){
	$('#mainImage2').fadeOut($fadeTime, function(){
		$.ajax({
			url: "/ajax/getslide.php",
			cache: false,
			success: function(html){
				$('#mainImage2 img').attr('src','/uploads/slideshow/'+html+'.jpg');
			}
		});
	});	
}