var $j = jQuery.noConflict();
$j(document).ready(function () {
		screenshotPreview();
		style = 'easeOutQuart';
		$j('.photo').hover(
			function() {
				$j(this).children('div:last').stop(false,true).animate({opacity: "0.9",top:0},{duration:200, easing: style});
			},

			function() {
				$j(this).children('div:last').stop(false,true).animate({top:-157},{duration:200, easing: style});
			}
		);
		$j("div.menu_pseudo a").click(function(){
			var ID = $j(this).attr("href");
			$j('#'+ID).slideToggle(500)
			return false;
		});
		$j(".class1 a").click(function(){
			var largePath = $j(this).attr("href");
			var largeAlt = $j(this).attr("title");
			$j("#FullImg").attr({ src: largePath, alt: largeAlt, title: largeAlt });
			return false;
		});
		$j(".class2 a").click(function(){
			var largePath = $j(this).attr("href");
			var largeAlt = $j(this).attr("title");
			$j("#FullImg").attr({ src: largePath, alt: largeAlt, title: largeAlt });
			return false;
		});
		$j(".data a").click(function(){
			var largePath = $j(this).attr("href");
			var largeAlt = $j(this).attr("title");
			alert(largePath+' :: '+largeAlt);
			$j(".data").attr({ id: 'selected'});
			//$j("#FullImg").attr({ src: largePath, alt: largeAlt, title: largeAlt });
			return false;
		});
		$j(".spec_s_link").click(function(){
			var specRel = $j(this).attr("href");
			$j(specRel).slideToggle(500)
			return false;
		});
		$j('#menu_sp').tabify();
	});
	
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 */
	$j("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$j("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");								 
		$j("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$j("#screenshot").remove();
    });	
	$j("a.screenshot").mousemove(function(e){
		$j("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
	return false;
};