//Scrolls the pic and backing iframe
//to center position
function lwScrollPic()
{
	var win=$(window);
	var pic=$(".lwPic");
	$(".lwPic,.lwPicFrame").css(
	{
		top:win.scrollTop()+(win.height()/2-pic.height()/2),
		left:win.scrollLeft()+(win.width()/2-pic.width()/2)
	});	
		$(".lwPicBack").css(
			{ top:win.scrollTop(),
				left:win.scrollLeft(),
				width:win.width(),
				height:win.height()				
				}
				);
};

//scrolls the background and loader while loading
function lwScrollLoader()
{
	var win=$(window);
	$(".lwPicBack").css(
			{ top:win.scrollTop(),
				left:win.scrollLeft(),
				width:win.width(),
				height:win.height()				
				}
				);
	$(".lwPicLoader").css(
		{
			top:win.scrollTop()+win.height()/2-100,
			left:win.scrollLeft()+win.width()/2-175
		});
};
function lwHidePic()
{
		$(".lwPicBack").hide();
		//set pic to blank so load event will fire if same pic clicked
		$(".lwPic").attr("src","").hide();
		$(".lwPicFrame").hide();
	$(".lwPicLoader").hide();
		$(window).unbind('scroll',lwScrollPic);
		$(window).unbind('resize',lwScrollPic);
		//unbind so clicking background while loading doesn't hide
		$(".lwPicBack").unbind('click',lwHidePic);
		
};

function lwTakeOver()
{
	
	//Init take over of LW image links
	var imgLinks=$("a[href*='binary/WindowsLiveWriter'],a[href*='binary/Windows-Live-Writer']");
	if(imgLinks.length==0)
	{
	//exit if empty
		return ;
		}
		
		//Insert our display frame
	//attach close handler
	$("body").append('<div class="lwPicBack" style="z-index:900;cursor:hand;display:none;position:absolute;background-color:black"></div>')	
	$("body").append('<div class="lwPicLoader" style="z-index:901;cursor:hand;text-align:center;display:none;position:absolute;background-color:purple;width:350px;padding:10px;height:60px;font-family:verdana;color:white">Loading Full Image<br/><img src="loader.gif"/><br/>Click here to cancel loading</div>');
	$(".lwPicBack").fadeTo(1,0.8);
	$(".lwPicLoader").click(lwHidePic);
	//insert our image frame
	//attach load handler
	$("body").append('<iframe style="z-index:901;position:absolute;display:none;border:none" class="lwPicFrame"></iframe>');
	$("body").append('<img style="z-index:902;cursor:hand;display:none;position:absolute;"  class="lwPic"/>');
	$(".lwPic").load(function(){
		//display background and prepare image
		//get the scroll range
		var win=$(window);		
		$(".lwPicFrame").width($(this).width());
		$(".lwPicFrame").height($(this).height());
		$(this).show();
		$(".lwPicFrame").show();
		lwScrollPic();
		$(window).unbind('scroll',lwScrollLoader);
		$(window).unbind('resize',lwScrollLoader);
		win.scroll(lwScrollPic);
		win.resize(lwScrollPic);
		$(".lwPicLoader").hide();
		$(".lwPicBack,.lwPic").click(lwHidePic);
	});
	
	
	//insert handler for the link
	imgLinks.click(function(event){
		event.preventDefault();
//blank page
		var win=$(window);		
		//position background
		$(".lwPicBack").css(
			{ top:win.scrollTop(),
				left:win.scrollLeft(),
				width:win.width(),
				height:win.height(),
				display:'block'
				}
				).show();
		$(".lwPicLoader").css(
		{
			top:win.scrollTop()+win.height()/2-100,
			left:win.scrollLeft()+win.width()/2-175
		}).show();
		//bind to loader scroll for window
		win.scroll(lwScrollLoader);
		win.resize(lwScrollLoader);
		//load the main image		
		$(".lwPic").attr("src",$(this).attr("href"));
	}).hover(function(){
		$(this).children("img").css(
		{
			borderStyle:'solid',
			borderWidth:'3px',
			borderColor:'purple'
		}
		);
	},function(){
	$(this).children("img").css(
		{
			borderStyle:'none'
		}
		);
	});
}