// Content-Boxen ein- und ausklappen

var openImg = new Image;
openImg.src = 'fileadmin/templates/images/plus.gif';
var closeImg = new Image;
closeImg.src = 'fileadmin/templates/images/minus.gif'

function switch_box(box_id, image_id) {
	var box = document.getElementById(box_id);
	var image = document.getElementById(image_id);
	if (box.style.display == 'none') {
		if (box != null) {
			box.style.display = 'block';
		}
		if (image != null) {
			image.src = closeImg.src;
		}
	} else {
		if (box != null) {
			box.style.display = 'none';
		}
		if (image != null) {
			image.src = openImg.src;
		}
	}
}

// Tabs ein/aus

var nr_tabs = 3;
var tabColorsLoaded = false;
var tabBGactive = '#07325F';
var tabBGinactive = '#516F8F';

function activateTab(nr) {
	if (!tabColorsLoaded) {
		loadTabColors();
	}
	for (var i = 1; i<=nr_tabs; i++) {
		var tab = document.getElementById('tab'+String(i));
		if (tab != null) {
			tab.style.backgroundColor = tabBGinactive;
		}
		//tab.style.paddingBottom = '0px';
		//tab.style.marginBottom = '1px';
		var tabcontent = document.getElementById('tabcontent'+String(i));
		if (tabcontent != null) {
			tabcontent.style.display = 'none';
		}
	}
	var tab = document.getElementById('tab'+String(nr));
	tab.style.backgroundColor = tabBGactive;
	//tab.style.marginBottom = '0px';
	//tab.style.paddingBottom = '1px';
	var tabcontent = document.getElementById('tabcontent'+String(nr));
	tabcontent.style.display = 'block';
}

function loadTabColors() {
	var tab = document.getElementById('tab1');
	if (tab != null) {
		if (document.defaultView == null) {
			if (tab.currentStyle != null) {
				tabBGactive = tab.currentStyle['backgroundColor'];
			}
		} else {
			tabBGactive = document.defaultView.getComputedStyle(tab, null).backgroundColor;
		}
	}
	var tab = document.getElementById('tab2');
	if (tab != null) {
		if (document.defaultView == null) {
			if (tab.currentStyle != null) {
				tabBGinactive = tab.currentStyle['backgroundColor'];
			}
		} else {
			tabBGinactive = document.defaultView.getComputedStyle(tab, null).backgroundColor;
		}
	}
	tabColorsLoaded = true;
}


// JSpopup

function closepopup() {
	var pop = document.getElementById('jspopup');
	if (pop != null) {
		pop.style.display = 'none';
	}
}

/* mouseover layer */
function showlayer(e,id) {
	var layer = document.getElementById(id);
	if (layer != null) {
		var offsetX;
		var offsteY;
		if (window.pageYOffset == null) {
			if (document.documentElement.scrollTop > document.body.scrollTop) {
				offsetY = document.documentElement.scrollTop;
				offsetX = document.documentElement.scrollLeft;
			} else {
				offsetY = document.body.scrollTop;
				offsetX = document.body.scrollLeft;
				offsetX = offsetX - fixIE6offset(layer.offsetParent);
			}
		} else {
			offsetY = window.pageYOffset;
			offsetX = window.pageXOffset;
		}
		layer.style.visibility = 'visible';
		layer.style.left = String(e.clientX+offsetX - 300 )+'px';
		layer.style.top = String(e.clientY+offsetY + 8)+'px';
	}
}
function hidelayer(e,id) {
	var layer = document.getElementById(id);
	if (layer != null) {
		layer.style.visibility = 'hidden';
	}
}

// Shop-Mouseover //
function shoplayer_show(e,id) {
	var layer = document.getElementById('layer_product_'+id);
	if (layer != null) {
		var offsetX;
		var offsteY;
		if (window.pageYOffset == null) {
			if (document.documentElement.scrollTop > document.body.scrollTop) {
				offsetY = document.documentElement.scrollTop;
				offsetX = document.documentElement.scrollLeft;
			} else {
				offsetY = document.body.scrollTop;
				offsetX = document.body.scrollLeft;
				offsetX = offsetX - fixIE6offset(layer.offsetParent);
			}
		} else {
			offsetY = window.pageYOffset;
			offsetX = window.pageXOffset;
		}
		layer.style.visibility = 'visible';
		layer.style.left = String(e.clientX+offsetX + 8 )+'px';
		layer.style.top = String(e.clientY+offsetY + 8)+'px';
	}
}
function fixIE6offset(layer) {
	var off = 0;
    if (layer.offsetParent) return (layer.offsetLeft + fixIE6offset(layer.offsetParent));
    else return (layer.offsetLeft);
}

function shoplayer_hide(e,id) {
	var layer = document.getElementById('layer_product_'+id);
	if (layer != null) {
		layer.style.visibility = 'hidden';
	}
}


function divOnOff(id) {
	var layer = document.getElementById(id);
	if (layer != null) {
		if (layer.style.display=='block') {
			layer.style.display = 'none';
		} else {
			layer.style.display = 'block';
		}
	}
}