var img = '<img src="graphics/x.gif" id="tect">'

$(document).ready(function () {
	$('#galleryzone img').each(function(x,im) {
		w = $(im).attr('width');
		h = $(im).attr('height');
		var p = $(im).parent('a');		
		$(p).css({position: 'relative'});
		$(p).prepend(img);
		$('#tect').attr('id','gz'+x);
		$('#gz'+x).css({
			position: 'absolute',
			zIndex: 200,		
			left: 0,
			top: 0,
			width: w+'px', 
			height: h+'px',
			border: 0
		});
	});
	
	$('#bigimage').each(function() {	
		$('#bigimage').append(img);
		$('#tect').css({
			position: 'absolute',
			zIndex: 200,		
			left: '0px',
			top: '0px',
			width: '700px', 
			height: '799px',
			border: 0
		});		
	});
	
	$('#cornerimage').each(function() {	
		$('body').append(img);
		var ci = $('#cornerimage');
		var offset = ci.offset();
		w = ci.attr('width');
		h = ci.attr('height');		
		console.log("left: " + offset.left + ", top: " + offset.top); 
		console.log("width: " + w + ", height: " + h);				
		$('#tect').css({
			position: 'absolute',
			zIndex: 200,		
			left: offset.left+'px',
			top: offset.top+'px',
			width: w+'px', 
			height: h+'px',
			border: 0
		});		
	});	
});

