// JavaScript Document
$(document).ready(function(){
	$('img').mouseover(function(){
			alert("hi");
			if(this.id.substr(1)=='img2'){
					$('#popup-container').removeClass('hide');
					$('#popup-container').addClass('show');
					$('#popup').load('find-image.php?image='+this.name);
					$('img').mousemove(function(e){
						$('#popup-container').css('left',(e.pageX+20)+'px');
						$('#popup-container').css('top',(e.pageY-100)+'px');
					});
				}
	});
	$('img').mouseout(function(){
		$('#popup-container').removeClass('show');
		$('#popup-container').addClass('hide');
		$('#popup').html('<img src="images/loader.gif" id="popup_image"  />');
	});
	$('a').click(function(e){
		if(this.id.substr(0,3)=='cap'){
			var lft;
			e.pageX-150<=200 || e.pageX-150>=500?lft=400:lft=e.pageX-150;
			$('#add-caption').removeClass('hide');
			$('#add-caption').addClass('show');
			$('#add-caption').css('left',lft+'px');
			$('#add-caption').css('top',(e.pageY-150)+'px');
			$('#popup-caption').load('show-form.php?image_id='+this.id.substr(3));
			return false;
		}
		if(this.id.substr(0,4)=='edit'){
			var lft;
			e.pageX-150<=200 || e.pageX-150>=500?lft=400:lft=e.pageX-150;
			$('#add-caption').removeClass('hide');
			$('#add-caption').addClass('show');
			$('#add-caption').css('left',lft+'px');
			$('#add-caption').css('width',408+'px');
			$('#shadow').css('width',404+'px');
			$('#popup-caption').css('width',402+'px');
			$('#add-caption').css('top',(e.pageY-150)+'px');
			$('#popup-caption').load('update-images-form.php?image_id='+this.id.substr(4));
			return false;
		}
	});
	
});

function close1(){
		$('#add-caption').removeClass('show');
		$('#add-caption').addClass('hide');
		$('#popup-caption').html('<img src="images/loader.gif" id="popup_image" height="302" width="302" />')
		return false;
	}
