/* slim base js. used at home, kategorie and motiv page */
/* file has no prototype support */
function $(elem)
{
	return document.getElementById(elem);
}
function gotoForNavHor(link,level){
	if(actualLevel < level){
	actualLevel = level;
	document.location = link;
	}
}
function goto(link)
{
	document.location = link;
}
function getCookie(name, fuzzy)
{
	if(fuzzy == null)
	{
		fuzzy = false;
	}
	
	var cName, separator, cookies = document.cookie.split(';');
	for(var i = 0; i < cookies.length; i++)
	{
		separator = cookies[i].indexOf('=');
		cName = cookies[i].substr(0, separator);
		if(	(fuzzy && cName.indexOf(name) != -1)
			||(!fuzzy && cName == name)
		)
		{
			return cookies[i].substr(separator+1);
		}
	}
	return false;
}
//use browser sniffing to determine if IE or Opera (ugly, but required)
var isOpera, isIE = false;
if(typeof(window.opera) != 'undefined'){
	isOpera = true;
}
if(!isOpera && navigator.userAgent.indexOf('Internet Explorer')){
	isIE = true;
}
//fix both IE and Opera (adjust when they implement this method properly)
if(isOpera || isIE){
	document.nativeGetElementById = document.getElementById;
	//redefine it!1
	document.getElementById = function(id){
		var elem = document.nativeGetElementById(id);
		if(elem){
	    	//verify it is a valid match!
			if(elem.id == id){
				//valid match!
				return elem;
			} else {
				//not a valid match!
				//the non-standard, document.all array has keys for all name'd, and id'd elements
				//start at one, because we know the first match, is wrong!
				for(var i=1;i<document.all[id].length;i++){
					if(document.all[id][i].id == id){
						return document.all[id][i];
					}
				}
			}
		}
		return null;
	};
}
function switchSrc(elem, img){
	elem.src = img;
}
var atsynonym  = '.23.';  // für das @
var dotsynonym = '!_&_!'; // für Punkt
function decodeString(myEncStr) {
	var tmp;
	tmp = myEncStr.replace( eval("/" + atsynonym + "/"), '@');
	tmp = tmp.replace( eval("/" + dotsynonym + "/g"), '.');
	return(tmp);
}
function openLink(myEncStr) {
  var decStr	= decodeString(myEncStr);
  location.href = "mailto:" + decStr;
}
function printLink(myEncStr) {
  var decStr = decodeString(myEncStr);
  document.write( decStr );
}
function changeClassName(id, newclass){
	$(id).className = newclass;
}

/* preview stuff begin */

function toggleGlossyPreview()
{	
	if($('preview_glossy').style.display == 'inline')
	{
		$('preview_glossy').style.display = 'none';
		$('preview_glossy_button').style.border = '1px solid #503017';
	}
	else
	{	
		$('preview_glossy').style.left	= '0px';
		if(previewData['geoType'] == 'portrait')
		{
			if(previewData['showing'] == 'inner')
			{
				$('preview_glossy').style.top		= '16px';
				$('preview_glossy').style.left		= '3px';
				$('preview_glossy').src				= previewData['rootUrl'] + 'images/all/cat_preview/glossy-p-inner.png';
				$('preview_glossy').style.display	= 'inline';
			}
			else
			{
				$('preview_glossy').style.top		= '23px';
				$('preview_glossy').style.left		= '105px';
				$('preview_glossy').src				= previewData['rootUrl'] + 'images/all/cat_preview/glossy-p.png';
				$('preview_glossy').style.display	= 'inline';
			}
		}
		else if(previewData['geoType'] == 'squared')
		{
			if(previewData['showing'] == 'inner')
			{
				$('preview_glossy').style.top		= '15px';
				$('preview_glossy').style.left		= '0px';
				$('preview_glossy').src				= previewData['rootUrl'] + 'images/all/cat_preview/glossy-s-inner.png';
				$('preview_glossy').style.display	= 'inline';
			}
			else
			{	
				$('preview_glossy').style.top		= '23px';
				$('preview_glossy').style.left		= '17px';
				$('preview_glossy').src				= previewData['rootUrl'] + 'images/all/cat_preview/glossy-s.png';
				$('preview_glossy').style.display	= 'inline';
			}
		}
		else		//landscape
		{
			if(previewData['showing'] == 'inner')
			{
				$('preview_glossy').style.top		= '16px';
				$('preview_glossy').style.left		= '4px';
				$('preview_glossy').src				= previewData['rootUrl'] + 'images/all/cat_preview/glossy-l-inner.png';
				$('preview_glossy').style.display	= 'inline';
			}
			else
			{
				$('preview_glossy').style.top		= '16px';
				$('preview_glossy').style.left		= '4px';
				$('preview_glossy').src				= previewData['rootUrl'] + 'images/all/cat_preview/glossy-l.png';
				$('preview_glossy').style.display	= 'inline';
			}
		}
		
		$('preview_glossy_button').style.border = '2px solid #503017';
	}
}

