/*
 * Url preview script 
 * powered by jQuery (http://www.jquery.com)
 *
 */
 
this.screenshotPreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='Image Preview' />"+ c +"</p>");								 
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};


// starting the script on page load
$(document).ready(function(){
	screenshotPreview();
	
	$('.js-calendar').each(function(){
		var $elem = $(this);
		var $input = $elem.prev();
		
		if ( ! $input.hasClass('hasDatepicker') ) {
			var options = {
				'dateFormat' : 'yy-mm-dd',
				'changeMonth' : true,
				'changeYear' : true
			};
			
			if ( $input.is('#memDOB') ) {
				options = jQuery.extend(options, {
					'yearRange' : '-90'
				});
			}
			
			$input.datepicker(options);
			
			$(this).click(function(e){
				e.preventDefault();
				$input.focus();
				return false;
			});
		}
		
	});
});