/*
			 * Image preview script
			 * powered by jQuery (http://www.jquery.com)
			 *
			 * written by Alen Grakalic (http://cssglobe.com)
			 *
			 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
			 *
			 */

			this.imagePreview = 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 */
				$(".portfolio ul li a").hover(function(e){
					this.t = this.title;
					this.title = "";
					var c = (this.t != "") ? "<br/>" + this.t : "";
					$("body").append("<p id='preview'><img src='"+ this.rel +"' alt='Image preview' />"+ c +"</p>");
					$("#preview")
						.css("top",(e.pageY - xOffset) + "px")
						.css("left",(e.pageX + yOffset) + "px")
						.fadeIn("fast");
				},
					function(){
						this.title = this.t;
						$("#preview").remove();
				});
				$(".portfolio ul li a").mousemove(function(e){
					$("#preview")
						.css("top",(e.pageY - xOffset) + "px")
						.css("left",(e.pageX + yOffset) + "px");
				});
			};

			// starting the script on page load
			$(document).ready(function(){

				imagePreview();

				$(".portfolio ul li a").fancybox({
					'zoomSpeedIn':		300,
					'zoomSpeedOut':	300,
					'imageScale':		false,
					'centerOnScroll': 	false
				});
				
				$(".mail a").fancybox({
					'zoomSpeedIn':		300,
					'zoomSpeedOut':	300,
					'hideOnContentClick': false,
					'frameWidth':		260,
					'frameHeight':		400
				});
				
			});