function switchPreviewPic(toShow)
{
	resetPreviewWindow();
	$('preview_shadow_bottom1').style.left	= '0px';
	$('preview_shadow_bottom1').style.top	= '11px';
	switch(toShow)
	{
		case 'front'	:	if(previewData['geoType'] == 'portrait')
							{
								$('preview_fold_top').src			= previewData['rootUrl'] + 'images/all/cat_preview/fold-p.png';
								$('preview_big_1').src 				= '' + previewData['img_url'];
								$('preview_fold_top').style.display	= 'inline';
								$('preview_big_1').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_portrait';
								$('preview_shadow_bottom1').style.left	= '105px';
								$('preview_shadow_bottom1').style.top	= '439px';
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-side.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-bottom.png';
							}
							else if(previewData['geoType'] == 'squared')
							{
								$('preview_fold_top').src			= previewData['rootUrl'] + 'images/all/cat_preview/fold-s.png';
								$('preview_big_1').src 				= '' + previewData['img_url'];
								$('preview_fold_top').style.display	= 'inline';
								$('preview_big_1').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_squared';
								$('preview_shadow_bottom1').style.left			= '17px';
								$('preview_shadow_bottom1').style.top			= '439px';
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-side.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-bottom.png';
							}else
							{//landscape
								$('preview_big_1').src 				= '' + previewData['img_url'];
								$('preview_fold_side').style.display= 'inline';
								$('preview_big_1').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_landscape';
								
								$('preview_shadow_bottom1').style.left = '5px';
								$('preview_shadow_bottom1').style.top	= '315px';
	
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-side.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-bottom.png';
							}
							previewData['showing'] = 'front';
							$('preview_frontpage').style.border			= '1px solid #442801';
							$('preview_frontpage_text').style.color 	= '#442801';
							break;
							
		case 'inner'	:	$('preview_big_1').src				= '' + previewData['inner_url1_big'];
							$('preview_big_1').style.display	= 'inline';
							if(previewData['geoType'] == 'portrait')
							{
								$('preview_big_2').src				= '' + previewData['inner_url2_big'];
								$('preview_big_2').style.display	= 'inline';
								$('preview_big_container_inner').className = 'category_preview_big_container_inner_portrait_inlay';
								
								$('preview_shadow_bottom1').style.left = '3px';
								$('preview_shadow_bottom1').style.top	= '365px';
								
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-side-inner.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-bottom-inner.png';
							}
							else if(previewData['geoType'] == 'squared')
							{
								$('preview_big_2').src				= '' + previewData['inner_url2_big'];
								$('preview_big_2').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_squared_inlay';
								
								$('preview_shadow_bottom1').style.left = '0px';
								$('preview_shadow_bottom1').style.top	= '267px';
								
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-side-inner.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-bottom-inner.png';
							}
							else 
							{//landscape
								$('preview_big_3').src				= '' + previewData['inner_url2_big'];
								$('preview_big_3').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_landscape_inlay';
								
								$('preview_shadow_bottom1').style.top	= '518px';
								$('preview_shadow_bottom1').style.left	= '5px';
									
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-side-inner.png';
								$('preview_shadow_side2').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-side-inner.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-bottom-inner.png';
								$('preview_shadow_side2').style.display	= 'inline';
							}
							previewData['showing'] = 'inner';
							$('preview_innerpages').style.border = '1px solid #442801';
							$('preview_innerpages_text').style.color 	= '#442801';
							break;
							
		case 'back'		:	if(previewData['geoType'] == 'portrait')
							{
								$('preview_fold_top').src			= previewData['rootUrl'] + 'images/all/cat_preview/fold-p-back.png';
								$('preview_big_1').src 				= '' + previewData['back_url_big'];
								$('preview_fold_top').style.display	= 'inline';
								$('preview_big_1').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_portrait';
								$('preview_shadow_bottom1').style.left	= '105px';
								$('preview_shadow_bottom1').style.top	= '439px';
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-side.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-bottom.png';
							}
							else if(previewData['geoType'] == 'squared')
							{
								$('preview_fold_top').src			= previewData['rootUrl'] + 'images/all/cat_preview/fold-s-back.png';
								$('preview_big_1').src 				= '' + previewData['back_url_big'];
								$('preview_fold_top').style.display	= 'inline';
								$('preview_big_1').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_squared';
								$('preview_shadow_bottom1').style.left			= '17px';
								$('preview_shadow_bottom1').style.top			= '439px';
								
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-side.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-bottom.png';
							}
							else
							{//landscape
								$('preview_big_1').src 				= '' + previewData['back_url_big'];
								$('preview_fold_side').style.display= 'inline';
								$('preview_big_1').style.display	= 'inline';

								$('preview_big_container_inner').className = 'category_preview_big_container_inner_landscape';
								$('preview_shadow_bottom1').style.left = '5px';
								$('preview_shadow_bottom1').style.top	= '315px';
								
								$('preview_shadow_side1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-side.png';
								$('preview_shadow_bottom1').src		= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-bottom.png';
							}
							previewData['showing'] = 'back';
							$('preview_backpage').style.border 			= '1px solid #442801';
							$('preview_backpage_text').style.color 		= '#442801';
							break;
	}
	
	$('preview_shadow_side1').style.display		= 'inline';
	$('preview_shadow_bottom1').style.display	= 'inline';
	
	if($('preview_glossy').style.display == 'inline')
	{
		toggleGlossyPreview();
		toggleGlossyPreview();
	}
}

function openPreviewOld(title, img_url, link, card_type, card_size, designer)
{
	//change y position if its first displayed oder IE6
	if($("kategorie_vorschau").style.visibility != "visible" || IE)
	{
		if(IE && !isIE7 && !isIE8)
		{
			$("kategorie_vorschau").style.top = (tempY-250)+"px";
		}
	}
	$("kategorie_vorschau").style.visibility = "visible";
	$("kategorie_vorschau_header_headline").innerHTML = unescape(title);
	$("kategorie_vorschau_img").src = img_url;
	$("kategorie_vorschau_card_type").innerHTML = card_type;
	$("kategorie_vorschau_card_size").innerHTML = card_size;
	$("kategorie_vorschau_card_designer").innerHTML = designer;
	$("kategorie_vorschau_card_href_1").href = link;
	$("kategorie_vorschau_card_href_2").href = link;
}

function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
}

