$(document).ready(function() {

/*--- TOGGLE STYLE VIEW ----*/		
	var isCssEditor = 'false';
	$('#styleView').click(function(){
		if(isCssEditor == 'true'){
			isCssEditor = 'false';
			alert('Style view is now off');
			$('*').css('default', 'none');
			
		}else{
			alert('Style view is now on');
			isCssEditor = 'true';
		}
	});

		
/*--- HANDLE CLICK ----*/		
	$(document).click(function(e)
	{
		if( e.target.id !=('adminPanelBottomBar' || 'adminOpenClose' || 'logout') && e.target.className != ('trace-view adminBorderRounded' || 'adminPanelBottomBar' || 'adminBorderRounded')){
			if(isCssEditor == 'true'){
				isCssEditor = 'false';
				
				$('*').css('cursor', '');
				$(".apperanceinlineApperancePopUp").trigger('click');
				
				if((e.target.id == '') && (e.target.className == '')){
					/*--- PASS NODE OR PARENT CLASS / ID----*/
					/*
					if ( ($(e.target).parents("div").length != 0) && ($(e.target).parent("div").attr('class') != '') ) {
						
						var theClass = $(e.target).parent("div").attr('class');
						var str = theClass.split(' ');
						
						alert(str[0]);
						
						var answer = confirm("Press cancel to edit "+$(e.target).parent("div").attr('class')+ " Or ok to edit "+str[0]);
						
						if (answer){
							$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+str[0]+'&ident=.', function() {});													
						}
						else{
							$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
						}
						
						$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
						
					}else if(($(e.target).parents("div").length != 0) && ($(e.target).parent("div").attr('id') != '')){
						
						var answer = confirm("Would you like to edit this objects parent div id?"+$(e.target).parent("div").attr('class')+"");
						
						if (answer){
							$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+$(e.target).parent("div").attr('id')+'&ident=#', function() {});
						}
						else{
							$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
						}
						
					}else{
							$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
					}
					*/
					
					if ( ($(e.target).parents("div").length != 0) && ($(e.target).parent("div").attr('class') != '') ) {
						var theClass = $(e.target).parent("div").attr('class');
						var str = theClass.split(' ');

						  var newCssSelector = str[0]+'>'+e.target.nodeName;
												
						$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+newCssSelector+'&ident=.', function() {});
					}else{
						$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
					}
					
					
					//$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
					
				}else if(e.target.id != ''){
					/*--- PASS ID----*/
					 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.id+'&ident=#', function() {});
				
				}else if(e.target.className != ''){
					/*--- PASS CLASS----*/
				/*
					if ( ($(e.target).parents("div").length != 0) && ($(e.target).parent("div").attr('class') != '') ) {
						
						var theClass = $(e.target).parent("div").attr('class');
						var str = theClass.split(' ');
						
						var answer = confirm("Press cancel to edit "+$(e.target).parent("div").attr('class')+" Or ok to edit "+str[0]);
						
						if (answer){
							var theClass = $(e.target).parent("div").attr('class');
							var str = theClass.split(' ');
							$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+str[0]+'&ident=.', function() {});													
						}
						else{
							var str = e.target.className.split(' ');
							 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+str[0]+'&ident=.', function() {});
						}
					}else if(($(e.target).parents("div").length != 0) && ($(e.target).parent("div").attr('id') != '')){
						var answer = confirm("Would you like to edit this objects parent div id?"+$(e.target).parent("div").attr('class')+"");
						
						if (answer){
							$('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+$(e.target).parent("div").attr('id')+'&ident=#', function() {});
						}
						else{
							var str = e.target.className.split(' ');
							 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+str[0]+'&ident=.', function() {});
						}
					}else{
						var str = e.target.className.split(' ');
						 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+str[0]+'&ident=.', function() {});
					}	
					*/		
					var str = e.target.className.split(' ');		
					 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+str[0]+'&ident=.', function() {});
					 
				}else{
					/*--- PASS NODE (Last Resort)----*/
					 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
				}
			}
		}
	});


/*--- ENABLE POP UP---*/	
	$('.apperanceinlineApperancePopUp').click(function() {	
		$.fancybox({
			  'href'    : "#inline",
			  'onClosed' : function(){
				 isCssEditor = 'true';
			  }
		});
	});
	
	
	$('*').mouseover(function(e) {
		if(isCssEditor == 'true'){	
			$('*').css('cursor', 'pointer');
			$(this).css("background", "#BE3427");
			$(this).css("box-sizing", "border-box");
			e.stopPropagation();
		}
	}).mouseout(function() {
		if(isCssEditor == 'true'){	
			$(this).css("background", "");
		}
	});
	

	
});