ÿþ
//
//
// neues fenster öffnen
function shop_popup(adr,h,w) {
	var ziel = 'popup';
	
 	xx = (screen.width-w)/2;
 	yy = (screen.height-h)/2;
 	if(cx_win = window.open(adr,ziel,"left="+xx+",top="+yy+",screenX="+xx+",screenY="+yy+",width="+w+",height="+h+",toolbar=no,status=no,scrollbars=yes,resizable=yes"))
 	{
	 	cx_win.window.moveTo(xx,yy);
		cx_win.focus();
	} else {
		return true;	
	}
	
	return false;
}

currentcolorid = 0;
cmfaktor = 6.75;
function setAmpel(type,dpi)
{

	ids = new Array('gruen_'+type,'gelb_'+type,'rot_'+type);
	imgs = new Array('grau.gif','gruen.gif','gelb.gif','rot.gif');
	
	colorid = 0;
	if (dpi <= 75) colorid = 3;
	else
	if (dpi >= 150) colorid = 1;
	else
		colorid = 2;
	
	//document.getElementById('inch').value = dpi+'--'+colorid;
	
	if (currentcolorid != colorid)
		for(i=0;i<ids.length;i++){
			document.getElementById(ids[i]).src = '/images/konfigurator/grau.gif';
		}
	currentcolorid = colorid;
	if (colorid-1 > -1)
		document.getElementById(ids[colorid-1]).src = '/images/konfigurator/'+imgs[colorid];

	setAmpelText( 'einzeln', colorid );
}

function setAmpelText( welche, colorid )
{
	//colors = new Array('#aaaaaa','#33cc00','#fae30f','#ff0000');
	colors	= new Array('#aaaaaa','#33cc00','#000000','#ff0000');
	farbe		= new Array('rot','gelb','gruen');
	seite		= new Array('vorne','hinten');
	
	rot      = false;
	gelb     = false;
	gruen    = false;
	obj		= document.getElementById('message');

	if( welche == 'mehrere' ) {
		if (obj) {
			for(f=0;f<=2;f++) {
				for(s=0;s<=1;s++) {
			      cnt	= 0;
				   id    = farbe[f]+"_"+seite[s]+"_"+cnt;
				   ampel	= document.getElementById(id);

				   if( ampel ) {
					   while( ampel ) {
					   	img	= ampel.src;
					   	del	= img.lastIndexOf("/") + 1;

					   	switch( img.substr(del, img.length) ) {
								case 'rot.gif':	rot      = true;
							   	               break;
							   case 'gelb.gif':	gelb     = true;
							   	               break;
							   case 'gruen.gif':	gruen    = true;
							   	               break;
					   	}

					   	cnt++;
					   	id    = farbe[f]+"_"+seite[s]+"_"+cnt;
					   	ampel	= document.getElementById(id);
					   }
					}
				}
			}
		}

		if( rot == true ) {
			obj.innerHTML = '<label style="color: #ff0000;"  style="float: left"><input type="checkbox" id="bildqualicheck" style="float: left"> <div style="float: left; width: 550px"> Die von Ihnen hochgeladene Bilddatei ergibt zusammen mit der eingestellten Bildgröße eine nicht optimale Druckqualität. Dies wird durch die gelbe oder rote "Qualitätsampel" unter dem Bild angezeigt. Wir empfehlen Ihnen entweder das Bild im Entwurf, mit dem Schieberegler unter dem Bild, zu verkleinern, oder eine andere Bilddatei hochzuladen. <br/><br/> Sie können auch mit dem von Ihnen eingestellten Design fortfahren, allerdings möchten wir hiervon deutlich abraten, da die Qualität Ihres myOrdner nicht optimal sein wird. <br/><br/> Sollten Sie fortfahren wollen, ohne die Bilddaten zu verändern oder zu korrigieren, bestätigen Sie bitte, dass Sie den Warnhinweis gelesen haben indem Sie in das Feld vor dem Warnhinweis klicken. </div>   </label>';
			obj.innerHTML += '<br style="clear: both"/>';
			obj.style.color = colors[0];
		} else if ( gelb == true ) {
			obj.innerHTML = '<label style="color: #000000;"  style="float: left"><input type="checkbox" id="bildqualicheck" style="float: left"> <div style="float: left; width: 550px"> Die von Ihnen hochgeladene Bilddatei ergibt zusammen mit der eingestellten Bildgröße eine nicht optimale Druckqualität. Dies wird durch die gelbe oder rote "Qualitätsampel" unter dem Bild angezeigt. Wir empfehlen Ihnen entweder das Bild im Entwurf, mit dem Schieberegler unter dem Bild, zu verkleinern, oder eine andere Bilddatei hochzuladen. <br/><br/> Sie können auch mit dem von Ihnen eingestellten Design fortfahren, allerdings möchten wir hiervon deutlich abraten, da die Qualität Ihres myOrdner nicht optimal sein wird. <br/><br/> Sollten Sie fortfahren wollen, ohne die Bilddaten zu verändern oder zu korrigieren, bestätigen Sie bitte, dass Sie den Warnhinweis gelesen haben indem Sie in das Feld vor dem Warnhinweis klicken. </div>   </label>';
			obj.innerHTML += '<br style="clear: both"/>';
			obj.style.color = colors[2];
		} else if ( gruen == true ) {
			obj.innerHTML = 'Die Bildqualität ist gut.';
			obj.innerHTML += '<br style="clear: both"/>';
			obj.style.color = colors[1];
		}
	} else {
		if (colorid == 1) {
			obj.innerHTML = 'Die Bildqualität ist gut.';
		}
		else if (colorid == 2) {
			obj.innerHTML = '<label style="color: #000000;"  style="float: left"><input type="checkbox" id="bildqualicheck" style="float: left"> <div style="float: left; width: 550px"> Die von Ihnen hochgeladene Bilddatei ergibt zusammen mit der eingestellten Bildgröße eine nicht optimale Druckqualität. Dies wird durch die gelbe oder rote "Qualitätsampel" unter dem Bild angezeigt. Wir empfehlen Ihnen entweder das Bild im Entwurf, mit dem Schieberegler unter dem Bild, zu verkleinern, oder eine andere Bilddatei hochzuladen. <br/><br/> Sie können auch mit dem von Ihnen eingestellten Design fortfahren, allerdings möchten wir hiervon deutlich abraten, da die Qualität Ihres myOrdner nicht optimal sein wird. <br/><br/> Sollten Sie fortfahren wollen, ohne die Bilddaten zu verändern oder zu korrigieren, bestätigen Sie bitte, dass Sie den Warnhinweis gelesen haben indem Sie in das Feld vor dem Warnhinweis klicken. </div>   </label>';
		}
		else {
			obj.innerHTML = '<label style="color: #ff0000;"  style="float: left"><input type="checkbox" id="bildqualicheck" style="float: left"> <div style="float: left; width: 550px"> Die von Ihnen hochgeladene Bilddatei ergibt zusammen mit der eingestellten Bildgröße eine nicht optimale Druckqualität. Dies wird durch die gelbe oder rote "Qualitätsampel" unter dem Bild angezeigt. Wir empfehlen Ihnen entweder das Bild im Entwurf, mit dem Schieberegler unter dem Bild, zu verkleinern, oder eine andere Bilddatei hochzuladen. <br/><br/> Sie können auch mit dem von Ihnen eingestellten Design fortfahren, allerdings möchten wir hiervon deutlich abraten, da die Qualität Ihres myOrdner nicht optimal sein wird. <br/><br/> Sollten Sie fortfahren wollen, ohne die Bilddaten zu verändern oder zu korrigieren, bestätigen Sie bitte, dass Sie den Warnhinweis gelesen haben indem Sie in das Feld vor dem Warnhinweis klicken. </div>   </label>';
		}

		obj.innerHTML += '<br style="clear: both"/>';
		obj.style.color = colors[colorid];
	}
}


