/**
	name			ShowHideDivs
	type			function
	params			show: name of element which should be shown
					hide: name of element which should be hidden
	description		shows an element and hides another element by changing CSS display property.
**/
function ShowHideDivs(show,hide){
	var obj_divnaam = document.getElementById(hide);
	obj_divnaam.style.display='none';
	
	var obj_divnaam = document.getElementById(show);
	obj_divnaam.style.display='block';
}

/**
	name			setActiveStyleSheet
	type			function
	params			title: ??
	description		??
**/
function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}

/**
	name			getActiveStyleSheet
	type			function
	params			-
	description		??
**/
function getActiveStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
  }
  return null;
}

/**
	name			getPreferredStyleSheet
	type			function
	params			-
	description		??
**/
function getPreferredStyleSheet() {
  var i, a;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1
       && a.getAttribute("rel").indexOf("alt") == -1
       && a.getAttribute("title")
       ) return a.getAttribute("title");
  }
  return null;
}

/**
	name			createCookie
	type			function
	params			name: ??
					value: ??
					days: ??
	description		??
**/
function createCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

/**
	name			readCookie
	type			function
	params			name: ??
	description		??
**/
function readCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

/**
	name			styleSwitchLoad
	type			function
	params			e: event
	description		function is called on window.load and reads cookie information to set 
					previously selected stylesheet
**/
function styleSwitchLoad(e) {
  var cookie = readCookie("style");
  var title = cookie ? cookie : getPreferredStyleSheet();
  setActiveStyleSheet(title);
  if (title=="Groter"){
  	document.getElementById("set_normal").style.display="block";
  	document.getElementById("set_bigger").style.display="none";
  	}
  else{
  	document.getElementById("set_bigger").style.display="block";
  	document.getElementById("set_normal").style.display="none";	
	}
}

/**
	name			styleSwitchUnload
	type			function
	params			e: event
	description		function is called on window.unload and stores selected stylesheet in cookie
**/
function styleSwitchUnload(e) {
  var title = getActiveStyleSheet();
  createCookie("style", title, 365);
}

/**
	set stylesheet switch function to window.load and window.unload events
**/
window.onload = styleSwitchLoad;
window.onunload = styleSwitchUnload;

/**
	some global vars for stylesheet switching
**/
var cookie = readCookie("style");
var title = cookie ? cookie : getPreferredStyleSheet();

function createTabs(ul) {

	ul.select('label').invoke('observe','click',function(event) {
		$$('div.productpart').invoke('addClassName','hidden');
		$(this.htmlFor).removeClassName('hidden');
		this.up('ul').select('li').invoke('removeClassName','selectedtab');
		this.up('li').addClassName('selectedtab');
	});
}

function setpdcfield(id){
	var fieldaddon;
	var fieldname;	
	var startstring = id.indexOf('_');
	if (startstring != -1){
		fieldaddon = id.substring(startstring,id.length);		
		fieldname = id.substring(0,startstring);
	}
	if (fieldaddon == '_display'){
		document.getElementById(fieldname+'_display').style.display = 'block';
		document.getElementById(fieldname+'_additional_display').style.display = 'none';
		document.getElementById(fieldname+'_replaced_display').style.display = 'none';
	}
	if (fieldaddon == '_additional_display'){
		document.getElementById(fieldname+'_replaced_display').style.display = 'none';
		document.getElementById(fieldname+'_display').style.display = 'block';
		document.getElementById(fieldname+'_additional_display').style.display = 'block';			
	}
	if (fieldaddon == '_replaced_display'){		
		document.getElementById(fieldname+'_display').style.display = 'none';
		document.getElementById(fieldname+'_additional_display').style.display = 'none';
		document.getElementById(fieldname+'_replaced_display').style.display = 'block';
	}
}
Event.observe(window, "load", function() {$$('ul.tabs').each(function(ul) {createTabs(ul);})} , false);