/**
 * Prints out the inline javascript needed for the colorpicker and choosing
 * the tabs in the panel.
 */

jQuery(document).ready(function($) {
	
	// Fade out the save message
	$('.fade').delay(1000).fadeOut(1000);
	
	$('.of-color').wpColorPicker();
	
	// Switches option sections
	$('.group').hide();
	var activetab = '';
	if (typeof(localStorage) != 'undefined' ) {
		activetab = localStorage.getItem("activetab");
	}
	if (activetab != '' && $(activetab).length ) {
		$(activetab).fadeIn();
	} else {
		$('.group:first').fadeIn();
	}
	$('.group .collapsed').each(function(){
		$(this).find('input:checked').parent().parent().parent().nextAll().each( 
			function(){
				if ($(this).hasClass('last')) {
					$(this).removeClass('hidden');
						return false;
					}
				$(this).filter('.hidden').removeClass('hidden');
			});
	});
	
	if (activetab != '' && $(activetab + '-tab').length ) {
		$(activetab + '-tab').addClass('nav-tab-active');
	}
	else {
		$('.nav-tab-wrapper a:first').addClass('nav-tab-active');
	}
	$('.nav-tab-wrapper a').click(function(evt) {
		$('.nav-tab-wrapper a').removeClass('nav-tab-active');
		$(this).addClass('nav-tab-active').blur();
		var clicked_group = $(this).attr('href');
		if (typeof(localStorage) != 'undefined' ) {
			localStorage.setItem("activetab", $(this).attr('href'));
		}
		$('.group').hide();
		$(clicked_group).fadeIn();
		evt.preventDefault();
		
		// Editor Height (needs improvement)
		$('.wp-editor-wrap').each(function() {
			var editor_iframe = $(this).find('iframe');
			if ( editor_iframe.height() < 30 ) {
				editor_iframe.css({'height':'auto'});
			}
		});
	
	});
           					
	$('.group .collapsed input:checkbox').click(unhideHidden);
				
	function unhideHidden(){
		if ($(this).attr('checked')) {
			$(this).parent().parent().parent().nextAll().removeClass('hidden');
		}
		else {
			$(this).parent().parent().parent().nextAll().each( 
			function(){
				if ($(this).filter('.last').length) {
					$(this).addClass('hidden');
					return false;		
					}
				$(this).addClass('hidden');
			});
           					
		}
	}
	
	// Image Options
	$('.of-radio-img-img').click(function(){
		$(this).parent().parent().find('.of-radio-img-img').removeClass('of-radio-img-selected');
		$(this).addClass('of-radio-img-selected');		
	});
		
	$('.of-radio-img-label').hide();
	$('.of-radio-img-img').show();
	$('.of-radio-img-radio').hide();
	
	
	
	
	
/* Show/Hide Project */


	

						$('.hidden10').addClass('hide');
						$('.hidden10').addClass('mini');


						$('input#select_1').change(function(){
							if($(this).is(":checked")) {
								$('.hidden10').removeClass('hide');
								
								$('input#select_2').removeAttr('checked');		
								$('input#select_3').removeAttr('checked');		
		

								$('.hidden20').addClass('hide');
								$('.hidden30').addClass('hide');
								
								
							} else {
								$('.hidden10').addClass('hide');
							}
						});



						$("input#select_1[checked]").each( 
							function() { 
							  $('.hidden10').removeClass('hide');
							} 
						);


						
						
						
	

$('.hidden20').addClass('hide');
$('.hidden20').addClass('mini');


$('input#select_2').change(function(){
	if($(this).is(":checked")) {
	
		$('.hidden20').removeClass('hide');
		
		$('input#select_1').removeAttr('checked');		
		$('input#select_3').removeAttr('checked');		
		

		$('.hidden10').addClass('hide');		
		$('.hidden30').addClass('hide');		
		
		
	} else {
		$('.hidden20').addClass('hide');	
	}
});

$("input#select_2[checked]").each( 
	function() { 
	  $('.hidden20').removeClass('hide');
	} 
);










	

								$('.hidden30').addClass('hide');
								$('.hidden30').addClass('mini');


								$('input#select_3').change(function(){
									if($(this).is(":checked")) {
									
										$('.hidden30').removeClass('hide');
										
										$('input#select_1').removeAttr('checked');		
										$('input#select_2').removeAttr('checked');		
										

										$('.hidden10').addClass('hide');		
										$('.hidden20').addClass('hide');		
										
										
									} else {
										$('.hidden30').addClass('hide');	
									}
								});

								$("input#select_3[checked]").each( 
									function() { 
									  $('.hidden30').removeClass('hide');
									} 
								);










/* Show/Hide Project Ends */
	
	
		 		
});	