var r = getXmlHttpRequestObject();
var previewData			= new Array();
previewData['showing']	= 'front';

function requestPreview(id)
{	
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		r.open("GET", '/ajx/getCatPreviewData.php?id=' + id, true);
		r.onreadystatechange = openPreview;
		r.send(null);
	}
}

function openPreview(title, img_url, link, front_url, inner_url1, inner_url1_big, inner_url2, inner_url2_big)
{
	//if all but the first var is not set, this method is called as callback for the ajax request
	if(img_url == null && link == null && front_url == null)
	{
		if(r.readyState == 4)
		{
			previewData = eval('('+r.responseText+')');
		}
		else return;
	}
	//if the vars are set, the user clicked on a related product (same card with other color)
	else
	{
		previewData['title']		= title;
		previewData['img_url']		= img_url;
		previewData['link']			= link;
		previewData['front_url']	= front_url;
		previewData['inner_url1']	= inner_url1;
		previewData['inner_url1_big']=inner_url1_big;
		previewData['inner_url2']	= inner_url2;
		previewData['inner_url2_big']=inner_url2_big;
	}

	if((previewData['productTypeID'] == '3')||(IE && !isIE7 && !isIE8))
	{
		openPreviewOld(previewData['title'], previewData['oldFrontUrl'], previewData['link'], previewData['geoType'], previewData['card_size'], '');
		return;
	}

	resetPreviewWindow();
	
	//change y position if its first displayed or IE6
	if($("category_preview").style.visibility != "visible" || IE)
	{
		if(IE && !isIE7 && !isIE8)
		{
			$("category_preview").style.top = (tempY-250)+"px";
		}
	}
	
	$("category_preview").style.visibility = "visible";
	$("category_preview_header_headline").innerHTML = unescape(previewData['title']);
	$("category_preview_card_size").innerHTML = previewData['card_size'];
	
	$('preview_frontpage').src	= previewData['front_url'];
	$('preview_backpage').src	= previewData['back_url'];
		
	if(previewData['geoType'] == 'portrait')
	{
		$('preview_fold_top').src			= previewData['rootUrl'] + 'images/all/cat_preview/fold-p.png';
		$('preview_big_1').src				= '' + previewData['img_url'];
		$('preview_fold_top').style.display = 'inline';
		$('preview_big_1').style.display	= 'inline';
		$('preview_innerpages').innerHTML 	= '<img src="' + previewData['inner_url1'] + '" style="cursor:pointer;" /><img src="' + previewData['inner_url2'] + '" style="cursor:pointer;" />';
		$('preview_big_container_inner').className = 'category_preview_big_container_inner_portrait';
		$('preview_innerpages').style.width	= '144px';
		$('preview_innerpages').style.height= '100px';
		$('preview_shadow_bottom1').style.left	= '105px';
		$('preview_shadow_bottom1').style.top	= '439px';
		$('preview_shadow_side1').src			= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-side.png';
		$('preview_shadow_bottom1').src			= previewData['rootUrl'] + 'images/all/cat_preview/shadow-p-bottom.png';
	}
	else if(previewData['geoType'] == 'squared')
	{
		$('preview_fold_top').src			= previewData['rootUrl'] + 'images/all/cat_preview/fold-s.png';
		$('preview_big_1').src				= '' + previewData['img_url'];
		$('preview_fold_top').style.display = 'inline';
		$('preview_big_1').style.display	= 'inline';
		$('preview_innerpages').innerHTML 	= '<img src="' + previewData['inner_url1'] + '" style="cursor:pointer;" /><img src="' + previewData['inner_url2'] + '" style="cursor:pointer;" />';
		$('preview_big_container_inner').className = 'category_preview_big_container_inner_squared';
		$('preview_innerpages').style.width	= '144px';
		$('preview_innerpages').style.height= '72px';
		$('preview_shadow_bottom1').style.left	= '17px';
		$('preview_shadow_bottom1').style.top	= '439px';
		$('preview_shadow_side1').src			= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-side.png';
		$('preview_shadow_bottom1').src			= previewData['rootUrl'] + 'images/all/cat_preview/shadow-s-bottom.png';
	}
	else	//must be landscape
	{
		$('preview_big_1').src				= '' + previewData['img_url'];
		$('preview_fold_side').style.display= 'inline';
		$('preview_big_1').style.display	= 'inline';
		$('preview_innerpages').innerHTML	= '<img src="' + previewData['inner_url1'] + '" style="cursor:pointer;" /><br/><img src="' + previewData['inner_url2'] + '" style="cursor:pointer;" />';
		//position and size main container
		$('preview_big_container_inner').className = 'category_preview_big_container_inner_landscape';
		//size innerpages
		$('preview_innerpages').style.width				= '100px';
		$('preview_innerpages').style.height			= '144px';
		// position shadows
		$('preview_shadow_bottom1').style.top	= '315px';
		$('preview_shadow_bottom1').style.left	= '5px';
		$('preview_shadow_side1').src			= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-side.png';
		$('preview_shadow_bottom1').src			= previewData['rootUrl'] + 'images/all/cat_preview/shadow-l-bottom.png';
	}
	
	$('preview_shadow_side1').style.display	= 'inline';
	$('preview_shadow_bottom1').style.display= 'inline';
	
	var related_products = previewData['related_products'];
	var innerToSet = '';
	for(var i = 0; i < related_products.length; i++)
	{
		var tTitle		= related_products[i].name;
		var tImgUrl		= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].files['big_little_text'];
		var tLink		= related_products[i].product_link;
		var tfUrl		= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].files['thumb_text_100'];
		
		if(!related_products[i].inlaysForPreview)
		{
			var geoSelector = (previewData['geoType'] == 'portrait' || previewData['geoType'] == 'squared') ? 'p' : 'l';
			var tI1Url		= previewData['rootUrl'] + 'images/all/cat_preview/blanko-' + geoSelector + '.gif';
			var tI1UrlBig	= previewData['rootUrl'] + 'images/all/cat_preview/blanko-' + geoSelector + '-big.gif';
			var tI2Url		= previewData['rootUrl'] + 'images/all/cat_preview/blanko-' + geoSelector + '.gif';
			var tI2UrlBig	= previewData['rootUrl'] + 'images/all/cat_preview/blanko-' + geoSelector + '-big.gif';
		}
		else
		{
			if((previewData['geoType'] == 'squared'))
			{
				var tI1Url		= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['left'].files['thumb_text_72'];
				var tI1UrlBig	= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['left'].files['medium_text_squared_ns'];
				var tI2Url		= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['right'].files['thumb_text_72'];
				var tI2UrlBig	= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['right'].files['medium_text_squared_ns'];
			}else
			{
				var tI1Url		= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['left'].files['thumb_text_100'];
				var tI1UrlBig	= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['left'].files['medium_text_ns'];
				var tI2Url		= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['right'].files['thumb_text_100'];
				var tI2UrlBig	= 'http://static-1.wunderkarten.de/live/cards/' + related_products[i].inlaysForPreview['right'].files['medium_text_ns'];
			}
		}
		
		var previewCall =	"openPreview('"+tTitle+"','"+tImgUrl+"','"+tLink+"','"+tfUrl+"','"+tI1Url+"','"+tI1UrlBig+"','"+tI2Url+"','"+tI2UrlBig+"');";
		innerToSet += '<span class="product_affine_chooser_button" onclick="'+previewCall+'" style="background-color:#'+related_products[i].color+'"></span>&nbsp;';
	}
	if(innerToSet == '')
	{
		//no related product, so disable the div
		$('preview_colorchooser_container_p').style.display = 'none';
	}
	else
	{
		$('preview_colorchooser_container').innerHTML = innerToSet;
		$('preview_colorchooser_container_p').style.display = 'block';
	}
	
	if($('preview_glossy').style.display == 'inline')
	{
		toggleGlossyPreview();
		toggleGlossyPreview();
	}
	
	if(previewData['link'].indexOf('http') != -1)
	{
		$('preview_commit').href = previewData['link'];
	}
	else
	{
		$('preview_commit').href = previewData['rootUrl'] + 'product/' + previewData['link'];
	}
	
	$('preview_frontpage').style.border	= '1px solid #442801';
	$('preview_innerpages').style.border= '1px solid transparent';
	$('preview_backpage').style.border	= '1px solid transparent';
	$('preview_frontpage_text').style.color 	= '#442801';
}

