
	var RecaptchaOptions = {
	   theme : 'clean'
	};
	
	// AJAX VARS 
	var xmlHttp;
	var elm;
	
	$(document).ready(function() {
	
		
		// FIXING PNG IN IE 6
		if ($.browser.msie && $.browser.version == '6.0') {
			jqPngFix();
		}
	
		// TOGGLE LOGIN BOX
		$('#loginbutton').click(function() {
			$('#loginbox').fadeIn('slow');
			$('input#username').focus();
			return false;
		});
		
		// CLOSE LOGIN BOX
		$('#closebutton').click(function() {
			$('#loginbox').fadeOut('slow');
			return false;
		});
	
		// VALIDATE EMAIL ON CREATE USER
		var validateEmail = $('#checkemail');
		$('#email').keyup(function () {
			var t = this; 
			if (this.value != this.lastValue) {
				if (this.timer) clearTimeout(this.timer);
				validateEmail.html('<img src="gfx/loader.gif" style="height: 16px;width: 16px;position: relative; top: 4px;" />&nbsp;tjekker e-mail...');
		
				this.timer = setTimeout(function () {
					$.ajax({
						url: jspath + 'ajax-files/validate.php',
						data: 'action=check_email&email=' + t.value,
						type: 'post',
						success: function (j) {
							validateEmail.html(j);
						}
					});
				}, 200);
		
				this.lastValue = this.value;
			}
		});
	
	
	/************** COMMENT *************************/
		
		var commentText 		= 'Skriv en kommentar...';
		var amount				= $('#comments').children().size(); //parseInt($("#commentsamount").html());
	
		$('textarea#commenttextarea').focus(function() {
			
			if ($(this).val() == commentText) $(this).val('');
			$(this).addClass('active');
			$('input#addcomment').show();
			
		});
		
		$('textarea#commenttextarea').blur(function() {

			if ($(this).val() == '') {
				$(this).val(commentText);
				$(this).removeClass('active');
				$(this).addClass('deactive');
				$('input#addcomment').hide();
			}
					
		});
		
		$('input#addcomment').click(function() {
			
			var text 			= $("textarea#commenttextarea");
			var content 		= $("#comments"); 
			var usrid			= $("input#usrid").val();
			var id				= $("input#id").val();
			var action			= $("input#action").val();
			var t 				= text.val();
			
			if (t != '') {
			
				text.removeClass('active');		
				text.addClass('deactive');
				text.val('Gemmer kommentar...');
				$('input#addcomment').hide();
				text.attr('disabled', true);
	
				$.ajax({
					url: jspath + 'ajax-files/comments.php',
					data: 'action=' + action + '&comment=' + escape(t) + '&usrid=' + usrid + '&id=' + id,
					//dataType: 'json',
					type: 'post',
					success: function (data) {
						
						if (content.html() == '<i>Der er ikke nogle kommentarer.</i>') {
							content.html(data);	
						}
						else {
							content.prepend(data);
						}
						
						text.removeAttr('disabled');
						text.val(commentText);
						relamount = $('#comments').children().size();
						$('#commentsamount').html(relamount);
						$('#comments:first .commentItem').show('slow');
						//$('#comment' + j.id).show('slow');
					}
				});
							
			}
			else {
				text.addClass('active');
				$(this).show();											
			}
				
		});

		$('#commentLoginLink').click(function() {
			$('#commentNotLogged').hide();
			$('#commentLogin').show('slow');
			return false;
		});
	
		
	/***************** IMAGE ZOOM FUNKTION **********/
		
		var move 					= -5;
		var zoom 					= 1.2;
		var orig_width				= $('.item img.profile').width()
		var orig_height				= $('.item img.profile').height()
		
		$('.item').hover(function() {
			
			width = orig_width * zoom;
			height = orig_height * zoom;
			
			$(this).find('img.profile').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:300});
			//$(this).find('div.caption').stop(false,true).fadeIn(300);
		},
		function() {
		
			$(this).find('img.profile').stop(false,true).animate({'width':orig_width, 'height':orig_height, 'top':'0', 'left':'0'}, {duration:300});	
			//$(this).find('div.caption').stop(false,true).fadeOut(400);
		});

		
	/********** VIDEO DESCRIPTION ****/
	
		$('#videoDescription .readmore').click(function() {
			$('#less').hide();
			$('#more').show('slow');		
			return false;
		})
		
		$('input.selectonfocus').focus(function() {
			this.select();			
		})
		
	/************** YOUTUBE *************/
	
		var result 					= $('#results');
		var addField				= $('#add');
		var url 					= $('#addYoutubeVideo_url');
		
		$('#addYoutubeVideo_step1').click(function() {
			
			result.css({'text-align' : 'center'});
			result.html('<img src="' + jspath + 'gfx/loader.gif" title="Loader" />');
			
			addField.hide();
			
			$.ajax({
				url: jspath + 'ajax-files/youtube.php',
				data: 'action=find&url=' + url.val(),
				type: 'post',
				success: function (data) {
					
					result.css({'text-align' : 'left'}).hide().html(data);
					result.fadeIn('slow', function() {
						if (data != "Der er fejl i din url" && data != 'Den valgte video findes allerede på sitet.') { 
							addField.fadeIn();						
							$('#addYoutubeVideo_description').focus().blur();
						}
					});	
					
				}
			});
			
			return false;
								
		});
		
		$('#addYoutubeVideo_submit').click(function() {

			var title 				= $('#addYoutubeVideo_title');
			var description			= $('#addYoutubeVideo_description');
			var time				= $('#addYoutubeVideo_time');
			var original			= $('#addYoutubeVideo_original');
			var code				= $('#addYoutubeVideo_code');
			
			addField.hide();
			scroll(0,0);
			result.fadeOut('slow').css({'text-align' : 'center'}).html('<img src="' + jspath + 'gfx/loader.gif" title="Loader" />');				
			
			$.ajax({
				url: jspath + 'ajax-files/youtube.php',
				data: 'action=add&title=' + escape(((title.val() == '') ? original.val() : title.val())) + '&description=' + escape(description.val()) + '&time=' + time.val() + '&code=' + code.val(),
				type: 'post',
				success: function (data) {
					result.hide().html(data).css({'text-align' : 'left'}).fadeIn('slow');
					url.val('');
				}
			});
			
			return false;
								
		});
		

	/********************************* TAGS ****************/
		
		$('#tagsField').keyup(function() {
			
			var loader 				= $('#tagsLoader');
			var value				= $(this).val();
			var result				= $('#tagsResult');
			
			loader.html('<img src="' + jspath + 'gfx/loader.gif" style="width: 16px; height: 16px;margin: 1px 0 0 5px" title="Loader" />');
			
			if (value != "") {
				$.ajax({
					url: jspath + 'ajax-files/comics.php',
					data: 'action=tags&value=' + value,
					type: 'post',
					success: function (data) {
						result.html('<div style="padding: 10px;">' + data + '</div>').fadeIn('slow', function() { loader.hide() });
					}
				});
			}
			else {
				result.fadeOut();
				loader.hide();
			}
			
			
		});
		
		$('.addTags').click(function() {
			var id 					= $(this).attr("id");
			alert(id);
		});
		
	/*********************** USERMENU *******************/

		$('#showusermenu').hover(
			function() {
				$('#showusermenu div').animate({paddingTop : '3px'}, 200);
			}, 
			function() {
				$('#showusermenu div').animate({paddingTop : '5px'}, 200);			
			}
		);	
	
		$('#showusermenu').click(function() {
		
			$('#usermenu').animate({height: "toggle"}, 1500);
		
			$(this).blur();
			
			return false;
			
		});	
		
	/*	// BLOG BILLEDE
		new AjaxUpload ('#blogbillede', {
			action: jspath + 'ajax-files/uploadimage.php',
			name: 'image',
			data: {
   	 			action : 'blog-image',
  			},
  			autoSubmit: true,
			onSubmit : function(file, ext){
				
				if (ext && /^(jpg|png|jpeg|gif)$/.test(ext)){
					
					$('#upload').hide();
					$('#uploadloader').show();
					
					
				} else {
					alert('Du kan kun uploade .jpg, .pgn, .jpeg eller .gif');
					return false;				
				}

			},
			onComplete: function(file, response){
			
				$('#uploadloader').hide();
				
				if (response != 'error') {
					$('#uploaded_image').attr('src', jspath + 'filer/blog/' + response);					
					$('#blogImageFilename').attr('value', response);
					$('#uploadresult').fadeIn();
				}
				else {
					alert('Der skete en fejl ved upload, prøv igen !');
					$('#uploadresult').hide();
					$('#upload').fadeIn('slow');					
				}
						
			}
		});*/
			
		// BLOG - REMOVE UPLOADED IMAGE
		$('#deleteupload').click(function() {
			
			$('#blogImageFilename').attr('value', '');
			$('#uploadresult').fadeOut(function() {
				$('#uploaded_image').attr('src', '');
				$('#upload').fadeIn('slow');
			});
			
			return false;	
			
		});
		
		// SAVING BLOG THREAD
		$('#addBlogThread_submit').click(function() {
			
			$.ajax({
				url: jspath + 'ajax-files/comics.php',
				data: 'action=tags&value=' + value,
				type: 'post',
				success: function (data) {
					
					result.html('<div style="padding: 10px;">' + data + '</div>').fadeIn('slow', function() { loader.hide() });
					
				}
			});
			
		});

	
	});
	
