$(document).ready(function(){
	/*
	 * sorter
	 */
	$('.sorter')
		.tablesorter({widthFixed: true, widgets: ['zebra']})
		//.tablesorterPager({container: $(".pager")})
	
	/*
	 * antwoord toevoegen button
	 */
	$('.peiling #antwoord_toevoegen').click(function(){
		$parent = $(this).parent()
		var i = $('input', $parent).size() + 1
		
		$('#peiling_answers').val( parseInt($('#peiling_answers').val())+1 )
		$(this).before('<label for="peiling_antwoord_'+i+'">Antwoord '+i+'</label><input value="" name="peiling_antwoord_'+i+'" id="peiling_antwoord_'+i+'">')
		
		return false;
	})
	
	$('.quiz #vraag_toevoegen').click(function(){
		$parent = $(this).parent()
		var i = $('.antwoord_toevoegen', $parent).size() + 1
		$(this).before('<label for="quiz_vraag_'+i+'">Vraag '+i+'</label><input value="" name="quiz_vraag_'+i+'" id="quiz_vraag_'+i+'"><div class="quiz_antwoorden"><input class="radio" type="radio" name="quiz_antwoord_'+i+'" /><label for="quiz_antwoord_'+i+'_1">Antwoord 1</label><input id="quiz_antwoord_'+i+'_1" name="quiz_antwoord_'+i+'_1" value="" /><input class="radio" type="radio" name="quiz_antwoord_'+i+'" /><label for="quiz_antwoord_'+i+'_2">Antwoord 2</label><input id="quiz_antwoord_'+i+'_2" name="quiz_antwoord_'+i+'_2" value="" /><input class="radio" type="radio" name="quiz_antwoord_'+i+'" /><label for="quiz_antwoord_'+i+'_3">Antwoord 3</label><input id="quiz_antwoord_'+i+'_3" name="quiz_antwoord_'+i+'_3" value="" /><a href="" class="antwoord_toevoegen button">antwoord toevoegen</a></div>')
		
		return false;
	})
	$('.quiz .antwoord_toevoegen').livequery('click', function(){
		$parent = $(this).parent()
		var k = $('input:not(.radio)', $parent).size() + 1
		var i = $('input:not(.radio)', $parent).attr('id')
		i = i.split('_')
		i = i[2]
		$(this).before('<input class="radio" type="radio" name="quiz_antwoord_'+i+'" /><label for="quiz_antwoord_'+i+'_'+k+'">Antwoord '+k+'</label><input value="" name="quiz_antwoord_'+i+'_'+k+'" id="quiz_antwoord_'+i+'_'+k+'">')
		
		return false;
	})
	
	/*
	 * selectable nieuwsbrief
	 */
	var nieuwsbriefids = $('#nieuwsbriefids').val()
	
	$('.selectable').selectable({
		stop: function(){
			var ids = []
			$(".ui-selected", this).each(function(){
				ids.push( $(this).attr('id') )
			})
			$('#nieuwsbriefids').val(nieuwsbriefids + '' + ids.toString())
		}
	})
	
	/*
	 * upload image
	 */
	$('#artikel_illustratie').upload({
		name: 'image',
		method: 'post',
		enctype: 'multipart/form-data',
		action: '/php/ajax/imageupload.php',
		onSubmit: function() {
			$('#status').text('Afbeelding opladen ...');
		},
		onComplete: function(data) {
			data = data.split('|')
			$('#status').text('')
			if (data[0] == "success"){
				$('.illustratie img').attr('src', data[1])
				$('#artikel_illustratienaam').attr('value', data[1])
			} else {
				$('#status').text(data[1]);
			}
		}
	});
	
	$('#magazine_upload').upload({
		name: 'image',
		method: 'post',
		enctype: 'multipart/form-data',
		action: '/php/ajax/imageupload.php?type=cover',
		onSubmit: function() {
			$('#status').text('Afbeelding opladen ...');
		},
		onComplete: function(data) {
			data = data.split('|')
			$('#status').text('')
			if (data[0] == "success"){
				$('.illustratie img').attr('src', data[1])
				$('#magazine_cover').attr('value', data[1])
			} else {
				$('#status').text(data[1]);
			}
		}
	});
	
	$addiv = $('.advertentie.illustratie')
	$addiv.hide()
	$('#advertentie_type').change(function(){
		if ($(this).val() == "topbanner" || $(this).val() == "sidebanner" || $(this).val() == "nieuwsbrief") {
			$addiv.show()
			$('#advertentie_upload').upload({
				name: 'image',
				method: 'post',
				enctype: 'multipart/form-data',
				action: '/php/ajax/imageupload.php?type='+$(this).val(),
				onSubmit: function() {
					$('#status').text('Afbeelding opladen ...');
				},
				onComplete: function(data) {
					data = data.split('|')
					$('#status').text('')
					if (data[0] == "success"){
						$('.illustratie img').attr('src', data[1])
						$('#advertentie_img').attr('value', data[1])
					} else {
						$('#status').text(data[1]);
					}
				}
			})
		} else $addiv.hide()
	})
	
	$('#boek_illustratie').upload({
		name: 'image',
		method: 'post',
		enctype: 'multipart/form-data',
		action: '/php/ajax/imageupload.php?type=boek',
		onSubmit: function() {
			$('#status').text('Afbeelding opladen ...');
		},
		onComplete: function(data) {
			data = data.split('|')
			$('#status').text('')
			if (data[0] == "success"){
				$('.illustratie img').attr('src', data[1])
				$('#boek_illustratienaam').attr('value', data[1])
			} else {
				$('#status').text(data[1]);
			}
		}
	});
	
	$('#upload_nieuws_img').upload({
		name: 'image',
		method: 'post',
		enctype: 'multipart/form-data',
		action: '/php/ajax/imageupload.php?type=nieuws',
		onSubmit: function() {
			$('#status').text('Afbeelding opladen ...');
		},
		onComplete: function(data) {
			data = data.split('|')
			$('#status').text('')
			if (data[0] == "success"){
				$('.img img').attr('src', data[1])
				$('#nieuws_img').attr('value', data[1])
			} else {
				$('#status').text(data[1]);
			}
		}
	});
	
	$('#upload_user').upload({
		name: 'image',
		method: 'post',
		enctype: 'multipart/form-data',
		action: '/php/ajax/imageupload.php?type=user',
		onSubmit: function() {
			$('#status').text('Afbeelding opladen ...');
		},
		onComplete: function(data) {
			data = data.split('|')
			$('#status').text('')
			if (data[0] == "success"){
				$('.illustratie').prepend('<img>')
				$('.illustratie img').attr('src', data[1])
				$('#img').attr('value', data[1])
			} else {
				$('#status').text(data[1]);
			}
		}
	});
	
	/*
	 * heights
	 * */
	function resizeColumns(){
		var highest = $('#left').height()
		if (highest < $('#body').height()) highest = $('#body').height()
		if (highest < $('#right').height()) highest = $('#right').height()
		
		$('#left, #body, #right').height(highest)
	}
	//resizeColumns()
	
	/*
	 * VALIDATION
	 */
	$('form.validate').each(function(){
		if ($(this).attr('id') == "reactieform" ){
			$(this).validate({
				submitHandler: function(form){
					$.post("/php/ajax/action.php",{ item_id:$('#item_id').val(), type:$('#type').val(), reactie:$('#reactie').val(), action:'reactie', rand:Math.random() },function(data){
						if (data == 'success'){
							$('#reageren').hide()
							$('.reactie:last').after('<div class="reactie">Je zegt: '+$('#reactie').val()+'</div>')
						} else {
							$(form).append('<span class="error">Er is een fout opgetreden.</span>')
						}
					})
				}
			})
		} else if ($(this).attr('id') == "tussendoorform"){
			$(this).validate({
				rules: {
					tussendooremail: {
						remote: '/php/ajax/email.php'
					}
				},
				messages: {
					tussendooremail: {
						remote: 'Dit adres is reeds ingeschreven'
					}
				}/*,
				submitHandler: function(form){
					$.post("/php/ajax/action.php",{ tussendooremail:$('#tussendooremail').val(), action:'newsletter', rand:Math.random() },function(data){
						if (data == 'success'){
							$(form).after('<p>Het adres is met success toegevoegd.</p>');
							$(form).hide();
						} else {
							$(form).append('<span class="error">Er is een fout opgetreden.</span>')
						}
					})
				}*/
			})
		} else {
			$(this).validate({
				rules: {
					registerwachtwoord: {
						minlength: 6
					},
					registerwachtwoord2: {
						equalTo: "#registerwachtwoord"
					},
					registeremailadres: {
						remote: '/php/ajax/email.php'
					}
				},
				messages: {
					registerwachtwoord2: {
						equalTo: "Wachtwoord niet hetzelfde"
					},
					registeremailadres: {
						remote: "Adres is reeds in gebruik"
					}
				}
			})
		}
	})
	
	
	/*
	 * DATE FORM
	 */
	$('.datepicker.register').datepicker(
		{
			maxDate: 0,
			defaultDate: '-30y',
			changeYear: true,
			changeMonth: true,
			yearRange: '-69:+16'
		},
		$.datepicker.regional['nl']		
	)
	$('.datepicker').datepicker(
		$.datepicker.regional['nl']		
	)
	$('.datetimepicker').datetimepicker(
		{
			dateFormat: 'yy-mm-dd',
			timeFormat: 'h:m:s'
		},
		$.datepicker.regional['nl']		
	)
	
	/*
	PAGINA ADMINISTRATIE
	*/
	$('#node_menu').change(function(){
		if ($(this).val() == 1) $('#menudiv').show()
		else $('#menudiv').hide()
	}).change()
	
	$('#node_php').change(function(){
		if ($(this).val() == 0) $('.jqrte_body').show()
		else $('.jqrte_body').hide()
	}).change()
	
	$('#paginas tbody').sortable({
		update: function(event, ui) {
			var k = 1
			var ids = new Array()
			$('> tr', this).each(function(){
				ids.push( $(this).attr('id') )
				$('.pos', this).html(k)
				k++
			})
			$.post("/php/ajax/action.php",{ ids:ids.toString(), action:'sort' ,rand:Math.random() },function(data){
				if (data == 'success'){
					$('#social .email div').toggle()
				} else {
					
				}
			})
		}
	})
	
	/*
	 * jeditable
	 * */
	$('.editable').editable('/php/ajax/action.php', {
		data: " {'0':'0','1':'1'}",
		type: 'select',
		submitdata: {action: "rechten"},
		onblur : "submit"
	})
	
	/*
	 * lightbox
	 */
	$('.lightbox').each(function(){
		$(this).lightBox({fixedNavigation:true});
	})
})