var wpv_gallery, themeGalleryGetImage, themeGalleryCompleteEditImage;

(function ($, undefined) {
	$(function () {
	
		if(!$('#wpv-colorpicker').length) {
			var picker = $('<div id="wpv-colorpicker"></div>').hide(),
				selected;

			$('body').append(picker);
			var fbt = $.farbtastic('#wpv-colorpicker');

			picker.append(function() {
				return $('<a class="transparent">transparent</a>').click(function() {
					if(selected) {
						$(selected).val('transparent').css({
							background: 'white',
							color: '#444'
						});
						picker.fadeOut();
					}
				});
			});

			 $('[type=color]').each(function () {
					fbt.linkTo(this);
					$(this).css('opacity', 0.75).prop('type', 'text');
			}).focus(function() {
				if (selected)
					$(selected).css('opacity', 0.75).removeClass('colorwell-selected');
				
				fbt.linkTo(this);
				picker.css({
					position: 'absolute',
					left: $(this).offset().left + $(this).outerWidth(),
					top: $(this).offset().top
				}).fadeIn();
				$(selected = this).css('opacity', 1).addClass('colorwell-selected');
			}).blur(function() {
				picker.fadeOut();
			});

		}

		sidebar_management.init();
		config_management.init();
		template_management.init();
		horizontal_blocks.init();
		
		$('.social_icon_select_sites').live('change', function() {
			var wrap = $(this).closest('p').siblings('.social_icon_wrap');
			wrap.children('p').hide();
			$('option:selected', this).each(function() {
				wrap.find('.social_icon_' + $(this).val()).show();
			});
		});
		
		$('.num_shown').live('change',function(){
			var wrap = $(this).closest('p').siblings('.hidden_wrap');
			wrap.children('div').hide();
			$('.hidden_el:lt('+$(this).val()+')', wrap).show();
		});
		
		$('#header-slider-animationtime, #header-slider-rows, #header-slider-cols').change(function() {
			var animtime = $('#header-slider-animationtime').val(),
				rows = $('#header-slider-rows').val(),
				cols = $('#header-slider-cols').val();
				
			var maxAnimations = 6;
			var maxSubslideDuration = Math.round(animtime / (cols*rows/maxAnimations));
			
			var subsl = $('#header-slider-subslideduration');
			subsl.attr('data-max', maxSubslideDuration).val(Math.min(subsl.val(), maxSubslideDuration))
				.siblings('.ui-range-slider').slider('option', 'max', maxSubslideDuration);
		}).change();

		tb_remove = function () {
			$("#TB_imageOff").unbind("click");
			$("#TB_closeWindowButton").unbind("click");
			$("#TB_window").fadeOut("fast", function () {
				$('#TB_window,#TB_overlay,#TB_HideSelect').triggerHandler("unload");
				$('#TB_window,#TB_overlay,#TB_HideSelect').unbind().remove();
			});
			jQuery("#TB_load").remove();

			if (typeof document.body.style.maxHeight == "undefined") { //if IE 6
				jQuery("body", "html").css({
					height: "auto",
					width: "auto"
				});
				jQuery("html").css("overflow", "");
			}
			document.onkeydown = "";
			document.onkeyup = "";
			return false;
		};

		$('.metabox .config-separator').each(function () {
			$(this).nextUntil('.config-separator').wrapAll('<div class="wpv-config-part"></div>');
			$(this).css('cursor', 'pointer');
			if ($(this).next().is('.wpv-config-part')) {
				$(this).next().hide();
			} else {
				$(this).hide();
			}
		}).click(function () {
			var next = $(this).next();
			if (next.is('.wpv-config-part')) {
				next.slideToggle(800);
			}
		});
		$('.metabox .config-separator:eq(0)').click();

		$('.toggle-button:checkbox').iButton();

		$('.wpv-range-input').uirange();

		var subtab_parent_style = function (hash) {
				var tab = $('[href="' + hash + '"]').parent();

				tab.siblings().removeClass('sub-selected');

				if (tab.is('.sub')) {
					tab.prevAll('.parent:first').addClass('sub-selected').siblings().removeClass('sub-selected');
				}
			}

		$('#wpv-config').tabs({
			fx: {
				opacity: 'toggle'
			},
			beforeActivate: function (event, ui) {
				var hash = $('a', ui.newTab).attr('href');
				subtab_parent_style(hash);

				var element = $(hash);
				element.attr('id', '');
				window.location.hash = hash;
				element.attr('id', hash.replace('#', ''));
			},
			create: function (event, ui) {
				subtab_parent_style(window.location.hash);
			}
		});

		// portfolio galleries
		$("#imagesSortable").sortable({
			handle: '.hndle div',
			forcePlaceholderSize: true,
			opacity: 0.6,
			placeholder: 'sortItem-placeholder',
			stop: function (event, ui) {
				wpv_gallery.set();
			}
		});

		$('.edit-item', "#imagesSortable").live('click', function () {
			var id = $(this).parents('.imageItemWrap').attr('id').slice(6);

			tb_show('Edit Image', "media.php?action=edit&attachment_id=" + id + "&gallery_edit_image=true&TB_iframe=true");
		})

		$('.delete-item', "#imagesSortable").live('click', function () {
			$("#image-" + $(this).parents('.imageItemWrap').attr('id').slice(6)).remove();
			wpv_gallery.set();
		});

		$('.wpv-autofill').click(function () {
			$(this).addClass('selected').siblings().removeClass('selected');

			var fields = $.parseJSON($(this).attr('data-fields'));

			for (i in fields) {
				var field = $('#' + i);
				
				if (field.is(':checkbox')) {
					if (fields[i] == 1) {
						field.attr('checked', 'checked');
					} else {
						field.attr('checked', false);
					}

					if (field.is('.toggle-button')) {
						field.iButton('object').repaint();
					}
				} else {
					field.val(fields[i]);
					if (field.is('.image-upload')) {
						wpv_upload.preview(field.attr('id'), fields[i]);
					}
				}

				field.change();
			}

			return false;
		});

		function autofill_test(autofill) {
			var fields = $.parseJSON($(autofill).attr('data-fields'));

			var selected = true;

			for (i in fields) {
				var field = $('#' + i);

				if (field.is(':checkbox')) {
					if ( !! fields[i] != !! field.attr('checked')) {
						selected = false;
					}
				} else if (field.val() != fields[i]) {
					selected = false;
				}
			}

			if (selected) {
				$(autofill).addClass('selected');
			}
		}

		$('.wpv-autofill').each(function () {
			autofill_test(this);
			var autofill = this;

			var fields = $.parseJSON($(autofill).attr('data-fields'));

			for (i in fields) {
				$('#' + i).change(function () {
					$(autofill).removeClass('selected');
					autofill_test(autofill);
				});
			}
		});

		$('.wpv-config-row.body-layout label').click(function () {
			$(this).find('img').addClass('selected');
			$(this).siblings().find('img').removeClass('selected');
		});
		$('.wpv-config-row.body-layout input').change(function () {
			if ($(this).is(':checked')) {
				$('label[for="' + $(this).attr('id') + '"]').click();
			}
		});

		// images in label ie fix
		$('label img').live('click', function () {
			$('#' + $(this).parents('label').attr('for')).click();
		});

		function updateFontProps(input) {

			var container = $(input).closest(".wpv-config-row.font");
			var preview = container.find('.font-preview');

			if ($(input).is('.color')) {
				preview.css('color', container.find('.color').val());
			} else {
				var font = container.find('.weight').val() + ' ' + container.find('.size').val() + 'px/' + container.find('.lheight').val() + 'px ' + '"' + container.find('.face').val() + '"';

				if ($(input).is('.face')) {
					var link = document.createElement('LINK');
					link.rel = "stylesheet";
					link.type = "text/css";
					container.find('.font-styles').html("")[0].appendChild(link);
					$.ajax({
						type: 'POST',
						url: ajaxurl,
						data: {
							action: 'wpv-font-preview',
							face: container.find('.face').val()
						},
						//async : false,
						success: function (data) {
							link.href = data;
							preview.css({
								'font': font,
								'color': container.find('.color').val()
							});
						}
					});
				} else {
					preview.css({
						'font': font,
						'color': container.find('.color').val()
					});
				}
			}
		}

		$('.wpv-config-row.font input, .wpv-config-row.font select').bind("change", function () {
			updateFontProps(this);
		});

		$(window).bind("load", function () {
			$('.wpv-config-row.font input.color').bind("change colorpicked", function () {
				updateFontProps(this);
			});
		});

		setTimeout(function () {
			$(".wpv-config-row.font").each(function () {
				updateFontProps($(".face", this)[0]);
			});
		}, 0);

		$('#wpv-ajax-overlay, #wpv-ajax-content').remove();

		$('.wpv-config-page form').submit(function () {

			$('body').append('<div id="wpv-ajax-overlay"></div><div id="wpv-ajax-content">Saving</div>"');

			$.post(ajaxurl, $(this).serialize(), function (data) {
				$('#wpv-ajax-content').html(data);

				setTimeout(function () {
					$('#wpv-ajax-overlay, #wpv-ajax-content').fadeOut(300, function () {
						$('#wpv-ajax-overlay, #wpv-ajax-content').remove();
					});
				}, 1000);
			});

			return false;
		});
	});

	var horizontal_blocks = {
		init: function () {
			$('.horizontal_blocks .wpv-range-input').change(function () {
				horizontal_blocks.set_active($(this).val(), $(this).attr('id'));
			});

			$('.horizontal_blocks select').change(function () {
				horizontal_blocks.resize($(this).parents('.block').parent(), $(this).val());
			});

			$('.horizontal_blocks :checkbox').change(function () {
				var block = $(this).parents('.block').parent();

				if (block.is('.last') != $(this).is(':checked')) {
					horizontal_blocks.toggle_last(block);
				}
			});
		},
		set_active: function (number, group) {
			$('[rel="' + group + '"]').removeClass('active');
			$('[rel="' + group + '"]:lt(' + number + ')').addClass('active');
		},
		resize: function (block, new_width) {
			block.removeClass(block.attr('data-width')).addClass(new_width).attr('data-width', new_width);
			if (new_width == 'full') {
				block.find('label').hide();
			} else {
				block.find('label').show();
			}
		},
		toggle_last: function (block) {
			if (block.is('.last')) {
				block.removeClass('last').next().remove();
			} else {
				block.addClass('last').after('<div class="clearboth"></div>');
			}
		}
	};

	var wpv_fill_settings = function (data) {
			for (i in data) {
				var fixbr = ((typeof data[i]) == 'object') ? '[]' : ''; // if a the data is a object, we probably have to deal with an array
				var el = $('[name="' + i + fixbr + '"]');

				if( !(el.is('.static')) ) {
					if (el.is(':radio')) {
						el.filter('[value="' + data[i] + '"]').attr('checked', true).change();
					} else if (el.is(':checkbox')) {
						if (data[i] == 1) {
							el.attr('checked', true);
						} else {
							el.attr('checked', false);
						}

						if (el.hasClass('toggle-button')) {
							el.iButton('object').repaint();
						}
					} else {
						el.val(data[i]).change();

						if (el.is('.mColorPicker')) {
							el.trigger('keyup');
						}
					}

					if (el.is('.image-upload')) {
						wpv_upload.preview(el.attr('id'), data[i]);
					}
				}
			}
		}

	var wpv_get_settings = function (domain) {
			var data = {};

			domain.each(function () {
				if ($(this).attr('name') && $(this).attr('name').length) {
					var key = $(this).attr('name');
					key = key.replace(/([\[\]])/g, '');

					if (!$(this).is(':checkbox')) {
						if (!$(this).is(':radio') || $(this).is(':checked')) {
							data[key] = $(this).val();
						}
					} else if ($(this).is(':checkbox')) {
						data[key] = $(this).is(':checked') ? 1 : 0;
					}
				}
			});

			return data;
		}

	var template_management = {
		init: function () {
			if ($('#wpv-available-templates').length > 0) {
				$('#wpv-templates-save').click(function () {
					template_management.save($('#wpv-templates-name').val());
				});

				$('#wpv-templates-load').click(function () {
					template_management.load($('#wpv-available-templates').val());
				});

				$('#wpv-templates-delete').click(function () {
					if ($('#wpv-available-templates').val().length > 0 && window.confirm("Are you sure you want to delete this? It's permanent")) {
						template_management.del($('#wpv-available-templates :selected').text());
					}
				});

				this.get_available();
			}
		},
		get_available: function () {
			$.post(ajaxurl, {
				action: 'wpv-available-templates'
			}, function (data) {
				$('#wpv-available-templates').html(data);
			});
		},
		save: function (name) {
			if (!name.match(/^\s*$/)) {
				$('#edButtonPreview').click();

				var selector = $('  #general-post-options input' + ', #general-post-options textarea' + ', #general-post-options select' + ', [name="post_format"]' + ', #comment_status' + ', #ping_status' + ', #trackback_url' + ', #excerpt');

				var data = {
					post_content: tinymce.editors.content.getContent(),
					options: wpv_get_settings(selector)
				};

				$.post(ajaxurl, {
					action: 'wpv-save-template',
					file: name,
					template: data
				}, function (data) {
					template_management.get_available();

					var container = $('#wpv_templates');
					container.find('.inside').before(data);
					setTimeout(function () {
						container.find('.success, .error').slideUp(300, function () {
							$(this).remove();
						});
					}, 10000);
				});
			}
		},
		load: function (uri) {
			if (uri.length > 0) {
				$('#edButtonPreview').click();

				$.get(uri, {}, function (data) {

					tinymce.editors.content.setContent(data.post_content.replace(/\\"/gi, '"').replace(/\\'/gi, "'"));

					wpv_fill_settings(data.options);

					var container = $('#wpv_templates');
					container.find('.inside').before('<span class="success">Success. You can now edit the page to suit your needs</span>');
					setTimeout(function () {
						container.find('.success, .error').slideUp(300, function () {
							$(this).remove();
						});
					}, 10000);
				}, 'json');
			}
		},
		del: function (name) {
			$.post(ajaxurl, {
				action: 'wpv-delete-template',
				file: name
			}, function (data) {
				template_management.get_available();

				var container = $('#wpv_templates');
				container.find('.inside').before(data);
				setTimeout(function () {
					container.find('.success, .error').slideUp(300, function () {
						$(this).remove();
					});
				}, 10000);
			});
		}
	};

	var config_management = {
		init: function () {
			$('#export-config').parent().append('<span class="result"></span>');
			$('#import-config').parent().append('<span class="result"></span>');

			$('#export-config').click(function () {
				var name = $('#export-config-name').val().replace(/^\s+/, '').replace(/\s+$/, '');

				if (name.length) {
					config_management.save($('#export-config-prefix').val() + '_' + name);
				}
			});

			$('#import-config').click(function () {
				config_management.load($('#import-config-available').val());
			});

			$('#delete-config').click(function () {
				if (!$('#import-config-available').val().match(/^\s+$/) && window.confirm("Are you sure you want to delete this? It's permanent")) {
					config_management.del($('#export-config-prefix').val() + '_' + $('#import-config-available :selected').text());
				}
			});

			this.get_available();
		},

		get_available: function () {
			$.post(ajaxurl, {
				action: 'wpv-available-configs',
				prefix: $('#export-config-prefix').val()
			}, function (data) {
				$('#import-config-available').html(data);
			});
		},

		save: function (name) {
			if (!name.match(/^\s*$/)) {
				var data = wpv_get_settings($('.wpv-config-page form').find('input, textarea, select').not('.static'));

				$.post(ajaxurl, {
					action: 'save_theme_config',
					file: name,
					config: data
				}, function (result) {
					config_management.get_available();

					$('#export-config').parent().find('.result').html(result);
					setTimeout(function () {
						$('#export-config').parent().find('.result').fadeOut('fast', function () {
							$(this).html('').show();
						});
					}, 3000);
				});
			}
		},

		load: function (url) {
			$.get(url, {}, function (data) {
				wpv_fill_settings(data);

				$.post(ajaxurl, {
					action: 'save_last_theme_config',
					name: $('#import-config-available :selected').text()
				}, function (result) {
					$('#import-config').parent().find('.result').html(result);
					setTimeout(function () {
						$('#import-config').parent().find('.result').fadeOut('fast', function () {
							$(this).html('').show();
						});
					}, 3000);
				});
			}, 'json');
		},

		del: function (name) {
			$.post(ajaxurl, {
				action: 'delete_theme_config',
				file: name
			}, function (result) {
				config_management.get_available();

				$('#import-config').parent().find('.result').html(result);
				setTimeout(function () {
					$('#import-config').parent().find('.result').fadeOut('fast', function () {
						$(this).html('').show();
					});
				}, 3000);
			});
		}
	};

	var sidebar_management = {
		anim: 400,

		trim_sidebars: function () {
			var sidebars = $('#custom-sidebars').val();
			sidebars = sidebars.replace(/,+/, ',');
			sidebars = sidebars.replace(/^,/, '');
			sidebars = sidebars.replace(/,$/, '');
			$('#custom-sidebars').val(sidebars);
		},

		init: function () {
			$('#add-new-sidebar').after('<div id="wpv-sidebars-message"></div>');
			var msg = $('#wpv-sidebars-message');

			$('#add-new-sidebar').click(function () {
				var name = $('#new-sidebar-id').val();

				if (!name.match(/^\s*$/)) {
					$('#registered-sidebars').append('<li data-id="wpv_sidebar-' + name + '" style="display:none">' + name + '<span class="delete-sidebar">[delete]</span></li>');
					$('#custom-sidebars').val($('#custom-sidebars').val() + ',wpv_sidebar-' + name);
					$('#new-sidebar-id').val('');
					sidebar_management.trim_sidebars();

					msg.text('You have to click "Save Changes"');

					$('#registered-sidebars [data-id="wpv_sidebar-' + name + '"]').fadeIn(sidebar_management.anim);
				}
			});

			$('.delete-sidebar').live('click', function () {
				var id = $(this).parent().attr('data-id');

				$('#custom-sidebars').val($('#custom-sidebars').val().replace(id, ''));
				sidebar_management.trim_sidebars();

				msg.text('You have to click "Save Changes"');

				var li = $(this).parent();
				li.fadeOut(sidebar_management.anim, function () {
					li.remove();
				});
			});
		}
	};
	
	$('.wpv-upload-button').live('click', function() {
		wpv_upload_target = $('#'+$(this).attr('data-target'));
	});

	$('.wpv-upload-clear').live('click', function() {
		wpv_upload.remove($(this).attr('data-target'));
	});

	$('.wpv-upload-undo').live('click', function() {
		wpv_upload.undo($(this).attr('data-target'));
	});

	wpv_gallery = {
		update: function (type, id) {
			$.post(ajaxurl, {
				action: 'theme-gallery-get-image',
				id: id,
				cookie: encodeURIComponent(document.cookie)
			}, function (str) {
				if (str == '0') {
					alert('Could not insert into gallery. Try a different attachment.');
				} else {
					switch (type) {
					case 'get':
						$("#imagesSortable").append(str);
						break;
					case 'edit':
						$("#image-" + id).replaceWith(str);
						break;
					}
					wpv_gallery.set();
				}
			});
		},
		get: function (id) {
			wpv_gallery.update('get', id);
		},
		edit_complete: function (id) {
			wpv_gallery.update('edit', id);
		},
		set: function () {
			$('#gallery_image_ids').val($('#imagesSortable').sortable('toArray').toString());
		}
	};

	wpv_upload = {
		get: function (id) {
			$.post(ajaxurl, {
				action: 'wpv-media-get-image',
				id: id,
				cookie: encodeURIComponent(document.cookie)
			}, function (str) {
				if (str == '0') {
					alert('Could not insert into gallery. Try a different attachment.');
				} else {
					wpv_upload_target.data('undo', wpv_upload_target.val());
					wpv_upload_target.siblings('.wpv-upload-clear, .wpv-upload-undo').fadeIn();
					wpv_upload_target.val(str);
					wpv_upload.preview(wpv_upload_target.attr('id'), str);
				}
			});
		},
		preview: function(id, str) {
			$('#'+id+'_preview').find('img').attr('src', str);
		},
		remove: function(id) {
			var inp = $('#'+id);
			$('#'+id+'_preview').find('img').attr('src', '');
			inp.data('undo', inp.val()).val('')
				.siblings('.wpv-upload-undo').fadeIn()
				.siblings('.wpv-upload-clear').fadeOut();
		},
		undo: function(id) {
			var inp = $('#'+id);
			this.preview(id, inp.data('undo'));
			inp.val(inp.data('undo'));
			inp.data('undo', '').siblings('.wpv-upload-undo').fadeOut();
			var remove = inp.siblings('.wpv-upload-clear');
			if(inp.val().length == 0 && remove.is(':visible')) {
				remove.fadeOut();
			} else if (inp.val().length > 0 && remove.is(':hidden')) {
				remove.fadeIn();
			}
		}
	};

})(jQuery);