/*
 * Tooltip 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.tooltip = function(){	
	/* CONFIG */		
		xOffset = 10;
		yOffset = 20;		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result		
	/* END CONFIG */		
	$("a.tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	$("a.tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};



// starting the script on page load
$(document).ready(function(){
	tooltip();
});

/*
 * Url 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.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='url 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();
});

/*
 * Scroll to top 
 * powered by jQuery (http://www.jquery.com)
 * 
 */

$(function(){

    $('a[href*=#]').click(function() {
    
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        && location.hostname == this.hostname) {
        
            var $target = $(this.hash);
            
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            
            if ($target.length) {
            
                var targetOffset = $target.offset().top;
                
                $('html,body').animate({scrollTop: targetOffset}, 1000);
                    
                return false;
                
            }
            
        }
        
    });
    
});

/*
 * Search focus
 *
 */
$(document).ready(function() {
				
				$('.too-plain').focus(function() {
		
					if($(this).val() == "Enter your email here")
						$(this).val('');
		
				}).blur(function() {
		
					if($(this).val() == "")
						$(this).val('Enter your email here');
		
				});
				
				$('.username-label, .password-label').animate({ opacity: "0.4" })
					.click(function() {
						var thisFor	= $(this).attr('for');
						$('.'+thisFor).focus();
				});
			
				$('.username').focus(function() {
				
					$('.username-label').animate({ opacity: "0" }, "fast");
				
						if($(this).val() == "username")
							$(this).val() == "";
		
					}).blur(function() {
				
						if($(this).val() == "") {
							$(this).val() == "username";
							$('.username-label').animate({ opacity: "0.4" }, "fast");
						}
					});
			
				$('.password').focus(function() {
				
					$('.password-label').animate({ opacity: "0" }, "fast");
				
						if($(this).val() == "password") {
							$(this).val() == "";
						}
					}).blur(function() {
				
						if($(this).val() == "") {
							$(this).val() == "password";
							$('.password-label').animate({ opacity: "0.4" }, "fast");
						}
				});
				
				$('.username-label-sliding, .password-label-sliding').animate({ opacity: "0.4" })
					.click(function() {
						var thisFor	= $(this).attr('for');
						$('.'+thisFor).focus();
				});
			
				$('.username-sliding').focus(function() {
				
					$('.username-label-sliding').animate({ marginLeft: "7em" }, "fast");
				
						if($(this).val() == "username")
							$(this).val() == "";
		
					}).blur(function() {
				
						if($(this).val() == "") {
							$(this).val() == "username";
							$('.username-label-sliding').animate({ marginLeft: "12px" }, "fast");
						}
					});
			
				$('.password-sliding').focus(function() {
				
					$('.password-label-sliding').animate({ marginLeft: "7em" }, "fast");
				
						if($(this).val() == "password") {
							$(this).val() == "";
						}
					}).blur(function() {
				
						if($(this).val() == "") {
							$(this).val() == "password";
							$('.password-label-sliding').animate({ marginLeft: "12px" }, "fast");
						}
				});
				
			});
			

