$(document).ready(function(){
	//$(".PAGE_body > img").css("display","block");
	  	//$(".PAGE_body > img").css("border","1px solid red");
	  	//$(".body-content img").removeAttr( "align" );
			//$(".rounded").corner("top 7px");
			//$(".subMenu_item").corner("top 5px");
	
	    		// $dlg = $('#dlg');
 $dlg = $('<div id="dlg"></div>');
    		$dlg.dialog({ 	autoOpen: false });
	
	
	//	$(".body-content img").each(function () {
			
		//	if($(this).attr( "align" )=='left'){
		//		$(this).removeAttr( "align" );
				
		//	}
			
			//$(this).wrap( '<div class="new" />' );
	//});
	
	
	 	$(".LINK").live("hover",function() {

		
			$(this).css("cursor", "pointer"); 
		 }); 
	 	
	 	
	 	$("#ticker").show();

	$("#ticker").simplyScroll({
			autoMode: 'loop',
		frameRate:48,

		});
	

	
		//$('.REVIEW_CONTENT').find('img').removeAttr('align');
		//$('.REVIEW_CONTENT').find('img').append('<br />');

		reloadLoginInfo();
	function reloadLoginInfo(){
	 		$('#loginInfo').html('<img src="/images/ajax-loader-small.gif">'); 	
	   $('#loginInfo').load('/ajax/ajax_loginInfo.php');
  	
}










$('.LOGIN').live("click",function(event){
	

	
	$dlg.load('/ajax/ajax_login.php');
                 		$dlg.dialog( "option", "width", 600 );
                		$dlg.dialog( "option", "height", 300 );
                		$dlg.dialog( "option", "modal", true );
                		$dlg.dialog( "option", "resizable", false );
                		$dlg.dialog( "option", "title", "sign in to The GoodWebGuide" );
                		$dlg.dialog('option', 'buttons',false);
                		
                   	$dlg.dialog( "open");
             
                
                

                


	event.preventDefault();
});

                $('#login_password').live("keyup",function(e) {
                	
    if (e.keyCode == 13) {
       
        signin();
    }
});



$('.ACCOUNT').live("click",function(event){

		window.location ='/account';



});

$('.LOGOUT').live("click",function(event){

		window.location ='/logout';



});


	function signin(){

			formParams = $("#FORM_SIGNIN").serialize();
			
			$('#SPINNER_SIGNIN').html('<img src="/images/ajax-loader-small.gif">'); 
			
			$('#SPINNER_SIGNIN').load("/ajax/ajax_doLogin.php",formParams,function() {
  			reloadLoginInfo();
 			
 			 var refstring =  $('.COMMENT_CONTAINER').attr('id');
 		
 			if(typeof(refstring) !== 'undefined'){
 			
 			 reloadComments(refstring);
 			}
});
		
}


$('#modal_button_sign_in').live("click",function(event){
	
	
	signin();
	

	
	 });

		
		$('#modal_button_register').live("click",function(event){
		
		window.location ='/register';
	 });
	
			

 
  $('.ACCOUNT_EDIT').live("click",function(event){
 		
 			var refstring =  $(this).attr('name');
			
			var explode = refstring.split("_"); 
			var webuserid = explode[1];
 			
			$dlg.load('/ajax/ajax_editAccount.php',{'WEBUSERID':webuserid});
   		$dlg.dialog('option', 'title','edit your account?');  	
  		$dlg.dialog('option', 'resizable',false);  
			$dlg.dialog('option', 'height',300);  
			$dlg.dialog('option', 'width',600);  
			$dlg.dialog('option', 'modal', true);
			$dlg.dialog('option', 'open');
			$dlg.dialog('option', 'buttons', ({


				

        
				
				'close': function() {
					window.location ='/account';
					$dlg.dialog('close');
				}
			}));
			   
			$dlg.dialog('open');

   		event.preventDefault();
})	





$('.FORGOT_PASSWORD').live("click",function(event){
 			$dlg.html('<img src="/images/ajax-loader-small.gif">'); 	
				  				
			$dlg.dialog('close');

			$dlg.load('/ajax/ajax_forgotPassword.php');
   		$dlg.dialog('option', 'title','Retrieve my password');  	
  		$dlg.dialog('option', 'resizable',false);  
			$dlg.dialog('option', 'height',200);  
			$dlg.dialog('option', 'width',300);  
			$dlg.dialog('option', 'modal', true);
			$dlg.dialog('option', 'open');
			
			
			$dlg.dialog('option', 'buttons', ({


				
				'send me my password': function() {
				//	alert('adding');
						formParams = $("#FORM").serialize();
						
						$(this).load('/ajax/ajax_forgotPassword.php',formParams,function(){
							//window.location="/account";
					});
					
					//$(this).dialog('close');
				}
			}));
			   
			$dlg.dialog('open');

   		event.preventDefault();
})	

 
 
/////////////////// end of login


	
	
		function submitDirectoryForm(){
formParams = $("#DIRECTORY_FORM").serialize();
//alert(formParams);
			$('#DIRECTORY_MAIN').load("/ajax/ajax_seachDirectory.php",formParams);
		}
	




	$("#searchButton").live("click",function(event){
		
		
		openSearch();
	  event.preventDefault();
	 });   
	   

	 	$("div.DIRECTORY_RESET").live("click",function(event){
	 			groupId =  ($(this).attr("class").split(' ')[1]);
	 		//alert('reset' + groupId);
	 		$("."+groupId).siblings(".DIRECTORY_FILTER").val('0');
			$("."+groupId).siblings(".DIRECTORY_SELECTOR").css('background-color', 'white');
			
			submitDirectoryForm();
					event.preventDefault();
	 });
	 
	 	$(".DIRECTORY_RESET").hover(function() {
		
		
			$(this).css("cursor", "pointer"); 
		 }); 
	
	$(".DIRECTORY_FILTER").hover(function() {
		
		
			$(this).css("cursor", "pointer"); 
		 });   
	 
	 
	 
	 	 	$(".DIRECTORY_PULLDOWN").live("change",function(event){
	 	 		
	 	 	//	alert('change');
	 	 	var selectedVal = $(this).find('option:selected').val();
		var selectedText = $(this).find('option:selected').text();
   // alert(selectedText+'-w' + selectedVal);
	
	if(selectedVal.length > 0){
	selectedVal = 'FILTER['+selectedVal+']';
	selectedText = 'FILTER['+selectedText+']';
	
	
	$(this).siblings(".DIRECTORY_FILTER").attr('id',selectedText);
	$(this).siblings(".DIRECTORY_FILTER").attr('name',selectedVal);
	$(this).siblings(".DIRECTORY_FILTER").val('1');
		}else{
				$(this).siblings(".DIRECTORY_FILTER").attr('id','w');
				$(this).siblings(".DIRECTORY_FILTER").attr('name','w');
				$(this).siblings(".DIRECTORY_FILTER").val('0');
		}
	


		
	
		
			$('html, body').animate({scrollTop:0}, 'fast');
			$('#DIRECTORY_MAIN').html('<img src="/images/ajax-loader-small.gif">'); 	
		
		submitDirectoryForm();

	
	
	
		event.preventDefault();
	 });  
	 
	 
	 
	 
	 
	 
	 
	 
	 	 	$(".DIRECTORY_ALPHABET").live("click",function(event){
		
		
		event.preventDefault();
				

			
			//alphaKey =  ($(this).attr("href").split('/')[8]);
			alphaKey = $(this).html();

		
			$("#alphaKey").val(alphaKey);
		
		

			$('html, body').animate({scrollTop:0}, 'fast');
			$('#DIRECTORY_MAIN').html('<img src="/images/ajax-loader-small.gif">'); 	
		
		submitDirectoryForm();

	
	

	 });  
	 
	 
	 
	 
	 
	 	$("div.DIRECTORY_FILTER").live("click",function(event){
		
	
				
	//<input class="DIRECTORY_FILTER GROUP_8735" type="HIDDEN" name="FILTER[8791]" id="FILTER[All levels]" value="1">
			
			groupId =  ($(this).attr("class").split(' ')[1]);
			selectType =  ($(this).attr("class").split(' ')[2]);
			currentFilterState = $(this).prev().val();
		
	
		if(selectType == 'SELECT_SINGLE'){		
			$("."+groupId).siblings(".DIRECTORY_FILTER").val('0');
			$("."+groupId).siblings(".DIRECTORY_SELECTOR").css('background-color', 'white');
		}
		
		if(currentFilterState=='0'){
		
			$(this).siblings(".DIRECTORY_FILTER").val('1');
			$(this).siblings(".DIRECTORY_SELECTOR").css('background-color', 'red');
			
		}else{
			$(this).siblings(".DIRECTORY_FILTER").val('0');
			$(this).siblings(".DIRECTORY_SELECTOR").css('background-color', 'white');
			
		}
			$('html, body').animate({scrollTop:0}, 'fast');
			$('#DIRECTORY_MAIN').html('<img src="/images/ajax-loader-small.gif">'); 	
	
		submitDirectoryForm();

	
	
	
		event.preventDefault();
	 });   
	   
	 

	   		$('#SEARCHFOR').val($('#SEARCHFOR').attr("title"));
	   
	  $('#SEARCHFOR').focus(function () {
	if ($(this).val() == $(this).attr("title")) {
		$(this).val("");
	}
}).blur(function () {
	if ($(this).val() == "") {
		$(this).val($(this).attr("title"));
	}
});
	   
	   
	   
	   
	   	$(".DIRECTORY_SEARCH").live("click",function(event){
		
		
		//alert('search');
	  event.preventDefault();
	 });   
	   
	   
	   
	   
	   
	   
	   	 	 	$(".DIRECTORY_RECORDsss").live("click",function(event){
	 	 		//alert('click');
	 	 
	 	var refstring = this.getAttribute('href');
			
			exp = explode("/", refstring);
			pageid = exp[2];
			alert(refstring + "=" +pageid);
			
				$('#maincell').html('<img src="/images/ajax-loader-small.gif">'); 	
				$('#maincell').load("/ajax_wrapper.php",{'PAGEID':'31'});
			
		event.preventDefault();
	 });  
	   
	   
	   
	   
	   
	   
	  
		$('.AJAXUPDATE').live("keyup",function(event){
		
		var refstring = this.getAttribute('id');
				
				var explode = refstring.split("_"); 
				var tablename = explode[0];
				var fieldname = explode[1];
				var refid = explode[2];
				var dbaction = explode[3];
				//alert(dbaction)
				if(dbaction =='UPDATE'){
						var updateFieldTo = $(this).val();
						//alert(updateFieldTo);
						
						var spinner = $("#"+refstring+"_SPINNER");
						
						spinner.html('<img src="/images/ajax-loader-small.gif">'); 	
				  				
				    	spinner.load('/ajax/ajax_updateField.php',{'TABLENAME':tablename,'FIELDNAME':fieldname,'REFID':refid,'UPDATETO':updateFieldTo});
				  
		  	
		   }
	 });

	   
////////////////////////// COMMENTS ////////////////

   	function limitChars(textid, limit, infodiv)
 {
 
var text = $('#'+textid).val(); 

 var textlength = text.length;

 if(textlength >= limit)

 {

 $('#' + infodiv).html('You cannot write more then '+limit+' characters!');

 $('#'+textid).val(text.substr(0,limit));

 return false;

 }

 else

 {

 $('#' + infodiv).html('');

 return true;

 }

 }
	
	
	
$('#commentInput').keyup(function(){

 limitChars('commentInput', 1000, 'commentInputInfo');

 })

   	 	

    $(".COMMENT_CONTAINER").each(function () {
    	var refstring = this.getAttribute('id');
    	var currentCount = $(this).html();
    	
			if(currentCount > 0){
    		$(this).html('<img src="/images/ajax-loader-small.gif">'); 
    		$(this).show();
    		$(this).load('/v2/ajax/ajax_getComments.php',{'REFSTRING':refstring});
    		}
    	
    });
 	

 	
 	$(".button_comment_viewAll").live("click",function(event){

          var refstring = this.getAttribute('id');
			

    	   		$(".COMMENT_CONTAINER[id=" + refstring +"]").load('/v2/ajax/ajax_getComments.php',{'REFSTRING':refstring,'LIMIT':100});
    		
    	event.preventDefault();
    });
    
    
    
    
    
			 
			 $(".ADD_COMMENT").live("click",function(event){
			 
					
							$("#commentInput").val('');
							var refstring = this.getAttribute('id');
						
						 	var commentBox = $('#commentBox');
						 	commentBox.show();
						 	
						 		
				 			
				 			$(".ADD_COMMENT_SUBMIT").attr({
				 				'id':refstring
				 				
				 			});
				 			$(this).hide ();
							event.preventDefault();
				});
				     
    

    
    $(".ADD_COMMENT_SUBMIT").live("click",function(event){
    	
				var parentContainer = $(this);
				var refstring = this.getAttribute('id');
				var commentInput = $("#commentInput").val();
				var defaultHTML =  $(this).html();
				if(commentInput.length > 0){
					
					$(this).html('<img src="/images/ajax-loader-small.gif">'); 	
			
					$(this).parent().load('/ajax/ajax_addComment.php',{'REFSTRING':refstring,'commentInput':commentInput},function(){
						alert('Your comment has been submitted and will go live shortly once our moderators have approved it');
							reloadComments(refstring);
					
					});
				}
				
			
				event.preventDefault();
				});

    
    
    
    		function reloadComments(refstring){
		
							$(".COMMENT_CONTAINER[id=" + refstring +"]").hide(); 
						
							$(".COMMENT_CONTAINER[id=" + refstring +"]").load('/ajax/ajax_wrapper.php',
													{'getFile':'../inc_comments.php','REFSTRING':refstring,'mode':'update'});
							$(".COMMENT_CONTAINER[id=" + refstring +"]").show(); 
		}
		   	    
    $(".DELETE_COMMENT").live("click",function(event){
    	
     	var commentid = this.getAttribute('id');
    	var refstring = $(this).parent("div").attr("name");

    	 
    	$dialog.html('<center>are you sure you want to delete this comment?</center>');
   		$dialog.dialog('option', 'title','delete comment?');  	
  		$dialog.dialog('option', 'resizable',false);  
			$dialog.dialog('option', 'height',100);  
			$dialog.dialog('option', 'width',300);  
			$dialog.dialog('option', 'modal', true);
			$dialog.dialog('option', 'buttons', ({

				'Delete this comment...': function() {

					$(this).load('http://www.beatsdigital.com/v2/ajax/ajax_deleteComment.php',{'COMMENTID':commentid});
					reloadComments(refstring);
					$(this).dialog('close');
				},
				Cancel: function() {
					$(this).dialog('close');
				}
			}));
			   
			$dialog.dialog('open');

   		event.preventDefault();
    		
      });
    
	
	
	     $('.SOYFORM').live("click",function(event){
 		
			$dlg.load('/overlay_siteOfTheYearForm.php');
   		$dlg.dialog('option', 'title','Website of the Year form');  	
  		$dlg.dialog('option', 'resizable',false);  
			$dlg.dialog('option', 'height',400);  
			$dlg.dialog('option', 'width',700);  
			$dlg.dialog('option', 'modal', true);
			$dlg.dialog('option', 'open');
			$dlg.dialog('option', 'buttons', ({


				

        
				
			'submit site': function() {
				//	alert('adding');
						formParams = $("#SOYFORM").serialize();
					//alert(formParams);
						$dlg.load('/overlay_siteOfTheYearForm.php',formParams,function(){
							
					});
					
				
				}
			}));
			   
			$dlg.dialog('open');

   		event.preventDefault();
})	

	
	
/////////////////////////////   end of comments ////////////
	   
});



	 $(".siteSearchLink").live("click",function(event){

	
	var SEARCHFOR =  $(this).html();
	

			
				$dlg.html('<img src="/images/ajax-loader-small.gif">'); 	
			$dlg.load('/ajax/ajax_sitesearch.php',{'SEARCHFOR':SEARCHFOR});
   		$dlg.dialog('option', 'title','search results for "'+SEARCHFOR+'"...');  	
  		$dlg.dialog('option', 'resizable',false);  
			$dlg.dialog('option', 'height',400);  
			$dlg.dialog('option', 'width',700);  
			$dlg.dialog('option', 'modal', true);
	


			   
			$dlg.dialog('open');

   		event.preventDefault();
		
});









           $('#sitesearch').live("keyup",function(event) {
                	
    if (event.keyCode == 13) {
      
     	var SEARCHFOR =  $("#sitesearch").val();
	
	if(SEARCHFOR.length > 2 && SEARCHFOR.length < 40){
	
	
		//SANITIZE
		//MUST BE MORE THAN 3 AND LESS THAN 24
		
		//DIALOG
				$dlg.html('<img src="/images/ajax-loader-small.gif">'); 
			$dlg.load('/ajax/ajax_sitesearch.php',{'SEARCHFOR':SEARCHFOR});
   		$dlg.dialog('option', 'title','search results for "'+SEARCHFOR+'"...');  	
  		$dlg.dialog('option', 'resizable',false);  
			$dlg.dialog('option', 'height',400);  
			$dlg.dialog('option', 'width',700);  
			$dlg.dialog('option', 'modal', true);
	


			   
			$dlg.dialog('open');
			
     
}else{
	alert('please enter a valid search');
}
     
	
    }
  
      event.preventDefault();
});






	 $(".SITESEARCH_BUTTON").live("click",function(event){

	
	var SEARCHFOR =  $("#sitesearch").val();
	
	if(SEARCHFOR.length > 2 && SEARCHFOR.length < 40){
	//	alert(SEARCHFOR);
		
		//SANITIZE
		//MUST BE MORE THAN 3 AND LESS THAN 24
		
		//DIALOG
		
			$dlg.load('/ajax/ajax_sitesearch.php',{'SEARCHFOR':SEARCHFOR});
   		$dlg.dialog('option', 'title','search results for "'+SEARCHFOR+'"...');  	
  		$dlg.dialog('option', 'resizable',false);  
			$dlg.dialog('option', 'height',400);  
			$dlg.dialog('option', 'width',700);  
			$dlg.dialog('option', 'modal', true);
	


			   
			$dlg.dialog('open');
}else{
	alert('please enter a valid search');
}
   		event.preventDefault();
		
});









