var $j = jQuery.noConflict();
var showing = false;
var showtimer = null;
var showoverlnk = false;
var showover = false;

var hoverPreview = function(){	
	/* CONFIG */

	xOffset = -150;
	yOffset = 20;

	// these 2 variable determine popup's distance from the cursor
	// you might want to adjust to get the right result

	/* END CONFIG */
	$j('a.hover-preview-link').mouseover(function(e){
		//$j('#hover-preview').remove();
		var src = $j(this).find('img').attr('src');
		var nm = $j(this).attr('name');
		var iid = $j(this).attr('id');
		var cont = '<div class="hover-preview-cont">';
		cont += '<img src="'+ src +'" alt="Hover preview" />';
		cont += printHoverPreviewTxt(nm);
		cont += '</div>';
		var arr = '<div class="hover-preview-arr '+iid+'">';
		arr += '<img src="/wp-content/uploads/2011/05/dsthlm-hover-preview-arrow.png" alt="arr" />';
		arr += '</div>';
		if(!showing){
			$j('body').append('<div id="hover-preview"><div class="hover-preview-wrapper"><div class="hover-preview-wrap">'+cont+arr+'</div></div></div>');//cls+
			setupEnterLeave();
			$j('#hover-preview').fadeIn('fast');
			showtimer = setTimeout("checkClose()",1000);
			showing=true;
		}else{
			$j('.hover-preview-wrap').html(cont+arr);//+cls
		}
			showoverlnk = true;
		});
		$j('a.hover-preview-link').mouseout(function(){
			showoverlnk = false;
			showtimer = setTimeout("checkClose()",1000);
		});
	}

	function setupEnterLeave(){
		$j('.hover-preview-wrap').mouseover(function(){
			showover = true;
		});
		$j('.hover-preview-wrap').mouseout(function(){
			showover = false;
			showtimer = setTimeout("checkClose()",1000);
		});
	}

	function checkClose() {
		if(!showoverlnk&&!showover){
			clearTimeout(showtimer);
			$j('#hover-preview').remove();
			showing=false;
		}
	}

	function printHoverPreviewTxt(nm){
		var ret = '';
		if(nm == 'facebook'){
			ret += '<p class="top-row"><a href="#" class="fb-like-win-lnk" onClick="fbLikeShow(true);">Gilla oss</a></p>';
			ret += '<p><a href="http://www.facebook.com/pages/Deluxe-Stockholm/176623212377430?sk=wall" target="_blank">Besök vår sida</a></p>';
		}else if(nm == 'twitter'){
			ret += '<p class="top-row"><a href="http://twitter.com/#!/DeluxeStockholm" target="_blank">Följ oss</a></p>';
			ret += '<p><a href="http://twitter.com/share?_=1304935993296&count=horizontal&original_referer=http%3A%2F%2Fwww.deluxestockholm.com%2F&text=Jag+tänkte+bara+vara+snäll+och+tipsa+om+Deluxe+Stockholm&url=http%3A%2F%2Fwww.deluxestockholm.com%2F" target="_blank">Twittra om oss</a></p>';
		}else if(nm == 'linked-in'){
			ret += '<p class="top-row"><a href="http://www.linkedin.com/profile/view?locale=&id=14620407&authType=name&authToken=keI3" target="_blank">Lägg till Adam</a></p>';
			ret += '<p><a href="http://www.linkedin.com/profile/view?id=28476580&authType=name&authToken=MNnN&trk=tyah" target="_blank">Lägg till Caroline</a></p>';
		}
		return ret;
	}
	
	function fbLikeShow(val){
		if(val){
			$j('#fb-like-win-wrp').fadeIn(300);
		}else{
			$j('#fb-like-win-wrp').fadeOut(300);
		}
	}

	// starting the script on page load
	$j(document).ready(function(){
		hoverPreview();
	});