function resetPreviewWindow()
{
	$('preview_big_1').style.display		= 'none';
	$('preview_big_2').style.display		= 'none';
	$('preview_big_3').style.display		= 'none';
	$('preview_fold_top').style.display		= 'none';
	$('preview_fold_side').style.display	= 'none';
	$('preview_shadow_side1').style.display	= 'none';
	$('preview_shadow_side2').style.display	= 'none';
	$('preview_shadow_bottom1').style.display= 'none';
	$('preview_frontpage').style.border		= '1px solid transparent';
	$('preview_innerpages').style.border	= '1px solid transparent';
	$('preview_backpage').style.border		= '1px solid transparent';
	$('preview_frontpage_text').style.color = '#a08260';
	$('preview_innerpages_text').style.color= '#a08260';
	$('preview_backpage_text').style.color	= '#a08260';
}

function closePreviewOld()
{
	$("kategorie_vorschau").style.visibility = "";
}

function closePreview()
{
	if(IE && !isIE7 && !isIE8)
	{
		closePreviewOld();
		return;
	}
	
	$('preview_glossy').style.display 		= 'none';
	$('preview_glossy_button').style.border = '1px solid #503017';
	$('preview_glossy').src					= '';
	$('category_preview').style.visibility	= '';
}
/* preview stuff end */


