var slideTime = 2.0;
var splitWidth = 950;
var splitHeight = 674;

var splitDim = null;
var splitOffset = null;
var mouseCords = new Object();
var slideMode = '';
var slider = null;


function setMouseCords(e) {
	mouseCords.x = Event.pointerX(e);
	mouseCords.y = Event.pointerY(e);

}

function setSplitOffset() {
	splitOffset = $('splitcontainer').cumulativeOffset();
}


function slide(side) {

	if (side == 'running' && slideMode != 'running') {
		if (slider != null) {slider.cancel()};
		slider = new Effect.Morph('slider', {style: 'width:'+splitWidth+'px;', duration: slideTime });
	}
	if (side == 'jewellery' && slideMode != 'jewellery') {
		if (slider != null) {slider.cancel()};
		slider = new Effect.Morph('slider', {style: 'width:0px;', duration: slideTime });
	}
	if (side == 'off' && slideMode != 'off') {
		if (slider != null) {slider.cancel()};
		slider = new Effect.Morph('slider', {style: 'width:'+(splitWidth/2)+'px;', duration: slideTime });
	}
	slideMode = side;
}


function splitLoader(site) {

	var url = '/home/splitloader/' + site;
	new Ajax.Updater('bgloader',url,{evalScripts:true, onComplete:splitTransition});

	//splitTransition();
}

function splitTransition() {
	$('splitwrapper').fade({ duration: 2.0});

}



function main(e) {
	//if we are in the running region
	if ( (mouseCords.x > splitOffset.left)
			&& (mouseCords.x < (splitOffset.left + splitWidth/2))
				&& (mouseCords.y > splitOffset.top)
					&& (mouseCords.y < (splitOffset.top + splitHeight))
	) {
		slide('running');
		return true;
	}

	//if we are in the jewellery region
	if ( (mouseCords.x > (splitOffset.left + splitWidth/2))
			&& (mouseCords.x < (splitOffset.left + splitWidth))
				&& (mouseCords.y > splitOffset.top)
					&& (mouseCords.y < (splitOffset.top + splitHeight))
	) {
		slide('jewellery');
		return true;
	}
	//center it if not already
	if ($('slider').style.width != splitWidth/2) {
		slide('off');
		return false;
	}
}


function initSlide() {
	setSplitOffset();
	Event.observe(document, 'mousemove', setMouseCords);
	Event.observe(document, 'mousemove', main);

}