// --------------------------------------------------
// Funktionen zum Image-Swapping
// --------------------------------------------------

function imgOver(imgName) {
	if (document.images && imagesLoaded) {
		document.images[imgName].src = images[imgName + "_1"].src;
	}
}

function imgOut(imgName) {
	if (document.images && imagesLoaded) {
		document.images[imgName].src = images[imgName + "_0"].src;
	}
}

// Articles
var currentArticleIndex = 0; // Overwritten by server-side generated javascript (wintercrea_products extension, articlesAction())
var currentThumbnail = null;

function showArticle(index)
{
	article = articles[index];
	if(article) {

		// Preview image
		$('#preview_image').attr('src', article['preview_image']);

		// Download-Links 1
		var links = new Array('link_farbmuster_3x3','link_farbmuster_10x10', 'link_designs');
		for(var i=0; i < links.length; i++) {
			var id  = '#' + links[i];
			var key = links[i];
			if(article[key] != '') {
				$('#downloads-1').css('display', 'block');
				$(id).css('display', 'inline');
				$(id).attr('href', article[key]);
			} else {
				$(id).css('display', 'none');
			}
		}

		// Download-Links 2
		var links = new Array('link_datenblatt', 'link_instructions');
		for(var i=0; i < links.length; i++) {
			var id  = '#' + links[i];
			var key = links[i];
			if(article[key] != '') {
				$('#downloads-2').css('display', 'block');
				$(id).css('display', 'inline');
				$(id).attr('href', article[key]);
			} else {
				$(id).css('display', 'none');
			}
		}

		// Verwendungszweck
		var fields = new Array('geringe_beanspruchung','normale_beanspruchung','starke_beanspruchung','flammhemmend');
		var display = 'none';
		for(var i=0; i < fields.length; i++) {
			var id  = '#verwendung-' + (i+1);
			var key = fields[i];
			if(article[key] != '0') {
				display = 'block';
				$(id).css('display', 'inline');
				$(id).attr('src', 'typo3conf/ext/wintercrea_products/res/produkte/verwendung-' + (i+1) + '.gif');
			} else {
				$(id).css('display', 'none');
				$(id).attr('src', 'typo3conf/ext/wintercrea_products/res/produkte/verwendung-dummy.gif');
			}
		}
		$('#verwendungszweck').css('display', display);

		// Bestell-Links
		var links = new Array('farbmuster_bestellen','farbkarte_bestellen','kollektion_bestellen');
		for(var i=0; i < links.length; i++) {
			var id  = '#id_' + links[i];
			var href = 'url_' + links[i];
			if(article[href] != '') {
				$(id).css('display', 'block');
				$(id).attr('href', article[href]);
			} else {
				$(id).css('display', 'none');
			}
		}

		// Eigenschaften
		var eigenschaften = new Array("farbe","gewicht","rollenlaenge","breite","dicke","hautgroesse","lichtechtheit","reibechtheit_trocken","reibechtheit_nass","martindale","materialoberflaeche","traeger","gesamtzusammensetzung","zusatz_ausruestung","spez_eigenschaften","brandklassifizierung","lieferanten_nr","ursprungsland","auslaufjahr");
		for(var i=0; i < eigenschaften.length; i++) {
			var idRow = '#row-feature-' + eigenschaften[i];
			var idData = '#feature-' + eigenschaften[i];
			var key = eigenschaften[i];
			if(article[key] != '') {
				$(idRow).css('display', 'inline');
				$(idData).html(article[key]);
			} else {
				$(idRow).css('display', 'none');
			}
		}

		// Artikel-Code
		//$('#data_article_code').html(article['artikel_nr'] + ' ' + article['farbe']);
		$('#data_article_code').html(article['article_name']);

	}

}


/**
 * Wird vom onmouseout-Eventhandler aufgerufen
 */
function showCurrentArticle()
{
	var thumbnail = document.getElementById('thumbnail_index_' + currentArticleIndex); // To set initial thumbnail icon
	if(thumbnail) {
		setCurrentArticle(currentArticleIndex, thumbnail);
		showArticle(currentArticleIndex);
	}
}

/**
 * Wird vom onclick-Eventhandler aufgerufen
 */
function setCurrentArticle(index, thumbnail)
{
	if(thumbnail) {
		if(currentThumbnail != null) {
			currentThumbnail.className = "";
			currentThumbnail.parentNode.className = "";
		}
		currentArticleIndex = index;
		thumbnail.className = "active";
		currentThumbnail = thumbnail;

		thumbnail.parentNode.className = "active";

		article = articles[index];
		document.cookie = "article-" + article['cookie_key'] + "=" + index + "; path=/";
	}
}

/**
 * Einfache Hilfsmethode
 */
function getElement(id)
{
	return document.getElementById(id);
}

/**
 * Wird nach dem Laden der Seite ausgefuehrt
 */
function initArticles()
{
	if(typeof(articles) !== 'undefined') {
		$('#loading').css('display', 'none');
		$('#loading-finished').css('display', 'block');
		showCurrentArticle();
	}
}