/* ajax stuff */
//function to retrieve mouse x-y pos
//dont forget to set variables tempX, tempY and IE on the page
function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.documentElement.scrollLeft;
    tempY = event.clientY + document.documentElement.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX;
    tempY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0;}
  if (tempY < 0){tempY = 0;} 
  return true
}
function narrowCardsSubmit(){
	document.selectCards.submit();
	return false;
}
/* nav_hor */
/* begin new nav_hor stuff */
var timeOutID = new Array();
var timeOutElem = new Array();
var oldFatherID;
function createNavHorHTML(htmlContent){
	var navigationContainer 		= $('nav_hor_container');
	navigationContainer.innerHTML = htmlContent;
}
function createNavHorLinking(id,link){

	var navigationItem 		= $(id);
	navigationItem.onclick	= function(e) {goto(link);return false};
}
function createNavHorDisplay(parentId,chilId){
	var navigationParentItem 			= $(parentId);
	navigationParentItem.onmouseover	= function(e) {displayNavHorItem(chilId,true);return false};
	navigationParentItem.onmouseout		= function(e) {displayNavHorItem(chilId,false);return false};
}
function createNavHorHover(itemId)
{
	var navigationItem 			= $(itemId);
	navigationItem.onmouseover	= function(e) {changeHorNavBackground(navigationItem,true);return false};
	navigationItem.onmouseout	= function(e) {changeHorNavBackground(navigationItem,false);return false};
}
function displayNavHorItem(chilId,show){
	var navigationChildItem 			= $(chilId);
	if(show)
	{
		if(oldFatherID == chilId)
		{
			window.clearTimeout(timeOutID[chilId]);
		}
		navigationChildItem.style.display = 'block';
	}else
	{
		var tempElem = timeOutElem.pop();
		if(tempElem != navigationChildItem)
		{
			timeOutElem.push(tempElem);
			timeOutElem.push(navigationChildItem);
		}else{
			timeOutElem.push(navigationChildItem);
		}
		oldFatherID = chilId;
		timeOutID[chilId] = window.setTimeout('unDisplayNavElem()', 50);
	}
}
function changeHorNavBackground(elem, hover)
{
	if(hover)
	{
		elem.className = elem.className+'_hover';
	}else
	{
		var oldClassName = elem.className;
		elem.className = oldClassName.substring(0,oldClassName.length-6);
	}
}
function unDisplayNavElem()
{
	timeOutElem.pop().style.display = 'none';
}
/* end new nav_hor stuff */
/* start ajax site search */
function prepareSearch(){
	var obj = $('header_search_input');
	if (obj.value == 'Suchbegriff eingeben' || obj.value == 'enter search') obj.value = '';
	obj.className = "text";
}
function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
}
var searchReq = getXmlHttpRequestObject();	
var r = getXmlHttpRequestObject();
var searchRequest = getXmlHttpRequestObject();
var searchResArr =  new Array();
var newHighlighted=-1;
var manualSearchText = '';

function showExampleSearch(e,text,url) {
$('search_suggest_wrapper').style.visibility = 'visible';
var isUpdownArrowKey=true;
var unicode=e.keyCode? e.keyCode : e.charCode;
var hasSearchEntry = (text!="")?true:false;
switch(unicode){
case 40: 
if(hasSearchEntry){
if($('search_suggest').innerHTML == ''){
manualSearchText = text; isUpdownArrowKey=false;
}else{
changeMarkedListentryInSearch(true,text);
}
}
break;//arrow-down
case 38: 
if(hasSearchEntry){
if($('search_suggest').innerHTML == ''){
manualSearchText = text; isUpdownArrowKey=false;
}else{
changeMarkedListentryInSearch(false,text);
}
}
break;//arrow-down
default: manualSearchText = text; isUpdownArrowKey=false; break;//others
}
if (!isUpdownArrowKey && (searchReq.readyState == 4 || searchReq.readyState == 0)) 
{
while(searchResArr.length!=0){
searchResArr.pop();
}
var str = escape(text);
searchReq.open("GET", url + 'ajx/example_search.php?search=' + str, true);
searchReq.onreadystatechange = showExampleSearches; 
searchReq.send(null);
}
}