/****** FUNCTIONS ********/	

function deleteComment (mode, id) {
	
	if (mode == 'video') {
	
		// AJAX CALL TO DELETE COMMENT
		$.ajax({
			url: jspath + 'ajax-files/comments.php',
			data: 'action=delete-comment&id=' + id,
			type: 'post',
			success: function (data) {
				
				if (data == 'ok') {
					
					// REMOVE COMMENT FROM SCREEN AND DOM
					$('#comment' + id).fadeOut('slow', function() { 
						
						$(this).remove(); 
					
						amount = $('#comments').children().size();
						$("#commentsamount").html(amount);
					
						if (amount == 0) {
							$("#comments").html('<i>Der er ikke nogle kommentarer.</i>');
						}
						
					});
					
				}
				
			}
		});
		
		
	}
}
	
function fbbox () {
	
	elm = document.getElementById("fanbox");
	elm.style.display = (elm.style.display == 'none') ? 'inline' : 'none';
	
}

function openSearch (searchfield, searchlink) {
	
	sf = document.getElementById(searchfield);
	sl = document.getElementById(searchlink);
	si = document.getElementById("searchinput");
	
	sl.style.display = 'none';
	sf.style.display = 'inline';
	
	si.focus();
	
} 

function searchComic (value, path) {
	
	xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    xmlHttp.onreadystatechange = function() {
        
        div = document.getElementById("comiclist");
        loader = document.getElementById("comiclistloader");
        
        if (xmlHttp.readyState < 4 && xmlHttp.readyState > 0) {
            loader.style.display = 'inline';
            div.style.opacity = 0.2;
            div.filters.alpha.opacity = 20;
            loader.innerHTML = '<div style="padding: 3px 7px 7px 7px;font-weight: bold;"><img src="' + path + 'gfx/loader.gif" style="height: 20px;" alt="Loader..." />';
        }
        
        if(xmlHttp.readyState == 4) {
            //loader.style.display = 'none';
            div.innerHTML = xmlHttp.responseText; 
            div.style.opacity = 1;
            div.filters.alpha.opacity = 100;
        }
        
    }
    
    xmlHttp.open("POST", path + "ajax-files/searchcomic.php?value=" + value);
    xmlHttp.send(null);
	
}