function closeOverlay() {

	frames["hiddenframe"].location= "/loading.html";
	document.getElementById("overlay").style.display="none";
}







function openOverlay(getUrl) {
//	alert(getUrl);
<!-- Due to different browser naming of certain key global variables, we need to do three different tests to determine their values -->

// Determine how much the visitor had scrolled
var scrolledX, scrolledY;
if( self.pageYOffset ) {
  scrolledX = self.pageXOffset;
  scrolledY = self.pageYOffset;
} else if( document.documentElement && document.documentElement.scrollTop ) {
  scrolledX = document.documentElement.scrollLeft;
  scrolledY = document.documentElement.scrollTop;
} else if( document.body ) {
  scrolledX = document.body.scrollLeft;
  scrolledY = document.body.scrollTop;
}

// Determine the coordinates of the center of browser's window

var centerX, centerY;
if( self.innerHeight ) {
  centerX = self.innerWidth;
  centerY = self.innerHeight;
} else if( document.documentElement && document.documentElement.clientHeight ) {
  centerX = document.documentElement.clientWidth;
  centerY = document.documentElement.clientHeight;
} else if( document.body ) {
  centerX = document.body.clientWidth;
  centerY = document.body.clientHeight;
}

  var leftOffset = scrolledX + (centerX - 620) / 2;
  var topOffset = scrolledY + (centerY - 320) / 2;


  document.getElementById("overlay").style.top = topOffset + "px";
  document.getElementById("overlay").style.left = leftOffset + "px";
  document.getElementById("overlay").style.display = "block";

  frames["hiddenframe"].location= getUrl;
}











