$('#zoomimage').load(function() {

	if($('#zoomimage').attr('src').indexOf('loader.gif') < 0) {
	
    $('#zoomloader').css('display', 'none');
    $('#zoomcontainer').css('display', 'block');
	
		window.zw = $('#zoomimage').width();
		window.zh = $('#zoomimage').height();
		window.cw = $('#zoomcontainer').width();
		window.ch = $('#zoomcontainer').height();

		$('#zoomcontainer').mousemove(function(e){
		
			var mousex = e.pageX - $('#zoomcontainer').offset().left;
			var mousey = e.pageY - $('#zoomcontainer').offset().top;
		
			if(mousex > cw) mousex = cw;
			if(mousey > ch) mousex = ch;
	    
	    var offsetx = (mousey / ch) * (zh - ch);
	    var offsety = (mousex / cw) * (zw - cw);
	    
	    $('#zoomimage').css('top', -offsetx);
	    $('#zoomimage').css('left', -offsety);
		});
		
		$('#zoomcontainer').click(function(e){
			toggleZoom();
		});

		$(document).keydown(function(e){
			if(e.keyCode > 36 && e.keyCode < 41) {
			
				currentY = parseInt($('#zoomimage').css('top'));
				currentX = parseInt($('#zoomimage').css('left'));
			
				switch(e.keyCode) {
					case 37 : currentX += 10; break;
					case 38 : currentY += 10; break;
					case 39 : currentX -= 10; break;
					case 40 : currentY -= 10; break;
				}

				if(currentX > 0) currentX = 0;
				if(currentY > 0) currentY = 0;
				if(currentX < -(zw - cw)) currentX = -(zw - cw);
				if(currentY < -(zh - ch)) currentY = -(zh - ch);

				$('#zoomimage').css('left', currentX);
				$('#zoomimage').css('top', currentY);
				
				return(false);
			}

			if(e.keyCode == 13) { toggleZoom(); }
		});
	} else {
    $('#zoomimage').css('top', 0);
    $('#zoomimage').css('left', 0);
		$('#zoomcontainer').unbind('mousemove');
		$('#zoomcontainer').unbind('click');
		$(document).unbind('keydown');

    $('#zoomloader').css('display', 'none');
    $('#zoomcontainer').css('display', 'none');
	}
});

function toggleZoom(imageName) {
	if($('#zoomimage').attr('src') == imageName || imageName == undefined) {
    //$('#zoomcontainer').css('display', 'none');
		$('#zoomimage').attr('src', '/izoom3/loader.gif');
		$('#linktext').html('Click Image To Zoom In');
		$('#zoommagnify').attr('src', '/images/prodview/prodview_zoom.gif');
		
		$('#prodview_zoom_tl').attr('src', '/images/prodview/prodview_tl.gif');
		$('#prodview_zoom_tr').attr('src', '/images/prodview/prodview_tr.gif');

		$('#prodview_zoom_mid').addClass('prodview_gradient');
		$('#prodview_zoom_mid').removeClass('prodview_gradient_red');

    $('#zoomloader').css('display', 'none');
    $('#zoomcontainer').css('display', 'none');
    $('#zoomnormal').css('display', 'block');
	} else {
    //$('#zoomcontainer').css('display', 'block');
		$('#zoomimage').attr('src', imageName);
		$('#linktext').html('Click Image To Zoom Out');
		$('#zoommagnify').attr('src', '/images/prodview/prodview_zoom_out.png');

		$('#prodview_zoom_tl').attr('src', '/images/prodview/prodview_tl_red.png');
		$('#prodview_zoom_tr').attr('src', '/images/prodview/prodview_tr_red.png');
		
		$('#prodview_zoom_mid').addClass('prodview_gradient_red');
		$('#prodview_zoom_mid').removeClass('prodview_gradient');

    $('#zoomloader').css('display', 'block');
    $('#zoomcontainer').css('display', 'none');
    $('#zoomnormal').css('display', 'none');
	}

	$('#image360').attr('src', '/images/prodview/prodview_360.gif');

	$('#prodview_360_tl').attr('src', '/images/prodview/prodview_tl.gif');
	$('#prodview_360_tr').attr('src', '/images/prodview/prodview_tr.gif');
	
	$('#prodview_360_mid').addClass('prodview_gradient');
	$('#prodview_360_mid').removeClass('prodview_gradient_red');

	$('#swf360').css('visibility', 'hidden');
  $('#swf360').css('display', 'none');
}

function toggle360(swfName) {
	if($('#zoommagnify').attr('src') == '/images/prodview/prodview_zoom_out.png') {
		toggleZoom();
	}

	if($('#image360').attr('src') == '/images/prodview/prodview_360_out.gif') {
		$('#linktext360').html('Click for 360&deg;');
		$('#image360').attr('src', '/images/prodview/prodview_360.gif');
	
		$('#prodview_360_tl').attr('src', '/images/prodview/prodview_tl.gif');
		$('#prodview_360_tr').attr('src', '/images/prodview/prodview_tr.gif');
		
		$('#prodview_360_mid').addClass('prodview_gradient');
		$('#prodview_360_mid').removeClass('prodview_gradient_red');
		
		$('#swf360').css('visibility', 'hidden');
    $('#swf360').css('display', 'none');
	} else {
		$('#linktext360').html('Click for Image');
		$('#image360').attr('src', '/images/prodview/prodview_360_out.gif');
	
		$('#prodview_360_tl').attr('src', '/images/prodview/prodview_tl_red.png');
		$('#prodview_360_tr').attr('src', '/images/prodview/prodview_tr_red.png');
		
		$('#prodview_360_mid').addClass('prodview_gradient_red');
		$('#prodview_360_mid').removeClass('prodview_gradient');

		$('#swf360').css('visibility', 'visible');
    $('#swf360').css('display', 'block');
	}
}