// Load jQuery

$(function() {

			
	$('.scroll-pane').jScrollPane();

	
	$('ul#home-images, ul#event-images').switcher({
		timeInView : 4000,
		transitionTime : 1000,
		childElement: 'li'
	});
	
	
	// donation form
	$('input#theSameAddress').change(function() {

		if ($(this).attr('checked')) {
			// copying fields
			$('input#BillingFirstnames').val($('input#firstName').val());
			$('input#BillingSurname').val($('input#surname').val());
			$('input#BillingAddress1').val($('input#address1').val());
			$('input#BillingAddress2').val($('input#address2').val());
			$('input#BillingAddress3').val($('input#townCity').val());
			$('input#BillingPostCode').val($('input#postcode').val());
		} else {
			// clearing fields
			$('input#BillingFirstnames').val('');
			$('input#BillingSurname').val('');
			$('input#BillingAddress1').val('');
			$('input#BillingAddress2').val('');
			$('input#BillingAddress3').val('');
			$('input#BillingPostCode').val('');

		}
	});

	if ($('select#salutation').val() == 'Other') {
		$('div#titleOther').slideDown();
	} else {
		$('div#titleOther').slideUp();
	}

	if ($('select#donationReason').val() == 'In_Memoriam') {
		$('div#memoriam').slideDown();
	} else {
		$('div#memoriam').slideUp();
	}

	$('select#salutation').change(function() {
		if ($(this).val() == 'Other') {
			$('div#titleOther').slideDown();
		} else {
			$('div#titleOther').slideUp();
		}
	});

	$('select#donationReason').change(function() {
		if ($(this).val() == 'In_Memoriam') {
			$('div#memoriam').slideDown();
		} else {
			$('div#memoriam').slideUp();
		}
	});

	$('ul#menu a.on ').parent().parent().css('display', 'block');
	$('ul#menu a.on ').parent().parent().parent().addClass('expanded');

	$('ul#menu li a.parent ').click(function() {

		if (!$(this).parent().hasClass('expanded')) {
			$('ul#menu li').removeClass('expanded');
			$(this).parent().addClass('expanded');
			// slide Up others
			$('ul#menu li ul').slideUp();

			$(this).parent().find('ul').slideDown();
		} else {
			$(this).parent().removeClass('expanded');
			$(this).parent().find('ul').slideUp();
		}
	});

	$.fn.jPicker.defaults.images.clientPath = '/images/jpicker/';
	$('.colorPicker').jPicker();

	$('.draggable').draggable();

	if (document.getElementById('use_variations')) {
		showVariations($('input#use_variations').attr('checked'));
	}

	$('div#recommend h4').click(function() {
		if ($(".roll").parent().hasClass('open')) {

			$(".roll").slideUp(500, function() {
				$(this).parent().removeClass('open');
			});

		} else {

			$(".roll").slideDown(500, function() {
				$(this).parent().addClass('open');
			});
		}

	});

	$('input#use_variations').bind('click', function() {

		showVariations($(this).attr('checked'));

	});

	// Image Cropper
	$('.cropbox').each(
			function(n) {

				var $this = $(this);
				var $parent = $this.parent();
				var $data = $parent.find('div.crop-data')
				// get the ratio if it's set
				var aspectRatio = ($parent.find('input.crop-ratio').val() == 0) ? false : $parent.find('input.crop-ratio').val();
				var widthRatio = 1;
				var heightRatio = 1;

				// need to wait for the image to load to get the correct
				// current
				// size
				$this.load(function() {
					var sizes = {
						imageWidth : $data.find('input.crop-image-width').val(),
						imageHeight : $data.find('input.crop-image-height').val(),
						currentWidth : $this.width(),
						currentHeight : $this.height()
					};
					// work out ratio from old to new
					widthRatio = sizes.imageWidth / sizes.currentWidth;
					heightRatio = sizes.imageHeight / sizes.currentHeight;
					console.debug(sizes);
				});

				$('.cropbox').Jcrop(
						{
							aspectRatio : aspectRatio,
							bgOpacity : 0.7,
							onChange : function(c) {
								if (c.w > 0 && c.h > 0) {
									$data.find('input.crop-image-dimensions').val(
											parseInt(c.x * widthRatio) + ',' + parseInt(c.y * heightRatio) + ',' + parseInt(c.w * widthRatio) + ',' + parseInt(c.h * heightRatio));
									// remove the crop on the thumb

								} else {
									$data.find('input.crop-image-dimensions').val('');
								}
							}
						});

				// see if there is a thumbnail that needs cropping too
				$thumb = ($parent.find('div.image-thumbnail').length == 1) ? $parent.find('div.image-thumbnail img') : false;

				if ($thumb) {

					$thumb.Jcrop({

						onChange : function(c) {
							if (c.w > 0 && c.h > 0) {
								$data.find('input.crop-thumb-dimensions').val(c.x + ',' + c.y + ',' + c.w + ',' + c.h);
								// $data.find('input.crop-save').val('true');
							} else {
								$data.find('input.crop-thumb-dimensions').val('');
							}
						}

					});
				}

			});

	
	// lightbox
	$("a.fancyBox").colorbox({
		photo : true,
		opacity : 0.65,
		scalePhotos : true,
		maxWidth : '75%',
		maxHeight : '75%'
	});

	
	// ui calendar
	$('input.datePicker').datepicker({
		changeMonth : true,
		changeYear : true,
		dateFormat : 'dd/mm/yy',
		showOn : 'button',
		buttonImage : '/images/btn_calendar.gif',
		buttonImageOnly : true,
		autoSize : true,
		buttonText : 'Select a date from a calendar',
		yearRange : 'c-90:c+10'
	});

	// navigation

	$('ul#adminNav li').hover(function() {
		$(this).find('ul').fadeIn(200);

	}, function() {
		$(this).find('ul').fadeOut(200);

	});

	$('ul#adminNav  li').hover(function() {

		$(this).find('ul').fadeIn(200);
	}, function() {

		$(this).find('ul').fadeOut(200);

	});

});

