// JavaScript Document
var timeron = 0;
var timer;
var ob;
var width;

jQuery(document).ready(function($) {
	width=$('#before-after').width();
	$('#before-after-pic-2').css({left:width/2,width:width/2}).children('img:first').css({position: 'absolute', right: 0, height:425, width:420});
	$('#before-after-line').css({left:width/2-33});
	$('#before-after-hit').mousemove(function(e) {
		if (timeron == 0) {
			timeron = 1;
			ob=e;
			if (window.moveLine) {
				timer = setTimeout("moveLine()", 20);
			}
		}
	});
});

function moveLine() {
	e = ob;
	var x = e.pageX-jQuery('#content-left').offset.left;
	var x = jQuery('#content-left').offset();
	x = e.pageX - x.left;
	if (x < 50) x = 50;
	if (x > 370) x = 370;
	jQuery('#before-after-pic-2').css({left:x,width:width-x})
	jQuery('#before-after-line').css({left:x-33});
	timeron=0;
}