//event fired when ajx-search returns
function showExampleSearches() {
if (searchReq.readyState == 4) {
	var ss = $('search_suggest');
ss.innerHTML = '';
var str = searchReq.responseText.split("_separator_!_");
for(i=0; i < str.length - 1; i++) {
	if (str[i] && str[i] != "" && str[i] != " "){
var result = (unescape((str[i]))).replace(/\+/g, " ");
var suggest = '<div onmouseover="javascript: suggestOver(this);" ';
suggest += 'onmouseout="javascript:suggestOut(this);" ';
suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
suggest += (i==0) ? 'class="suggest_link_over">' + result + '</div>' : 'class="suggest_link">' + result + '</div>';
//				ss.innerHTML += suggest;
	searchResArr[i] = suggest;
}
}
for(var i = 0; i < searchResArr.length; i++){
ss.innerHTML += searchResArr[i];
}
}
}

//Mouse over function
function suggestOver(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value) {
	div_value.className = 'suggest_link';
}

function changeMarkedListentryInSearch(next,text){
var pattern1 =  'suggest_link_over';
var oldHighlighted = -1;
for(var i = 0; i < searchResArr.length; i++){
var erg = searchResArr[i].match(pattern1);
if("suggest_link_over" == erg){oldHighlighted = i;}
}
if(oldHighlighted > -1){
if(next){ //40 - down
if(oldHighlighted+1 <= searchResArr.length-1){
var repString1 = searchResArr[oldHighlighted+1];
searchResArr[oldHighlighted+1] = repString1.replace(/suggest_link/,'suggest_link_over');
var repString2 = searchResArr[oldHighlighted]
searchResArr[oldHighlighted] = repString2.replace(/suggest_link_over/,'suggest_link');
var testing = searchResArr[oldHighlighted+1];
testing=testing.replace(/<div onmouseover="javascript: suggestOver\(this\);" onmouseout="javascript:suggestOut\(this\);" onclick="javascript:setSearch\(this.innerHTML\);" class="suggest_link_over">/g,'');
testing=testing.replace(/<\/div>/g,'');
$('header_search_input').value = testing;
}else{
while(searchResArr.length!=0){
searchResArr.pop();
}
setSearch(manualSearchText);
return;
}
}else{ //38 - up
if(oldHighlighted-1 >= 0){
var repString1 = searchResArr[oldHighlighted-1];
searchResArr[oldHighlighted-1] = repString1.replace(/suggest_link/,'suggest_link_over');
var repString2 = searchResArr[oldHighlighted]
searchResArr[oldHighlighted] = repString2.replace(/suggest_link_over/,'suggest_link');
var testing = searchResArr[oldHighlighted-1];
testing=testing.replace(/<div onmouseover="javascript: suggestOver\(this\);" onmouseout="javascript:suggestOut\(this\);" onclick="javascript:setSearch\(this.innerHTML\);" class="suggest_link_over">/g,'');
testing=testing.replace(/<\/div>/g,'');
$('header_search_input').value = testing;
}else{
while(searchResArr.length!=0){
searchResArr.pop();
}
setSearch(manualSearchText);
return;
}
}
$('search_suggest').innerHTML = '';
for(var i = 0; i < searchResArr.length; i++){
$('search_suggest').innerHTML += searchResArr[i];
}
}
}
//Click function
function setSearch(value) {
$('header_search_input').value = value;
$('search_suggest').innerHTML = '';
$('search_suggest_wrapper').style.visibility = 'hidden';	
}
/* end ajax site search */
/* narrow search */
function openSearch(obj, element){
	obj.className = (obj.className == 'selection_vert_minus') ? 'selection_vert_plus' : 'selection_vert_minus';
	$(element).style.display = ( $(element).style.display == 'none') ? '' : 'none';
	
}
/* start home teaser */
var switchAllowed = true;
var oldId = 0;
var chosenId = 0;
var automatikSwitch = null;
var counter = 0; 
var lastSwitchByClick = false;

var automatikSwitchCounter = 0; //ja mit k

function automaticSwitcher(timeSec)
{
	if(!firstCall)
	{
		switchmenu("slide_right");
	} else {
		oldId = teaserArray[0];
	}
	firstCall = false;
	automatikSwitch = window.setTimeout("automaticSwitcher(5)",5000);
}

function switchmenu(side)
{
	if(switchAllowed)
	{
		switchAllowed = false;
		for(var i=0;i<teaserArray.length;i++)
		{
			if(teaserArray[i] == oldId)
			{
				if(side == "left"){
					window.clearTimeout(automatikSwitch);
					lastSwitchByClick = true;
					if(i-1 < 0){
						showHomeTeaser(teaserArray[teaserArray.length-1]);
					}else{			
						showHomeTeaser(teaserArray[i-1]);
					}
				}else if(side == "right"){
					window.clearTimeout(automatikSwitch);
					lastSwitchByClick = true;
					if(i+1 > teaserArray.length-1){
						showHomeTeaser(teaserArray[0]);
					}else{
						showHomeTeaser(teaserArray[i+1]);
					}
				} else {
					lastSwitchByClick = false;
					if(i+1 > teaserArray.length-1){
						showHomeTeaser(teaserArray[0]);
					}else{
						showHomeTeaser(teaserArray[i+1]);
					}
					window.clearTimeout(automatikSwitch);
				}
			}		
		}
	}	
}

