var afterFormClickCreateJson = true;
var editingButtonNow = false;

function booleanToChecked(bool){
	if(bool == 'true'){	
		return 'checked="checked"';
	}
}

function hideShowSubmenus(index){
	
	var finish = false;	
	jQuery('#ag_edit_adminmenu td').each(function(){	
		if(jQuery('#ag_edit_adminmenu td').index(jQuery(this)) >= index && (finish == false)){			
			if(jQuery(this).hasClass('ag_admin_menu_child')){
				jQuery(this).parent().toggleClass('noclass');
			}
			if((jQuery('#ag_edit_adminmenu td').index(jQuery(this)) > index) && jQuery(this).hasClass('ag_admin_menu_parent')){			
				finish = true;
			}
		}
	});
}

/*
	Makes admin edit page pretty grouping items and submenus, and adding fancy interactions
*/
function prettyEditMenuPage(){
	jQuery('#ag_edit_adminmenu td').each(function(){
		if(jQuery(this).hasClass('ag_admin_menu_child')){
			jQuery(this).parent().addClass('noclass');
		};
	});
	jQuery('#ag_edit_adminmenu td').each(function(){
		if(jQuery(this).hasClass('ag_admin_menu_parent')){
		jQuery(this).parent().css('background-color','#d8eAd8');
		jQuery(this).bind('click',function(evt){	
			if(evt.target.className == 'ag_admin_menu_parent'){
				hideShowSubmenus(jQuery('#ag_edit_adminmenu td').index(this));
			}			
		});
		};
	});
	
};

function createEditMenuPage(checkboxes,textboxes){		
	 /*Create menu page in AGCA settings*/	
	
	 //console.log(textboxes);
	var counter = 0;
	var TBlength = textboxes.length;
	if(textboxes==""){
		TBlength = 9999999;
	}
	
	jQuery('ul#adminmenu li').each(function(){  
		if(!jQuery(this).hasClass("wp-menu-separator") && !jQuery(this).hasClass("wp-menu-separator-last") && !jQuery(this).hasClass("ag-custom-button") && (counter < TBlength )){	
			//if subelement
			if(jQuery(this).parent().parent().hasClass('wp-submenu')){	
				subElement = jQuery(this).find('a').text();
				//console.log(jQuery(this));
				//console.log(subElement);
				var isHidden = "";
				var sub_item_text_value;
				if(textboxes ==""){	
					sub_item_text_value = subElement;
				}else{
					sub_item_text_value = textboxes[counter][1];
					isHidden = checkboxes[counter][1];
				}	
				jQuery('#ag_edit_adminmenu').append("<tr><td class='ag_admin_menu_child'><div style=\"float:left\">"+subElement+"</div><div style=\"float:right\"><input type=\"checkbox\" class=\""+subElement+"\" "+booleanToChecked(isHidden)+"  name=\"ag_edit_adminmenu_item_sub_"+counter+"\" /></div></td><td class='ag_admin_menu_child2' ><input type=\"text\" class=\""+subElement+"\" size=\"47\" value=\""+sub_item_text_value+"\" name=\"ag_edit_adminmenu_item_sub_"+counter+"\" /></td></tr>");
			}
			//if top element
			else{
				var topElement = jQuery(this).children('a').clone().children().remove().end().text();		
				topElement = jQuery.trim(topElement);
				var top_item_text_value;
				var isHidden = "";
				if(textboxes ==""){	
					top_item_text_value = topElement;
				}else{
					top_item_text_value = textboxes[counter][1];
					isHidden = checkboxes[counter][1];
				}	
				jQuery('#ag_edit_adminmenu').append("<tr><td class='ag_admin_menu_parent'><br />" + topElement +"<div style=\"float:right\"><input class=\""+jQuery(this).attr("id")+"\" type=\"checkbox\" "+booleanToChecked(isHidden)+" name=\"ag_edit_adminmenu_item_top_"+counter+"\" /></div></td><td class='ag_admin_menu_parent2' ><input type=\"text\" class=\""+jQuery(this).attr("id")+"\" size=\"47\" value=\""+top_item_text_value+"\" name=\"ag_edit_adminmenu_item_top_"+counter+"\" /></td></tr>");
			}			
		counter++;
		}		
	});
	 
	//console.log(checkboxes.replace('<-TOP->','')+"|"+textboxes.replace('<-TOP->',''));	  
	  prettyEditMenuPage();
}

function showHideSection(text) {	
	switch(text)
	{
		case 'Admin Bar': jQuery('#section_admin_bar').show();
			break;
		case 'Admin Footer': jQuery('#section_admin_footer').show();
			break;
		case 'Dashboard Page': jQuery('#section_dashboard_page').show();
			break;
		case 'Login Page': jQuery('#section_login_page').show();
			break;
		case 'Admin Menu': jQuery('#section_admin_menu').show();
			break;
		default: jQuery('#section_admin_bar').show();
	}
}

function hideAllSections(){
	jQuery('#ag_main_menu li').each(function(){
		jQuery(this).attr("class","normal");
	});
	jQuery('.ag_section').each(function(){
		jQuery(this).hide();
	});
}

