tweeturl = "http://twitter.com/share?url=http%3A%2F%2Fwww.tegelspreukmaker.nl%2F?tt=";
facebookurl = "http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.tegelspreukmaker.nl%2F?tt=";
hyvesurl= "http://www.hyves.nl/profilemanage/add/tips/?name=Tegelspreukmaker.nl&text=Leuke%20tegeltjes%20met%20spreuken%20kan%20je%20hier%20maken:%20http%3A%2F%2Fwww.tegelspreukmaker.nl%2F?tt=";
//bgfoto ="";
//fotoX = 0;
//fotoY = 0;
$(document).ready(function(){
	$("#letterkleur").colorPicker();
  	createUploader();
  	
  	edittegel();
  	timer = new Date();
	$('#navlist').load('randomspreuk.php?nocache=' + timer.getTime(), function() {
  		$('#navlist li a').click(function() {text = $(this).text();edittegel();});
	});
  	$("#accordion").accordion({header:"h3"});
  	$('#spreukenzoeker').click(function() {
  		$.get('content.php?p=spreukenzoeker', function(data) {$('#linkercontent .inner1').html(data);
  			timer = new Date();
  			$('#navlist').delay(1000).load('randomspreuk.php?nocache=' + timer.getTime(), function() {
  				$('#navlist li a').click(function() {text = $(this).text();edittegel();});
			});
  			$("#tienandere").click(function () { 
				timer = new Date();
				$('#navlist').load('randomspreuk.php?nocache=' + timer.getTime(), function() {
  					$('#navlist li a').click(function() {
						text = $(this).text();edittegel();
					});
				});
    		});
    		$("#autospreukcomplete").autocomplete("search.php", {
				width: 260,
				selectFirst: false
			});
			$("#autospreukcomplete").result(function(event, data, formatted) {
				if (data)
					$(this).parent().next().find("input").val(data[1]);
					text = ""+data;
     				edittegel();
			});
			$('#autospreukcomplete').keypress(function(event) {
    			if (event.keyCode == '13') {//return key
					return false;
				}
			});
			function log(event, data, formatted) {
				$("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
			}
			function formatItem(row) {
				return row[0] + " (<strong>id: " + row[1] + "</strong>)";
			}
			function formatResult(row) {
				return row[0].replace(/(<.+?>)/gi, '');
			}
  		});
  		return false;
  	});
  	$('#voorbeelden').click(function() {
  		$.get('content.php?p=voorbeelden', function(data) {$('#linkercontent .inner1').html(data);laatzien();});return false;
  	});
  	$('#fotovoorbeelden').click(function() {
  		$.get('voorbeelden.php', function(data) {$('#linkercontent .inner1').html(data);laatzien();});return false;
  	});
  	
  	$("#homereset").click(function () { 
    	fontsize = 100;lineheight = 120;ypos = 50;bgfoto = "";fotoX = 0;fotoY = 0;lettertype = 1;tegel = 1;tekstkleur = "003370";
  		text = "Welkom bij \n tttegelspreukmaker.nl";
  		edittegel();
    });
  	function laatzien(){
  		$('.laatzien').click(function() {
  			$('.current').click();// stop de cslider
			tegelstring = $(this).attr('href');
			var deparams=new Array();
			var partsArray = (tegelstring.split("?", 2)[1] || "").split("#")[0].split("&") || [];
			for(var i = 0; i< partsArray.length; i++){
				var single = partsArray[i].split("=");
				deparams[single[0]] = unescape(single[1]);
			}
			fontsize = deparams["fs"]; ypos = deparams["yp"]; text = deparams["tt"]; lettertype = deparams["ltt"]; lineheight = deparams["lh"]; tegel = deparams["tg"]; tekstkleur = deparams["tk"]; bgfoto = deparams["bf"]; fotoX = deparams["fx"]; fotoY = deparams["fy"]; sepia = deparams["se"];
			edittegel();
			return false;
		});
  	}
  	$('.laatzien').click(function() {
  		$('.current').click();// stop de cslider
	tegelstring = $(this).attr('href');
		var deparams=new Array();
		var partsArray = (tegelstring.split("?", 2)[1] || "").split("#")[0].split("&") || [];
		for(var i = 0; i< partsArray.length; i++){
			var single = partsArray[i].split("=");
			deparams[single[0]] = unescape(single[1]);
		}
		fontsize = deparams["fs"]; ypos = deparams["yp"]; text = deparams["tt"]; lettertype = deparams["ltt"]; lineheight = deparams["lh"]; tegel = deparams["tg"]; tekstkleur = deparams["tk"]; bgfoto = deparams["bf"]; fotoX = deparams["fx"]; fotoY = deparams["fy"]; sepia = deparams["se"];
		edittegel();
		return false;
	});
  	$('#groter').click(function() {fontsize=parseInt(fontsize)+8;edittegel();});
	$('#kleiner').click(function() {fontsize=parseInt(fontsize)-8;edittegel();});
	$('#up').click(function() {ypos=parseInt(ypos)-25;edittegel();});
	$('#down').click(function() {ypos=parseInt(ypos)+25;edittegel();});
	$('#lettertype1').click(function() {lettertype = 1;edittegel();});
	$('#lettertype2').click(function() {lettertype = 2;edittegel();});
	$('#lettertype3').click(function() {lettertype = 3;edittegel();});
	$('#lettertype4').click(function() {lettertype = 4;edittegel();});
	$('#lettertype5').click(function() {lettertype = 5;edittegel();});
	$('#lettertype6').click(function() {lettertype = 6;edittegel();});
	$('#lettertype7').click(function() {lettertype = 7;edittegel();});
	$('#lettertype8').click(function() {lettertype = 8;edittegel();});
	$('#lettertype9').click(function() {lettertype = 9;edittegel();});
	$('#lettertype10').click(function() {lettertype = 10;edittegel();});
	$('#lettertype11').click(function() {lettertype = 11;edittegel();});
	$('#lettertype12').click(function() {lettertype = 12;edittegel();});
	$('#lettertype13').click(function() {lettertype = 13;edittegel();});
	$('#lettertype14').click(function() {lettertype = 14;edittegel();});
	
	$('#menulist li a').click(function() {
		$('#menulist li').removeClass('active');
		$(this).parent().addClass('active');
	});
	
	$('#tegel1').click(function() {tegel=1;edittegel();});
	$('#tegel2').click(function() {tegel=2;edittegel();});
	$('#tegel3').click(function() {tegel=3;edittegel();});
	$('#tegel4').click(function() {tegel=4;edittegel();});
	$('#tegel5').click(function() {tegel=5;edittegel();});
	$('#tegel6').click(function() {tegel=6;edittegel();});
	$('#tegel7').click(function() {tegel=7;edittegel();});
	$('#tegel8').click(function() {tegel=8;edittegel();});
	$('#tegel9').click(function() {tegel=9;edittegel();});
	$('#tegel10').click(function() {tegel=10;edittegel();});
	$('#tegel11').click(function() {tegel=11;edittegel();});
	$('#tegel12').click(function() {tegel=12;edittegel();});
	$('#tegel13').click(function() {tegel=13;edittegel();});
	$('#tegel14').click(function() {tegel=14;edittegel();});
	$('#tegel15').click(function() {tegel=15;edittegel();});
	
	$('#interlinieplus').click(function() {lineheight=parseInt(lineheight)+15;edittegel();});
	$('#interliniemin').click(function() {lineheight=parseInt(lineheight)-15;edittegel();});
	$('#refreshbut').click(function() {text = $('#typeveld').val();edittegel();});
	$('#navlist li a').click(function() {text = $(this).text();edittegel();});
	$('#sluitembed').click(function() {$('#info').slideUp("slow");});
	
	$('#sepia0').click(function() {sepia = 0;edittegel();});
	$('#sepia1').click(function() {sepia = 1;edittegel();});
	$('#sepia2').click(function() {sepia = 2;edittegel();});
	$('#sepia3').click(function() {sepia = 3;edittegel();});
	$('#sepia4').click(function() {sepia = 4;edittegel();});
	$('#sepia5').click(function() {sepia = 5;edittegel();});
	
	$('#fotoup').click(function() {fotoY=parseInt(fotoY)+25;edittegel();});
	$('#fotodown').click(function() {fotoY=parseInt(fotoY)-25;edittegel();});
	$('#fotoleft').click(function() {fotoX=parseInt(fotoX)+25;edittegel();});
	$('#fotoright').click(function() {fotoX=parseInt(fotoX)-25;edittegel();});
	$('#geenfoto').click(function() {bgfoto="";edittegel();});
	
	$('#watkrijgje').fancybox({'type':'iframe','titleShow':false});
	$('#besteltegel').fancybox({
		'width':'75%',
		'height':'75%',
		'type':'iframe',
		'titleShow':false
	});
	$('#besteltegel').click(function() {
		$.fancybox.showActivity();
		$("#fancybox-loading").css({"visibility": "visible"})
		.delay(4500).queue(function () {$(this).css({"visibility": "hidden"});$(this).dequeue();}) 
	});
	
	$('#bestelmok').fancybox({'width':'75%','height':'75%','type':'iframe','titleShow':false});
	$('#bestelmok').click(function() {
		$.fancybox.showActivity();
		$("#fancybox-loading").css({"visibility": "visible"})
		.delay(4500).queue(function () {$(this).css({"visibility": "hidden"});$(this).dequeue();}) 
	});
	
	/////
		
	$("#contactform").bind("submit", function() {
		if ($("#naam").val().length < 1 && $("#email").val().length < 1 && $("#norobot2").val().length < 1) {
	    	$("#contact_error").show();
	    	$.fancybox.resize();
	    	return false;
		}
		$.fancybox.showActivity();
		$.ajax({
			type	: "POST",
			cache	: false,
			url		: "contactons.php",
			data	: $(this).serializeArray(),
			success: function(data) {
				$.fancybox(data);
			}
		});
		return false;
	});
	$("#contactons").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: false,
		'onClosed'		: function() {
		    $("#contact_error").hide();
		},
		'onStart'		:	function() {
			
		}
	});
	
	$('#winkelkar').fancybox({'width':'75%','height':'75%','type':'iframe','href':'/winkel/ShoppingCart.php','titleShow':false});
	$('#embed').fancybox({'transitionIn':'none','transitionOut':'none','transitionIn':'elastic','transitionOut':'elastic', 'titlePosition':'outside','titleShow':false});		
	$("#hyves").fancybox({'width':'75%','height':'75%','autoScale':false,'type':'iframe','titlePosition':'outside'});
	
	$("#mailform").bind("submit", function() {
		if ($("#aanname").val().length < 1 && $("#aanemail").val().length < 1 && $("#afzname").val().length < 1 && $("#norobot").val().length < 1) {
	    	$("#mail_error").show();
	    	$.fancybox.resize();
	    	return false;
		}
		$.fancybox.showActivity();
		$.ajax({
			type	: "POST",
			cache	: false,
			url		: "mailafriend.php",
			data	: $(this).serializeArray(),
			success: function(data) {
				$.fancybox(data);
			}
		});
		return false;
	});	
	$("#mailafriend").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: false,
		'onClosed'		: function() {
		    $("#mail_error").hide();
		},
		'onStart'		:	function() {
			$('#sendafriendtext').attr("value", nospacetext+"&fs="+fontsize+"&yp="+ypos+"&ltt="+lettertype+"&lh="+lineheight+"&tg="+tegel+"&tk="+tekstkleur+'&bf='+bgfoto+'&fx='+fotoX+'&fy='+fotoY+'&se='+sepia);
			$.get("tegelgenerator.php", {
				tt:text, 
				fs:fontsize, 
				yp:ypos, 
				ltt:lettertype, 
				lh:lineheight, 
				tg:tegel, 
				tk:tekstkleur,
				bf:bgfoto,
				fx:fotoX,
				fy:fotoY,
				se:sepia,
				save:"sendafriend"
			}, function(data){
   				$('#sendafriendtegel').attr("value", data);
 			});
		}
	});
	$('#typeveld').keypress(function(event) {
    	//if (event.keyCode == '13') {//return key
		//	text = $('#typeveld').val();edittegel();return false;
		//}
	});
	
	
	$(".button").hover(function() {
    	$(this).attr("src", $(this).attr("src").split(".").join("_f2."));
  	}, function() {
    	$(this).attr("src", $(this).attr("src").split("_f2.").join("."));
  	});
    $("#tienandere").click(function () { 
    	timer = new Date();
		$('#navlist').load('randomspreuk.php?nocache=' + timer.getTime(), function() {
  			$('#navlist li a').click(function() {
				text = $(this).text();edittegel();
			});
		});
		
    });
    $("#autospreukcomplete").autocomplete("search.php", {
		width: 260,
		selectFirst: false
	});
	$("#autospreukcomplete").result(function(event, data, formatted) {
		if (data)
			$(this).parent().next().find("input").val(data[1]);
			text = ""+data;
     		edittegel();
	});
	$('#autospreukcomplete').keypress(function(event) {
    	if (event.keyCode == '13') {//return key
			return false;
		}
	});
	
	function log(event, data, formatted) {
		$("<li>").html( !data ? "No match!" : "Selected: " + formatted).appendTo("#result");
	}
	function formatItem(row) {
		return row[0] + " (<strong>id: " + row[1] + "</strong>)";
	}
	function formatResult(row) {
		return row[0].replace(/(<.+?>)/gi, '');
	}
});
function stripquote(string) { 
    return string.replace(/'/g, '&#8217;'); 
}
function edittegel(){
	if(tegel==1){$('#tegeltje').css('background','url(images/tegel1.jpg)');}
  	else if(tegel==2){$('#tegeltje').css('background','url(images/tegel2.jpg)');}
  	else if(tegel==3){$('#tegeltje').css('background','url(images/tegel3.jpg)');}
  	else if(tegel==4){$('#tegeltje').css('background','url(images/tegel4.jpg)');}
  	else if(tegel==5){$('#tegeltje').css('background','url(images/tegel5.jpg)');}
  	else if(tegel==6){$('#tegeltje').css('background','url(images/tegel6.jpg)');}
  	else if(tegel==7){$('#tegeltje').css('background','url(images/tegel7.jpg)');}
  	else if(tegel==8){$('#tegeltje').css('background','url(images/tegel8.jpg)');}
  	else if(tegel==9){$('#tegeltje').css('background','url(images/tegel9.jpg)');}
  	else if(tegel==10){$('#tegeltje').css('background','url(images/tegel10.jpg)');}
  	else if(tegel==11){$('#tegeltje').css('background','url(images/tegel11.jpg)');}
  	else if(tegel==12){$('#tegeltje').css('background','url(images/tegel12.jpg)');}
  	else if(tegel==13){$('#tegeltje').css('background','url(images/tegel13.jpg)');}
  	else if(tegel==14){$('#tegeltje').css('background','url(images/tegel14.jpg)');}
  	else {$('#tegeltje').css('background','url(images/tegel15.jpg)');}
  	
	text = stripquote(text);
	
	textescaped = escape(text);
	nospacetext = zoekenvervang(text," ", "_");
	text = zoekenvervang(text,"\n", "[n]");	
	//console.log('test:'+text);
	$('#twitter').attr("href", tweeturl+nospacetext+"%26fs="+fontsize+"%26yp="+ypos+"%26ltt="+lettertype+"%26lh="+lineheight+"%26tg="+tegel+"%26tk="+tekstkleur+"%26tk="+tekstkleur+"%26bf="+bgfoto+"%26fx="+fotoX+"%26fy="+fotoY+'%26se='+sepia+"&via=spreukmaker&text=bekijk%20deze%20tegelspreuk%20eens");
	$('#facebook').attr("href", facebookurl+nospacetext+"%26fs="+fontsize+"%26yp="+ypos+"%26ltt="+lettertype+"%26lh="+lineheight+"%26tg="+tegel+"%26tk="+tekstkleur+"%26bf="+bgfoto+"%26fx="+fotoX+"%26fy="+fotoY+'%26se='+sepia);
	$('#hyves').attr("href", hyvesurl+nospacetext+"%26fs="+fontsize+"%26yp="+ypos+"%26ltt="+lettertype+"%26lh="+lineheight+"%26tg="+tegel+"%26tk="+tekstkleur+"%26bf="+bgfoto+"%26fx="+fotoX+"%26fy="+fotoY+'%26se='+sepia);
	$('#embed').attr("href", "tegelgenerator.php?tt="+textescaped+"&fs="+fontsize+"&yp="+ypos+"&lh="+lineheight+"&ltt="+lettertype+"&tg="+tegel+"&tk="+tekstkleur+'&bf='+bgfoto+'&fx='+fotoX+'&fy='+fotoY+'&se='+sepia+"&save=1");
	$('#besteltegel').attr("href","tegelgenerator.php?tt="+textescaped+"&fs="+fontsize+"&yp="+ypos+"&lh="+lineheight+"&ltt="+lettertype+"&tg="+tegel+"&tk="+tekstkleur+'&bf='+bgfoto+'&fx='+fotoX+'&fy='+fotoY+'&se='+sepia+"&save=besteltegel");
	$('#bestelmok').attr("href","tegelgenerator.php?tt="+textescaped+"&fs="+fontsize+"&yp="+ypos+"&lh="+lineheight+"&ltt="+lettertype+"&tg="+tegel+"&tk="+tekstkleur+'&bf='+bgfoto+'&fx='+fotoX+'&fy='+fotoY+'&se='+sepia+"&save=bestelmok");
	$('#tegeltje').html('<img src="tegelgenerator.php?tt='+text+'&fs='+fontsize+'&yp='+ypos+'&lh='+lineheight+'&ltt='+lettertype+'&tg='+tegel+'&tk='+tekstkleur+'&bf='+bgfoto+'&fx='+fotoX+'&fy='+fotoY+'&se='+sepia+'">');	
}
function zoekenvervang(strText,strTarget,strSubString){
	var intIndexOfMatch = strText.indexOf( strTarget );
	while (intIndexOfMatch != -1){
		strText = strText.replace( strTarget, strSubString )
		intIndexOfMatch = strText.indexOf( strTarget );
	}
	return( strText );
}
function createUploader(){            
	var uploader = new qq.FileUploader({
	element: document.getElementById('file-uploader'),
	action: '/upl/index.php',
	allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
	onComplete: function(id, fileName, responseJSON){
			bgfoto=responseJSON.bestandnaam;
			$('#resultaat').append('<a href="#" onclick="bgfoto=\''+bgfoto+'\'; edittegel();" ><img src="/includes/timthumb.php?src=/upl/img/'+bgfoto+'.jpg&w=48&h=48&zc=1"></a> ');
		},
	});           
}