// AJAX FUNCTIONS
function GetXmlHttpObject() {
    try {
      // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();
    } catch (e) {
      // Internet Explorer
        try {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    return xmlHttp;
}

function uploadImage (value, imagepath) {

    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    xmlHttp.onreadystatechange = function() {
        
        elm = document.getElementById("uploaded");
        elm2 = document.getElementById("msg");
        elm3 = document.getElementById("felt");
        elm4 = document.getElementById("done");
        
        if (xmlHttp.readyState < 4 && xmlHttp.readyState > 0) {
            
            elm3.style.display = 'none';
            
            elm2.style.display = 'inline;'
            elm2.innerHTML = "<div style=\"padding: 3px 7px 7px 7px;font-weight: bold;\"><img src=\"../gfx/loader.gif\" alt=\"\" /></div>";
            
            
        
        }
        
        if(xmlHttp.readyState == 4) {
            
            //document.getElementById("filfelt").readOnly = false;
            //document.getElementById("filfelt").value = '';
            elm3.style.display = 'inline';
            elm2.style.display = 'none';
            elm.innerHTML = elm.innerHTML + xmlHttp.responseText; 
            
            if (elm.innerHTML.length > 0) {
                elm4.innerHTML = '<div style="padding: 10px 0 0 0;"><input type=\"button\" value=\"Færdig med upload\" onclick=\"location.href=\'billed_liste.php?path=' + imagepath + '\'\"></a></a>'
            }
              
               
        }
        
    }
    
    xmlHttp.open("POST","../ajax-files/upload.php?value=" + value + "&imagepath=" + imagepath);
    xmlHttp.send(null);
    

}

function rename_file (go, id, path, file, ext, folderpath) {
    
    var elm = document.getElementById("item" + id);
    
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null) {
        alert ("Your browser does not support AJAX!");
        return;
    }
    
    xmlHttp.onreadystatechange = function() {
        
        if(xmlHttp.readyState == 4) {
         
            elm.innerHTML = path + file + '.' + ext;
               
        }
        
    }
    
    if (go) {
        
        alert(folderpath);
        
            xmlHttp.open("POST","../ajax-files/rename_file.php?path=" + path + "&file=" + file + "&ext=" + ext + "folderpath=" + folderpath);
            xmlHttp.send(null); 
    
    }
    else {
    
        
        
        elm.innerHTML = "";
        elm.innerHTML = elm.innerHTML + '<form name="myForm">';
        elm.innerHTML = elm.innerHTML + '<input type="hidden" value="' + path + '" name="path">';
        elm.innerHTML = elm.innerHTML + '<input type="hidden" value="' + ext + '" name="ext">';
        elm.innerHTML = elm.innerHTML + '<input type="hidden" value="' + id + '" name="id">';
        elm.innerHTML = elm.innerHTML + path + '<input type="text" value="'  + file + '" name="textField">.' + ext;
        elm.innerHTML = elm.innerHTML + '<input type="button" value="Omdøb fil" onclick="rename_file(true, ' + id + ', \'' + path +'\', \'' + file + '\', \'' + ext + '\', \'' + document.getElementById("textField").value + '\')">';
        elm.innerHTML = elm.innerHTML + "</form>";
    
    }
}