function SelectAll(id)
{
    document.getElementById(id).focus();
    document.getElementById(id).select();
}







 
	function submenudisplay(submenuid) { 
		
var allHTMLTags=document.getElementsByTagName('div');

//Loop through all tags using a for loop
for (i=0; i<allHTMLTags.length; i++) {

if (allHTMLTags[i].className=="expmenu") {
				allHTMLTags[i].style.display = "none";
			}


}


submenu = document.getElementById(submenuid); 
if (submenu.style.display == "block") { 
		submenu.style.display = "none"; 
} else { 
		submenu.style.display = "block"; 
} 
	} 


$('.LEAVE_FEEDBACK').live("click",function(event){
	

	
	$dlg.load('/overlay_feedback.php');
                 		$dlg.dialog( "option", "width", 600 );
                		$dlg.dialog( "option", "height", 400 );
                		$dlg.dialog( "option", "modal", true );
                		$dlg.dialog( "option", "resizable", false );
                		$dlg.dialog( "option", "title", "leave your feedback" );
                		$dlg.dialog('option', 'buttons',false);
                		
                					$dlg.dialog('option', 'buttons', ({


				
				'leave feedback': function() {
				
						formParams = $("#FORM").serialize();
					//	alert(formParams);
						$(this).load('/overlay_feedback.php',formParams,function(){
						
					});
					
		
				}
			}));
                		
                		
                   	$dlg.dialog( "open");
             
                
                

                


	event.preventDefault();
});