tinyMCE
		.init({
			mode : "specific_textareas",
			editor_selector : /(tiny_mce|image_mce)/,
			theme : "advanced",
			editor_deselector : "mceNoEditor",
			content_css : "/styles/editorStyles.css",
			plugins : "safari,inlinepopups,paste,table",
			width : "520",
			theme_advanced_resizing_max_width : 520,
			theme_advanced_resizing_min_width : 520,
			height : "500",
			theme_advanced_buttons1 : "bold, italic, underline, justifyleft,justifycenter, justifyright, justifyfull , formatselect,  |, pasteword, code",
			theme_advanced_buttons2 : "undo,redo,|,bullist, numlist,|,outdent,indent, |, link, unlink, image ,forecolor",
			theme_advanced_buttons3 : "tablecontrols",
			theme_advanced_resizing : true,
			theme_advanced_toolbar_location : "top",
			theme_advanced_toolbar_align : "center",
			theme_advanced_statusbar_location : "bottom",
			theme_advanced_blockformats : "p,h2,h4",
			convert_urls : false,
			verify_html : false,
			file_browser_callback : "tinyBrowser",
			valid_elements : "-p[class|align|style|font],strong/b[class|style],-em/i,-a[name|href|target|title],img[class|src|border=0|alt|title|width|height|align|style],hr[class|width|size|noshade],table[border|cellspacing|cellpadding|class|style|width],tr[class],td[class|style],th[class|style]"
		});

function printPage() {
	var disp_setting = "toolbar=yes,location=no,directories=yes,menubar=yes,";
	disp_setting += "scrollbars=yes,width=700, height=600, left=100, top=25";
	var content_value = document.getElementById("main").innerHTML;
	var docprint = window.open("", "", disp_setting);
	docprint.document.open();
	docprint.document.write('<html><head><title></title>');
	docprint.document.write('<style>body{font-family: Arial, sans-serif;color: #000000;}h1{color:#000000;font-size: 1.2em;}h2{color:#000000;font-size: 1em;font-weight:bold;}h3{color: #000000;font-size: 0.9em;}p,ul,ol{font-size:0.7em;color:#000000;}table{border: 1px solid #000000;font-size: 0.7em;	border-collapse: collapse;background-color:#FFFFFF;}.submitButton{display:none;}a{text-decoration:none;color:#000000;}td{padding:5px;border:1px solid #333333;}img{display:none;}#eventBlockRight{display:none;}#eventBlockLeft ul{display:none;}.submit{display:none;}.button{display:none;}.buttonPurple{display:none;}#columnLeft{display:none;}#blockRight{display:none;}p.printFooter{ color:#666;font-weight:bold; margin-top:15px;}</style>');
	docprint.document.write('</head><body onLoad="self.print()"><h1>Exeter Leukemia Fund</h1>');
	docprint.document.write(content_value);
	docprint.document.write('<p class="printFooter">address to go here</p></body></html>');
	docprint.document.close();
	docprint.focus()
}