/* jQuery Code 

$(document).ready(function() {
	$().ready(function() {
		$('#coda-slider-1').codaSlider({	        
			dynamicArrows: false,
			dynamicTabs: false,
			autoSlide: true,
	        autoSlideInterval: 3000
		});
	});
	alert('HIER');
 */
/*	
$('#slider').codaSlider({
    autoSlide: true,
    autoSlideInterval: 4000,
    autoSlideStopWhenClicked: true,        
    slideEaseDuration: 600,        
    firstPanelToLoad: 1,
    dynamicArrows: false,
    dynamicTabs: false
});

 $("#navitop").mouseenter(function() {
	 $("#ntinner").show();
	  }).mouseleave(function() {
		  $("#ntinner").hide();
	  });
 */
/*  });
 */
function picChange(id, t) {
	var text = '';
	(t) ? text = t : text = '';
	$('midBild').innerHTML = "<div class='midBildWait'>&nbsp;</div>";
	$('midBild').addClassName('midBildWait');
	$('midBild').innerHTML = "<a href='/media/artikel/"
			+ id
			+ "' rel='lightbox' title='"
			+ text
			+ "'><img src='/media/front/lupe.png' class='lupe' border=0><img src='/media/artikel/mid_"
			+ id + "' alt='" + text + "' class='radius' border='0'></a>";
	$('midBild').removeClassName('midBildWait');
}

function showHideDiv(wDiv) {
	tStyle = $(wDiv).getStyle('display');
	if (tStyle == 'none') {
		$(wDiv).appear({
			duration : 0.3
		});
	} else {
		$(wDiv).fade({
			duration : 0.2
		});
	}
}

/* ART Change */
Event.observe(document, 'dom:loaded', function() {
	/* die Farben */
	$$("a.acol").invoke("observe", "click", function() {
		Acol = this.title;
		Arad = $('ARTrad').getValue();
		Anr = $('ARTnr').getValue();
		processArtBild(Anr, Acol, Arad);
		// xHelp(helpID);
	});
	$$("a.arad").invoke("observe", "click", function() {
		Arad = this.title;
		Acol = $('ARTcol').getValue();
		Anr = $('ARTnr').getValue();
		processArtBild(Anr, Acol, Arad);
		// xHelp(helpID);
	});
	$$("a.anr").invoke("observe", "click", function() {
		Arad = $('ARTrad').getValue();
		Acol = $('ARTcol').getValue();
		Anr = this.title;
		processArtBild(Anr, Acol, Arad);
		// xHelp(helpID);
	});	
});

function processArtBild(Anr, Acol, Arad){
	var div = $('artikelbild');	
	$('ARTcol').setValue(Acol);
	$('ARTnr').setValue(Anr);
	$('ARTrad').setValue(Arad);	
	div.update("<img src='/media/artbilder/"+Anr+"_"+Acol+"_"+Arad+".jpg' height=250>");
}