$(document).bind('ready.document', showAlert);
function showAlert() {
	var $wdt =  $("body").outerWidth();
	var $xpos = $wdt/2 - 200;
	tmp = $("div#action");
	if(tmp) {
		$("div#action").css("top", 100);
		$("div#action").css("left", $xpos); 
		$("div#action").fadeIn(500);
		setTimeout (hideAlert, 5000);
	}
}

function hideAlert(clk) {
		$("div#action").fadeOut(500);
}


$(document).ready( function() {
		$("input#sign_in").click(function(){
			$("div#login").css("display","block");
			$("div#register").css("display","none");
			if($.cookie('email') != ''){$('input#email').val($.cookie('email'));}
			if($.cookie('password') != ''){$('input#password').val($.cookie('password'));}
		});
		$("input#registration").click(function(){
			$("div#register").css("display","block");
			$("div#login").css("display","none");
			if($.cookie('email') != ''){$('input#email2').val($.cookie('email'));}
			if($.cookie('password') != ''){$('input#password2').val($.cookie('password'));}
		});		
		////////////// add tagclouds to textarea, and comma if missing from written input///////////
		$("div#KeywordsHolder a.keyword").click(function(){
				var str = $("textarea#keywords").val();
				if(jQuery != null){
					str = jQuery.trim(str);
				}
				if(str.length !=0 && str.charAt(str.length-1)!=","){str +=",";};
				var tmpstr = $(this).text();
				if(str.length !=0){
				str += " "+tmpstr +",";
				} else {
						str += tmpstr +",";
				}
				$("textarea#keywords").val(str);
		});	
			////////////// popups ///////////
			
		initPopupClicks();
		
		$("div#popup").click(function(){
			$("div#popup").fadeOut(300);
		});	
		///////////// selectable lists ///////////
		/*
		 $("#random1").sortable({ 
		 opacity: 	0.5,
		 connectWith: ["#random2"],
		 tolerance: "pointer",
		 items:  $("#random1 li.sort, #random2 li.sort"),
		 update:function(ev,ui){
			if($("li#holder2").css("display") == 'block') {
				$("li#holder2").css("display","none");
			} else if($("#random2 li").length ==2) {
				$("#holder2").css("display","block");
			}
		 }
		 	
		 }); 
		 $("#random2").sortable({ 
		 	 opacity: 	0.5,
			 connectWith: ["#random1"],
			  tolerance: "pointer",   
			  items:  $("#random1 li.sort, #random2 li.sort"),
			 update:function(ev,ui){
		 	if($("#holder").css("display") == 'block') {
				$("#holder").css("display","none");
			} else if($("#random1 li").length ==2)
				{	
					$("#holder").css("display","block");
				//	$("#random1").append("<li id='holder2'>This Album has no images<br/>Click and drag images to begin.</li>");
					}	
					
				}
					
		 	});	
			*/
			
			 $("a.endAction").bind("click", function(e){
						 hideAlert("clk");	 
					 
			 });
});

function initPopupClicks() {
	$("#wrapper.my_images ul.smallPics li, #wrapper.my_images ul.midPics li img, #wrapper.my_images ul.albums li").unbind('click');
	$("#wrapper.my_images ul.smallPics li, #wrapper.my_images ul.midPics li img, #wrapper.my_images ul.albums li").click(function(){
			if($("div#popup").css('display') == 'block') {
				$("div#popup").toggle();
			}
			$("div#popup div#popupBottom .pad").empty();
			var $spanHgt = 180;
			var $spanWdth =177;
			var $xDiff = $spanWdth-$(this).outerWidth();
			
			var itemId = $(this).attr('id');
			var tmpArray = itemId.split('_');
			var type = tmpArray[0];
			var itemId = tmpArray[1];
		
			if($(this).parent().attr('class')=="albums") {
				var $yDiff = $spanHgt - $(this).height()+160;
				$xDiff = $xDiff + 20;
			} else {
				var $yDiff = $spanHgt - $(this).height();	
			}
			var $pos = $(this).offset();
			var $xx = $pos.left -$xDiff/2;
			var $yy = $pos.top - $yDiff/2;
			
			if(type == 'picture') {
/*				appendHtml = "<h3>Picture Menu</h3><img src=\"/ajax/image/picture/"+itemId+"\" alt=\"\" /><ul class=\"clearfix\"><li><a href=\"/picture/edit/" + itemId + "\">Edit</a></li><li><a href=\"/picture/view/" + itemId + "\">View</a></li><li><a href=\"/picture/download/" + itemId + "\">Download</a></li><li><a href=\"/picture/share/" + itemId + "\">Share</a></li></ul>";
*/			
				location.href='/picture/view/' + itemId;
			} else if (type == 'album') {
				appendHtml = "<h3>Album Menu</h3><img src=\"/ajax/image/album/"+itemId+"\" alt=\"\" /><ul class=\"clearfix\"><li><a href=\"/album/edit/" + itemId + "\">Edit</a></li><li><a href=\"/album/view/" + itemId + "\">View</a></li><li><a href=\"/album/download/" + itemId + "\">Download</a></li><li><a href=\"/album/share/" + itemId + "\">Share</a></li></ul>";
				$("div#popup div#popupBottom .pad").append(appendHtml);
				$("div#popup").css("top", $yy ); 
				$("div#popup").css("left",$xx);
				$("div#popup").fadeIn(300);
			}
			
		}
	);
}
function toggleRatingBox(){
	if(document.getElementById("ratingcb").checked == true){
		document.getElementById("ratingwrap").style.display = "block"; 	
	}else{
		document.getElementById("ratingwrap").style.display = "none";	
	}
}