$('.recsite').live("click",function(event){
	

	
	$dlg.load('/ajax/ajax_suggestSite.php');
                 		$dlg.dialog( "option", "width", 600 );
                		$dlg.dialog( "option", "height", 400 );
                		$dlg.dialog( "option", "modal", true );
                		$dlg.dialog( "option", "resizable", false );
                		$dlg.dialog( "option", "title", "suggest a site" );
                		$dlg.dialog('option', 'buttons',false);
                		
                					$dlg.dialog('option', 'buttons', ({


				
				'suggest this site': function() {
				//	alert('adding');
						formParams = $("#FORM").serialize();
						
						$(this).load('/ajax/ajax_suggestSite.php',formParams,function(){
							//window.location="/account";
					});
					
		
				}
			}));
                		
                		
                   	$dlg.dialog( "open");
             
                
                

                


	event.preventDefault();
});



$('.signup').live("click",function(event){
	

	
	$dlg.load('/ajax/ajax_signup.php');
                 		$dlg.dialog( "option", "width", 600 );
                		$dlg.dialog( "option", "height", 300 );
                		$dlg.dialog( "option", "modal", true );
                		$dlg.dialog( "option", "resizable", false );
                		$dlg.dialog( "option", "title", "signup to our newsletter" );
                		$dlg.dialog('option', 'buttons',false);
                		
                					$dlg.dialog('option', 'buttons', ({


				
				'signup': function() {
				
						formParams = $("#FORM").serialize();
						
						$(this).load('/ajax/ajax_signup.php',formParams,function(){
							
					});
					
		
				}
			}));
                		
                		
                   	$dlg.dialog( "open");
             
                
                

                


	event.preventDefault();
});


function limitText(limitField, limitCount, limitNum) {
	if (limitField.value.length > limitNum) {
		limitField.value = limitField.value.substring(0, limitNum);
	} else {
		limitCount.value = limitNum - limitField.value.length;
	}
}