// vars
var w = 350;
var h = 500;
var mydrag;
var zoomedin = false;
var zoomlinkinnerHTML;
var image = "50000-front";

function altImage (name) {
	image = name;
	if (zoomedin) { 
		$('image').src='/static/img/fcc-proglide/product/250/' + image + '.jpg'; 
		$('overlay').src='/static/img/fcc-proglide/product/overlay/' + image + '.gif'; 
	}
	else { 
		$('image').src='/static/img/fcc-proglide/product/100/' + image + '.gif'; 
		$('overlay').src='/static/img/fcc-proglide/product/overlay/' + image + '.gif'; 
	}
}

function zoomIn () {
	if (!zoomedin) {
		zoomedin = true;
		hideOverlay();
		//updateCursor();
		mydrag = new Draggable('image', {starteffect: false, reverteffect: false, endeffect: false });
		$('main-container').style.background = '#002664';
		$('image').src='/static/img/fcc-proglide/product/250/' + image + '.jpg';	
		$('zoomlink').innerHTML = 'Zoom<img src="/static/img/fcc-proglide/zoomout.gif" width="9" height="9" border="0" alt="zoom">';
		new Effect.Scale('image', 250, { scaleFromCenter: false, duration: 0.5 });
	}
}

function zoomPosition (x,y) {
	if (!zoomedin) zoomIn();
	new Effect.Move('image', {x: x, y: y, mode: 'absolute', duration: 0.5 });
}

function zoomOut () {
	if (zoomedin) {
		zoomedin = false;
		//clearCursor();
		mydrag.destroy();
		$('image').src='/static/img/fcc-proglide/product/100/' + image + '.gif';
		$('overlay').src='/static/img/fcc-proglide/product/overlay/' + image + '.gif'; 
		$('zoomlink').innerHTML = 'Zoom<img src="/static/img/fcc-proglide/zoomin.gif" width="9" height="9" border="0" alt="zoom">';
		new Effect.Scale('image', 40, { duration: 0.5 });
		new Effect.Move('image', {x: 0, y: 0, mode: 'absolute', duration: 0.5 });
		setTimeout(function () { $('main-container').style.background = ''; }, 500);
	}
}

function zoomToggle (x,y) {
	if (zoomedin) { 
		zoomOut(); 
	}
	else {
		zoomPosition (x,y);
	}
}

function updateCursor () {
	//if (zoomedin) document.body.style.cursor='move';
	//else document.body.style.cursor='pointer';
}

function clearCursor () {
	//document.body.style.cursor='auto';
}

function showOverlay () {
	if (!zoomedin) { 
		$('overlay').src='/static/img/fcc-proglide/product/overlay/' + image + '.gif';
		$('overlay').style.zIndex = "5000";
		$('container_overlay').style.display = "block";
	}
}

function hideOverlay () {
	if (!zoomedin) { 
		$('overlay').src='/static/img/fcc-proglide/product/overlay/' + image + '.gif';
		$('container_overlay').style.zIndex = "0";
		$('container_overlay').style.display = "none";
	}
}