// Code from http://www.quirksmode.org/
var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();
var productPreviewImg = new Array();
var productPreviewImgID = 'productPreviewImg';
var popupProductPreviewImg = new Array();
var popupProductPreviewImgID = 'popupProductPreviewImg';

window.onload = productPreviewInit;

function productPreviewInit() {
	// var arrRoundedCorners = $("div.roundCorners");
	// Da das direkte Anwenden der Methode corner() auf das Ergebnis des obigen
	// Query aus irgendeinem Grund nur das erste gefundene Element
	// abrundet, muss durch das Array iteriert werden und jedes gefundene
	// Element mit corner() abgerundet werden.

	// for(var i=0; i < arrRoundedCorners.length; i++){
	// $('#' + arrRoundedCorners[i].id).corner();
	// }

	// if (!W3CDOM) return;
	preload();

	var nav = document.getElementById('productThumbnails');
	if (nav) {
		var imgs = nav.getElementsByTagName('img');

		for ( var i = 0; i < imgs.length; i++) {
			imgs[i].onmouseover = mouseGoesOver;
			imgs[i].onmouseout = mouseGoesOut;
			// var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
			mouseOuts[i] = new Image();
			mouseOuts[i].src = imgs[i].src;
			mouseOvers[i] = new Image();
			// mouseOvers[i].src =
			// imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_act" +
			// suffix;
			imgs[i].number = i;
		}
	}
	var nav = document.getElementById('popupProductThumbnails');
	if (nav) {
		var imgs = nav.getElementsByTagName('img');

		for ( var i = 0; i < imgs.length; i++) {
			imgs[i].onmouseover = mouseGoesOver;
			imgs[i].onmouseout = mouseGoesOut;
			// var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
			mouseOuts[i] = new Image();
			mouseOuts[i].src = imgs[i].src;
			mouseOvers[i] = new Image();
			// mouseOvers[i].src =
			// imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_act" +
			// suffix;
			imgs[i].number = i;
		}
	}
} // End init

// We need to preload the images for the large product images.
// The file names come from the a hidden field in the template that is
// populated by the component class.

function preload() {
	var hiddenImgFiles = document.getElementById('productPreviewImgFiles');

	if (hiddenImgFiles) {
		var tmpString = hiddenImgFiles.value;
		var tmpProductPreviewImgFiles = tmpString.split(",");

		for ( var i = 0; i < tmpProductPreviewImgFiles.length; i++) {
			productPreviewImg[i] = new Image();
			productPreviewImg[i].src = tmpProductPreviewImgFiles[i];
		}
	}

	hiddenImgFiles = document.getElementById('popupProductPreviewImgFiles');

	if (hiddenImgFiles) {
		tmpString = hiddenImgFiles.value;
		var tmpPopupProductPreviewImgFiles = tmpString.split(",");

		for ( var i = 0; i < tmpPopupProductPreviewImgFiles.length; i++) {
			popupProductPreviewImg[i] = new Image();
			popupProductPreviewImg[i].src = tmpPopupProductPreviewImgFiles[i];
		}
	}

}

function mouseGoesOver() {
	// this.src = mouseOvers[this.number].src;

	if (document.getElementById(productPreviewImgID)) {
		document.getElementById(productPreviewImgID).src = productPreviewImg[this.number].src;
	}

	if (document.getElementById(popupProductPreviewImgID)) {
		document.getElementById(popupProductPreviewImgID).src = popupProductPreviewImg[this.number].src;
	}

} // End function mouseGoesOver

function mouseGoesOut() {
	this.src = mouseOuts[this.number].src;

} // End function mouseGoesOut

function showProductPreviewDetail() {
	var popup = new ClassDialog('popupProductPreviewDetail', new Array({
		id : 'productPreviewDetailClose',
		returnValue : false
	}));

} // End function showProductPreviewDetail

// callback of ajax
function callbackChangeProductThemebooks(response) {
	$('#themebook').html(response);

	return true;
}