function reloadRemoveButtonEvents(){
		jQuery('a.button_remove').click(function(){
			jQuery(this).parent().parent().remove();
		});		
		jQuery('a.button_edit').click(function(){			
			if(editingButtonNow == false){				
				var name = jQuery(this).parent().find('button').text();
				var url = jQuery(this).parent().find('button').attr('title');
				editingButtonNow = name;
				jQuery(this).parent().append('<div id="temporary_button_edit">name:<input type="text" size="47" value="'+name+'" id="ag_add_adminmenu_name_edit" name="ag_add_adminmenu_name_edit" />url:<input type="text" size="47" value="'+url+'" id="ag_add_adminmenu_url_edit" name="ag_add_adminmenu_url_edit" /><button type="button" id="ag_add_adminmenu_button_edit" name="ag_add_adminmenu_button_edit">Save changes</button></div>');
				reloadRemoveButtonEvents();
			}		
		});/*Save editing changes*/
		jQuery('#ag_add_adminmenu_button_edit').click(function(){			
			//alert(jQuery(this).parent().html());			
			var name = jQuery('#ag_add_adminmenu_name_edit').val();
			var url = jQuery('#ag_add_adminmenu_url_edit').val();
			jQuery('#temporary_button_edit').remove();
			
			var element = 0;
			jQuery('#ag_add_adminmenu :button').each(function(){
				//dont use first button for adding new buttons				
				if(element > 0){						
					if(jQuery(this).html() == editingButtonNow){
						jQuery(this).attr('title',url);
						jQuery(this).html(name);						
					}
				}
				element++;
			});
			editingButtonNow = false;
		});
};	

jQuery(document).ready(function(){	
	/*Add click handler on main buttons*/
	jQuery('#ag_main_menu li').bind('click',function(){
		hideAllSections();
		
		var text = jQuery(this).text();
		jQuery(this).attr("class","selected");		
		showHideSection(text);
	});
	
	/*Admin Menu Reset all setings button*/	
	jQuery('#ag_edit_adminmenu_reset_button').click(function(){	
		afterFormClickCreateJson = false;
		jQuery('#agca_form').submit();
	});	

	/*Add new menu item button - creates new HTMl button elements*/
	jQuery('#ag_add_adminmenu_button').click(function(){	
		var name = jQuery('#ag_add_adminmenu_name').val();
		var url = jQuery('#ag_add_adminmenu_url').val();
		jQuery('#ag_add_adminmenu').append('<tr><td colspan="2"><button title="'+url+'" type="button">'+name+'</button>&nbsp;(<a style="cursor:pointer" class="button_edit">edit</a>)&nbsp;(<a style="cursor:pointer" class="button_remove">remove</a>)</td><td></td></tr>');
		reloadRemoveButtonEvents();
	});	
	
	/*Add tooltip box*/
	jQuery("body").append("<div id='AGToolTipDiv'></div>");	
	
	/*ToolTip*/
	  jQuery("label[title],#agca_donate_button").each(function() {  
			jQuery(this).hover(function(e) { 	
			  jQuery(this).mousemove(function(e) {			
				var tipY = e.pageY + 16; 
				var tipX = e.pageX + 16;	
				jQuery("#AGToolTipDiv").css({'top': tipY, 'left': tipX});
			  });
			  jQuery("#AGToolTipDiv")
				.html(jQuery(this).attr('title'))
				.stop(true,true)
				.fadeIn("fast");
			  jQuery(this).removeAttr('title');
			}, function() {
			  jQuery("#AGToolTipDiv")
				.stop(true,true)
				.fadeOut("fast");
			  jQuery(this).attr('title', jQuery("#AGToolTipDiv").html());
			});
	  });
});

/*CLICKING ON ITEMS HANDLING*/
jQuery(document).ready(function(){	
	jQuery('#agca_footer').change(function(){
	});
});

/*Admin menu*/
jQuery(document).ready(function(){	
	jQuery('#adminmenu').css('display','block');
});

/*FORM SUBMITTED*/
jQuery(document).ready(function(){	
	jQuery('#agca_form').submit(function(){
		
		/*Serialize checkboxes*/
		var array = "{";
		var firstElement = true;
		var topMarker = "";
		jQuery('#ag_edit_adminmenu :checkbox').each(function(){		
				if(firstElement != true){
					array += ", ";				
				}
				topMarker = "";
				if(jQuery(this).parent().parent().hasClass('ag_admin_menu_parent')){
					topMarker="<-TOP->";
				}
				array += "\"" + topMarker + jQuery(this).attr('class') + "\" : ";
				array += "\"" + jQuery(this).attr('checked') + "\"";
				firstElement = false;			
		});
		array += "}|";
		
		/*Serialize textboxes*/
		array += "{";
		firstElement = true;
		jQuery('#ag_edit_adminmenu :text').each(function(){		
				if(firstElement != true){
					array += ", ";				
				}
				topMarker = "";
				if(jQuery(this).parent().hasClass('ag_admin_menu_parent2')){
					topMarker="<-TOP->";
				}
				array += "\"" + topMarker  + jQuery(this).attr('class') + "\" : ";
				array += "\"" + jQuery(this).val() + "\"";
				firstElement = false;			
		});
		array += "}";
		
		if(afterFormClickCreateJson == true){
			jQuery('#ag_edit_adminmenu_json').val(array);		
		}else{
			jQuery('#ag_edit_adminmenu_json').val('');						
		}
		//console.log(array);
		//serialize buttons
		array = "{";
		var element = 0;
		jQuery('#ag_add_adminmenu :button').each(function(){
			//console.log(jQuery(this).html()+jQuery(this).attr('title'));
				if(element > 0){
					if(element > 1){
						array += ", ";				
					}
					array += "\"" + jQuery(this).html() + "\" : ";
					array += "\"" + jQuery(this).attr('title') + "\"";					
				}
				element++;
		});
		array += "}";	
		if(element == 1){array="";}
		jQuery('#ag_add_adminmenu_json').val(array);
		
		return true;
	});
});