function showHomeTeaser(id)
{	
	if(oldId != id){
		chosenId = id;
		fadeImages(2);
	}
}

function fadeImages(speed)
{
	if(counter+speed >100)
	{
		counter = 100;
	}else{	
		counter = counter+speed;
	}
	if(isIE)
	{
		//IE opacity
		document.getElementById("teaser"+chosenId).style.filter = "Alpha(opacity="+counter+")";
		document.getElementById("teaser"+oldId).style.filter = "Alpha(opacity="+(100 - counter)+")";
	}else{
		//FF opacity
		document.getElementById("teaser"+chosenId).style.opacity = (1/100 * counter);
		document.getElementById("teaser"+oldId).style.opacity = (1/100 * (100 - counter));
	}
	if(counter <100)
	{ 
		window.setTimeout("fadeImages("+speed+")", 10);
	}else{
		counter=0; 
		document.getElementById("teaser"+chosenId).style.zIndex = 1;
		document.getElementById("teaser"+oldId).style.zIndex = 0;
		oldId = chosenId;
		switchAllowed = true;
		window.clearTimeout(automatikSwitch);
		if(lastSwitchByClick)
		{
			automatikSwitch = window.setTimeout("automaticSwitcher(5)",10000);
		} else {
			automatikSwitch = window.setTimeout("automaticSwitcher(5)",5000);
		}
	}

}

/* externen  actionscriptfunktion */
function thisMovie(movieName) {
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];
}

/* end home teaser */


