/* htdocs/dpsweb/stdProductEnlarge.js
   Copyright (c) 2009, Decorative Product Source, Inc.
   $Id: stdProductEnlarge.js,v 1.2 2009/09/04 19:29:49 dferruggia Exp $ */

var displayedIndex = -1;
var newImage;
var hiddenArrow = '';
var showImages = [];

function boxenlarge(which) {

// Navigate left and right, or initialize the view
	if (which == 'Next') {
		if (displayedIndex<0) {
			displayedIndex = 0;
		} else if (displayedIndex == showImages.length - 1) {
			displayedIndex = 0;
		} else {
			displayedIndex = displayedIndex + 1;
		}
	} else if (which == 'Prev') {
		if (displayedIndex<0) {
			displayedIndex = 0;
		} else if (displayedIndex == 0) {
			displayedIndex = showImages.length - 1;
		} else {
			displayedIndex = displayedIndex - 1;
		}
	} else if (which == 'Huge' && myImage.Huge.length >= 0) {
		boxenlargeReorder('Huge','Room');
		if (window._s_itt && !window.track_huge) {
			track_huge = createITT();
			track_huge.DOCUMENTGROUP = "Product EnlargeImage";
			track_huge.submit();
		}
		displayedIndex = 0;
	} else if (which == 'Room' && myImage.Room.length >= 0) {
		boxenlargeReorder('Room','Huge');
		if (window._s_itt && !window.track_huge) {
			track_room = createITT();
			track_room.DOCUMENTGROUP = "Product RoomView";
			track_room.submit();
		}
		displayedIndex = 0;
	}
// Fail-safe
	if (showImages.length <= 0) {
		boxenlargeReorder('Huge','Room');
	}

// Hide and display the arrows as necessary
	if (displayedIndex == 0 && document.getElementById("prevImg").style.visibility != "hidden") {
		jQuery("#prevImg").fadeTo(arrowSpeed,0).css("visibility","hidden");
	}
	if (displayedIndex == showImages.length - 1 && document.getElementById("nextImg").style.visibility != "hidden") {
		jQuery("#nextImg").fadeTo(arrowSpeed,0).css("visibility","hidden");
	}
	if (displayedIndex > 0 && document.getElementById("prevImg").style.visibility == "hidden") {
		jQuery("#prevImg").css("visibility","visible").fadeTo(arrowSpeed,arrowFade);
	}
	if (displayedIndex < showImages.length - 1 && document.getElementById("nextImg").style.visibility == "hidden") {
		jQuery("#nextImg").css("visibility","visible").fadeTo(arrowSpeed,arrowFade);
	}

	boxenlargeSwap();

	return false;
}	

// Set the showImages array to show images from whatever link was clicked on first.
function boxenlargeReorder (first,second) {
	showImages = myImage[first].concat(myImage[second]);
}

// Crossfade the images
function boxenlargeSwap () {
	document.getElementById(imgInactive).style.backgroundImage = "url(" + showImages[displayedIndex] + ")";
	var t = imgInactive;
	imgInactive = imgActive;
	imgActive = t;
	jQuery('#' + imgActive).fadeTo(1,1);
	jQuery('#' + imgInactive).fadeTo(1,0);
}

// Close the enlarge window entirely
function boxenlargeHide () {
	jQuery('#boxenlarge').hide();
	jQuery('#' + imgActive).fadeTo(1,0);
	return false;
}