function showAmpelInfo(ref)
{
	obj = document.getElementById(ref);
	obj.innerHTML = 'Die Ampel zeigt Ihnen an, in welcher Qualität wir Ihre Bilder (abhängig von deren Auflösung und Skalierung) drucken können.';
	obj.style.display = 'inline';
	obj.style.position = 'absolute';
	obj.style.marginTop = '10px';
	obj.style.marginLeft = '10px';
}

function hideAmpelInfo(ref)
{
	obj = document.getElementById(ref);
	obj.style.display = 'none';
}

function checkBrowser()
{
	return true;
	ie_ok = true;
	if (navigator.appVersion.indexOf('MSIE') > -1){
		
		pos1 = navigator.appVersion.indexOf('MSIE');
		pos1+= 5;
		
		str = navigator.appVersion.substr(pos1,3);
		ver = parseFloat(str);
		
		if (ver <= 6){
			ie_ok = false;
		}
	}
		
	browser = (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) || 	((navigator.appName == "Microsoft Internet Explorer") && 
	(parseInt(navigator.appVersion) >= 4 )))
	if (browser && !ie_ok) {
		alert("Ihr Browser ist für diese Anwendung zu alt.\nDie Inhalte können daher nicht korrekt dargestellt werden. \nBitte verwenden Sie einen Browser neuerer Generation.\nVielen Dank für Ihr Verständnis.");
		document.location.href="/";
	}
}

function openinfobox(ref)
{
	obj = $('infohelper');
	obj.style.display = 'inline';
	obj.style.position = 'absolute';
	obj.style.top = '-180px';
	obj.style.left = '-515px';
}
	
/* *****************************************************************************
 * MOUSE-OVER MITTELS CLASSE MOUVEOVER
 * *****************************************************************************/	
function mouseReplace( element, mode ) {

	if ( element.src ) {
		if ( mode == 'out' ) {
			element.src = element.src.replace(/1\.gif$/, "0.gif");
			element.src = element.src.replace(/1\.jpg$/, "0.jpg");			
		} else {
			element.src = element.src.replace(/0\.gif$/, "1.gif");
			element.src = element.src.replace(/0\.jpg$/, "1.jpg");
		}
		
	} else {
		var elements = $( element ).getElementsByClassName('mouseover'); 		
		for( var i=0; i<elements.length; i++ ) { 
			mouseReplace( elements[i], mode );				
		}	
	}
	
}

function mouseMove( event ) {
	var element = Event.element(event);	
	mouseReplace( element, 'move' );
}

function mouseOut( event ) {
	var element = Event.element(event);	
	mouseReplace( element, 'out' );
}

function initialisiereMouseEffects() { 		
	var elements = $( 'body' ).getElementsByClassName('mouseover'); 		
	for( var i=0; i<elements.length; i++ ) { 			
		
		Event.observe( elements[i], 'mousemove', mouseMove);
		Event.observe( elements[i], 'mouseout', mouseOut); 
		
		if ( elements[i].src ) { 			
			src = elements[i].src;
			
			// preload
			image = new Image(); 				
			image.src = elements[i].src.replace(/[0-1]{1}\.(.{3,4})$/, "1."+RegExp.$1); 				
		} 			
	} 		
}
Event.observe(window, 'load', initialisiereMouseEffects);
 	ÿþ