/* start change.tpl */
var isIE = false;
// is reset in change.tpl
var isIEScrollX = 0;
var isIEScrollY = 0;
// An welchem Fotocontainer arbeiten wir gerade (um es später den Postfields zuzuordnen)
var imageFieldId	= 0; 
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;
// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;
// Mausposition
var posx = 0;
var posy = 0;
// originale Objektposition
var image = new Array();
var obx = 0;
var oby = 0;
var hold 			= false;
var isMove 			= false;
var isNormalMove  	= false;
// active size-list and color select for text-fields -> image information 
var textTop				= new Array();
var textLeft			= new Array();
var textWidth			= new Array();
var textHeight			= new Array();
var textSize			= new Array();
var textFont			= new Array();
var textColor 			= new Array();
var textOrient 			= new Array();
var textVerticalOrient	= new Array();
var textText 			= new Array();
var textFrontSide 		= new Array();
var textMouseFocus		= -1;
function draginit() {
	document.onmousemove = drag;
	document.onmouseup = dragstop;
}
function normalMove(element){
	dragobjekt   = element;
	isNormalMove = true;
	dragx = posx - dragobjekt.offsetLeft;
	dragy = posy - dragobjekt.offsetTop;
}
function dragstop() {
	if (isNormalMove){
		dragobjekt   = null;
		isNormalMove = false;
	}else if (isMove){
		image["image_field_"+imageFieldId]["holdX"] = posx;
		image["image_field_"+imageFieldId]["holdY"] = posy;
		dragobjekt	= null;
		isMove 		= false;
	} else {
		if(dragobjekt != null){
			dragobjekt.style.left = obx;
			dragobjekt.style.top = oby;
			hold = true;
			setTimeout ( "hold = false;", 500 ); 
			dragobjekt=null;
		}
	}
	isMove 		= false;
	isNormalMove = false;
}
function drag(ereignis) { 
	
	posx = document.all ? window.event.clientX : ereignis.pageX;
	posy = document.all ? window.event.clientY : ereignis.pageY;

	if(dragobjekt != null) {
		prevx = posx - dragx;
		prevy = posy - dragy;
		dragobjekt.style.left = (posx - dragx) + "px";
 		dragobjekt.style.top = (posy - dragy) + "px";
 		if(isMove){
 			$('photo_edit_photo_img').style.left = (posx - dragx) + "px";
 			$('photo_edit_photo_img').style.top = (posy - dragy) + "px";
 		}
	}else{
		if(isIE){
			isIEScrollX = document.documentElement.scrollLeft;
			isIEScrollY = document.documentElement.scrollTop;
		}
		if (textMouseFocus != -1){
			hideBorder(textMouseFocus);
		}
		textMouseFocus = -1;
		for (var i = 0; i < textTop.length; i++){
			if (posy + isIEScrollY > textTop[i] && posx + isIEScrollX > textLeft[i] && posy + isIEScrollY < (textTop[i] + textHeight[i]) && posx + isIEScrollX < (textLeft[i] + textWidth[i]) && frontSide == textFrontSide[i]){
				displayBorder(i);
				textMouseFocus = i;
				//document.body.style.cursor = "pointer";
				break;
			}
		}
		if (textMouseFocus == -1){
			//document.body.style.cursor = "";
		}
	}
}
function displayBorder(id){
	if($("image_text_field_"+id)){
			$("image_text_field_"+id).className ="change_box_text_field_solid";
	}
}
function hideBorder(id){
	if($("image_text_field_"+id)){
		if(showHelp){
			$("image_text_field_"+id).className ="change_box_text_field_grey";
		} else {
			$("image_text_field_"+id).className ="change_box_text_field";
		}
	}
}
/* start paginator */
function setPageField(page){
	if(page < parseInt($('pages').value) && page >= 0){
		$('pageNumber').value = page;
	}else{
		$('pageNumber').value = 0;
	}

}
function switchPageNumber(increase){
	var newPage = 0;
	if(increase){
		newPage = parseInt($('pageNumber').value)+1;
		if(newPage >= parseInt($('pages').value)){
			newPage = parseInt($('pages').value)-1;
		}
	}else{
		newPage = parseInt($('pageNumber').value)-1;
		if(newPage < 0){
			newPage = 0;
		}
	}
	if(parseInt($('pageNumber').value) != newPage){
		setPageField(newPage);
		narrowCardsSubmit();
	}

}
function setCardsPerPage(){
	$('cardsPerPage').value = $('cardsPerPageSelection').value;
}
/* end paginator */
/* start pop under */
function doesPopUnderCookieExist()
{
	if(false == getCookie('wunderkarten_vc', true))
	{
		return false;
	}
	return true;
}
var toShow, pagelink, browser;
function showVoucher() 
{
	if(document.removeEventListener)
	{
		document.removeEventListener('click', showVoucher, false);
	}
	else if(document.detachEvent)
	{
		document.detachEvent('onclick', showVoucher);
	}
	
	toShow = (toShow != true) ? false : true;
	
	if(toShow && !doesPopUnderCookieExist())
	{
		var popParams = 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=600,height=530,top=300,left=300';
		
		if(browser.name == 'MSIE' && browser.version < 9)
		{
			//opening the old way
			var punder=window.open(pagelink, '_blank', popParams);
			punder.blur();
			window.focus();
			return;
		}
		
		var _parent = self;
		if(top != self)
		{
			try
			{
				if (top.document.location.toString())
				{
					_parent = top;
				}
			}
			catch(err){}
		}
		
	    //create pop-up from parent context
	    var punder = _parent.window.open(pagelink, '_blank', popParams);
	   	if(punder)
	   	{
	   		punder.blur();

   			//popunder for e.g. ff4+, chrome, ie9
   			punder.init = function(e)
   			{
   				with(e)
   				{
   					(function()
   					{
   						if (typeof window.mozPaintCount != 'undefined')
   						{
   							var x = window.open('about:blank');
   							x.close();
   						}
   						try
   						{
   							opener.window.focus();
   						}
   						catch(err){}
   					})();
   				}
   			};
   			punder.params = {url: pagelink};
   			punder.init(punder);
	   	}
	}
}
if(document.addEventListener)
{
	document.addEventListener('click', showVoucher, false);
}
else if(document.attachEvent)
{
	document.attachEvent('onclick', showVoucher);
}
/* end pop under */
/* start kategorie */
function switchColor(cardId,quantity,newId,newImage,newLink,newThumb,newName)
{
	for(var i = 0;i<quantity;i++)
	{
		document.getElementById("card_color_"+cardId+"_"+i).style.border = "1px solid #503017"; 
	}
	$("card_color_"+cardId+"_"+newId).style.border = "2px solid #503017"; 
	$("hidden_card_link_"+cardId).value = newLink; 
	$("hidden_card_thumb_medium_"+cardId).value = 'http://static-1.wunderkarten.de/live/cards/'+newThumb;
	$("card_link_text_"+cardId).href = "/product/"+newLink; 
	$("card_link_"+cardId).href = "/product/"+newLink; 
	$("card_image_"+cardId).src = 'http://static-1.wunderkarten.de/live/cards/'+newImage;
	$("card_link_text_"+cardId).innerHTML = newName;
	if($("card_link_eyecatcher_"+cardId))
	{
		$("card_link_eyecatcher_"+cardId).href = "/product/"+newLink; 
	}
}
function kategorieGoto(id)
{
	goto("/product/"+document.getElementById("hidden_card_link_"+id).value); 
}
function openKategorieVorschau(title, id)
{
	openVorschau(title, document.getElementById("hidden_card_thumb_medium_"+id).value, "/product/"+document.getElementById("hidden_card_link_"+id).value, '', document.getElementById("hidden_card_size_"+id).value, '')
}
/* end kategorie */
/**
 * webtrekkConfig
 * 
 * globale webtrekk konfiguration
 * global webtrekk config
 * @type Object
 */
var webtrekkConfig = {
	trackId : "648299458831411",
	trackDomain : "ecards01.webtrekk.net",
	domain : "www.wunderkarten.de",
	cookie : "1",
	contentId : ""
};
/** end webtrekkConfig**/

function alertStatus()
{
	alert('working');
}

function previewLoadComplete(which)
{
	var loader = which + '_loader';
	$(loader).style.display	= 'none';
	$(which).style.display	= 'block';
}
