$(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{
			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 == '')){
					 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.nodeName+'&ident=', function() {});
				}else if(e.target.className == ''){
					 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.id+'&ident=#', function() {});
				}else if(e.target.id == ''){
					 $('.apperanceInner').load('adminPanel/php/panelScripts/appearanceClick.php?class='+e.target.className+'&ident=.', function() {});
				}
				else{
					 $('.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", "");
		}
	});
	

	
});