';
if(withImageNavigation) {
content += this.getNavigationHtml();
}
content += '<\/div>';
return content;
},
showImage : function (url, title, width, height, withImageNavigation) {
if (url == "loading") {
if (this.img.complete) {
MLHelper.resizeModal('imgcontent');
} else {
window.setTimeout("MLHelper.showImage(\"loading\")", 100)
}
return;
}
var content = this.buildContentHtml(url, title, width, height, withImageNavigation);
Dialog.info(content, {
id: "unique",
className: 'modal',
title: title,
width: width,
zIndex: 100,
recenterAuto: true,
onShow : function() {
MLHelper.showImage("loading");
$('unique_close').observe('click', function() {
Dialog.okCallback();
});
}
});
},
resizeModal : function(innerId) {
var dim = $(innerId).getDimensions();
var mainDim = $('unique').getDimensions();
var mainPos = new Position.cumulativeOffset($('unique'));
var newLeft = mainPos[0] - (dim.width - mainDim.width) * 0.5;
var newTop = mainPos[1] - (dim.height - mainDim.height) * 0.5;
$('modal_dialog_message').setStyle({ width : dim.width + 'px', height : dim.height + 'px' } );
$('unique_content').setStyle({ width : dim.width + 'px', height : dim.height + 'px' } );
$('unique').setStyle({ width : dim.width + 'px', height : dim.height + 'px', left: newLeft + 'px', top: newTop + 'px' } );
return;
}
};
/* ********************************************************************************* */
/* ### ATG Layer Helper ### */
/* ********************************************************************************* */
AtgModal = {
_strModalId: 'atg_modal',
_container: null,
_height: 0,
_width: 0,
init: function() {
this._container = $(this._strModalId);
// create a new container if not exisiting
if(this._container == null) {
var htmlContainer = new Element('div', { 'style': "z-index: 10000; position: absolute; top: 0;", 'id': this._strModalId });
$('body_helper').insert({before: htmlContainer});
this._container = htmlContainer;
}
var _this = this;
// Attach resize events
Event.observe(window, "scroll", function() {
_this.center();
});
Event.observe(window, "resize", function() {
_this.center();
});
},
/**
* Loads a flash into the modal layer
*/
loadFlash: function(swfObject) {
swfObject.write(this._strModalId);
this.center();
},
/*
* closes the layer
*/
close: function() {
if(this._container != null) {
// display none and hide doen´t work! IE crash!
this._container.setStyle({'visibility': 'hidden'});
}
},
/**
* reopen the modal layer
*/
open: function() {
if(this._container != null) {
this._container.show();
}
},
/**
* centers the modal layer, takes notice of the current scroll values
*/
center: function() {
//alert(document.viewport.getScrollOffsets()['top']);
var left = (document.viewport.getWidth() - this._container.getWidth() ) / 2 + document.viewport.getScrollOffsets()['left'];
var top = (document.viewport.getHeight() - this._container.getHeight() ) / 2 + document.viewport.getScrollOffsets()['top'];
this._container.setStyle({left: left + "px", top: top + "px"});
}
};
/* ********************************************************************************* */
/* ### ATG Stage Helper ### */
/* ********************************************************************************* */
AtgStage = {
_strModalId: 'atg_stage',
_container: null,
_height: 0,
_width: 0,
init: function() {
this._container = $(this._strModalId);
// create a new container if not exisiting
if(this._container == null) {
this._container = new Element('div', { 'id': this._strModalId, 'style': 'position: absolute; z-index: 10;' });
$('stage').insert({before: this._container});
}
},
/**
* Loads a flash into the modal layer
*/
loadFlash: function(swfObject) {
swfObject.write(this._strModalId);
$('topbar').setStyle({zIndex : 20});
},
/*
* closes the layer
*/
close: function() {
if(this._container != null) {
this._container.hide();
$('topbar').setStyle({zIndex : 2});
}
},
/**
* reopen the modal layer
*/
open: function() {
if(this._container != null) {
this._container.show();
$('topbar').setStyle({zIndex : 20});
}
}
};
/* ********************************************************************************* */
/* ### Mouse Tracer ### */
/* ********************************************************************************* */
/**
* One Stars Element, controlled by MouseTracer object
*/
var MouseTraceStar = Class.create();
MouseTraceStar.prototype = {
/**
* Constructor
*
* @param options: an object with several parameters
*/
initialize: function(options) {
this.x = options.x; // mandatory
this.y = options.y; // mandatory
this.creationdate = new Date();
this.speed = options.speed || 5;
this.lifetime = options.lifetime || 5000; // milliseconds
this.offsetX = options.offsetX || 0;
this.offsetY = options.offsetY || 0;
this.size = options.size || 25;
this.container = new Element('img', { 'src': '/NOE/images/icons/yellow-star-trans.png', 'style': 'width: '+this.size+'px; height: '+this.size+'px; position: absolute; z-index: 9000; display: none' });
},
/**
* Apply an effect, that let´s the container appear
*/
appear: function() {
new Effect.Appear(this.container);
},
/**
* Get the html container
*/
getContainer : function() {
return this.container;
},
/**
* Each element has an offset for a "wobble" effect.
* This method creates a new random offset
*/
randomizeOffset: function() {
var randX = Math.floor(Math.random() * 4);
var randY = Math.floor(Math.random() * 4);
if(Math.floor(Math.random() * 2) == 1) {
randX *= -1;
}
if(Math.floor(Math.random() * 2) == 1) {
randY *= -1;
}
this.offsetX += randX;
this.offsetY += randY;
},
/**
* Set the x and y coordinate for the element
*/
setXY: function(x,y) {
this.speedX = !this.x ? 0 : x - this.x;
this.speedY = !this.y ? 0 : y - this.y;
this.x = x;
this.y = y;
this.updateContainer();
},
/**
* Update he coordinates of the element
*/
updateContainer: function() {
this.container.setStyle({ left: (this.x) + "px", top: (this.y) + "px"});
},
/**
* Check if lifetime of element is expired
*/
isExpired: function() {
var time = new Date().getTime();
return time > this.creationdate.getTime() + this.lifetime;
}
}
/**
* Controller for Star-Elements, that follow the users mouse cursor
*/
MouseTracer = {
position: {
x: 0,
y: 0
},
container: null,
elements: null,
maxHeight: 0,
elementStdLifetime: 300,
init: function() {
this.container = new Element('div', { 'id': 'mouse-trace-container', 'style': '' });
$('body_helper').insert({after: this.container});
this.elements = new Array();
for(var i = 0; i < 5; i++) {
this.addElement(this.createRandomElement());
}
// set page borders (16x15 is the size of one star)
this.maxWidth = $('body_helper').getWidth();
this.maxHeight = $('body_helper').getHeight();
var _this = this;
this.interval = window.setInterval("MouseTracer.updateElements()", 30);
Event.observe(document, "mousemove", function(e) {
var x = Event.pointerX(e);
var y = Event.pointerY(e);
_this.setPosition(x, y);
});
},
createRandomElement: function() {
var randomLifetime = (Math.round(Math.random() * 6000) + 500); // 500 - 6500
var randomSize = (Math.round(Math.random() * 15) + 10); // 10-25
var posX = (Math.floor(Math.random() * 1000) - 500);
var posY = (Math.floor(Math.random() * 1000) - 500);
return new MouseTraceStar({x: this.position.x + posX, y:this.position.y + posY, lifetime: randomLifetime, size: randomSize });
},
/**
* Sets the current pointer position
*/
setPosition: function(x,y) {
this.position.x = x;
this.position.y = y;
},
/**
* Adds one element to the element list
*/
addElement: function(element) {
this.elements.push(element);
this.container.insert(element.getContainer());
element.appear();
},
/**
* Update all elements // called by interval
*/
updateElements: function() {
for(var i=0; i < this.elements.length; i++) {
var element = this.elements[i];
if(element.isExpired()) {
this.fallDown(i);
}
else {
this.moveElement(i);
element.randomizeOffset();
}
}
},
/**
* Get the element on position i
*/
getElement: function(i) {
return this.elements[i];
},
/**
* Add an element und remove the element on position i
*/
setElement: function(i, element) {
this.elements.splice(i, 1);
this.addElement(element);
},
/**
* Normal movement (when not expired)
*/
moveElement: function(i) {
var element = this.getElement(i);
var newX = this.position.x + element.offsetX;
var newY = this.position.y + element.offsetY;
var distX = newX - element.x;
var distY = newY - element.y;
var x = element.x + distX / element.speed;
var y = element.y + distY / element.speed;
element.setXY(x, y);
},
/**
* Falling down movement (when expired)
*/
fallDown: function(i) {
var element = this.getElement(i);
var maxHeight = this.maxHeight - element.size;
var maxWidth = this.maxWidth - element.size;
var x = element.x + element.speedX;
element.speedY += 2;
var y = element.y + element.speedY;
if(x > maxWidth) {
x = maxWidth;
}
if(y > maxHeight) {
y = maxHeight;
// if element is on ground, remove it from Elementlist and add a new element
this.setElement(i, this.createRandomElement());
}
element.setXY(x, y);
}
};
/**
* Little Helper for shaking the page
*/
ScreenShaker = {
interval: null,
framerate: 30, //milliseconds
/**
* Start shaking
*/
start: function() {
this.interval = window.setInterval("ScreenShaker.shake()", this.framerate);
},
/**
* Stop shaking
*/
stop: function() {
window.clearInterval(this.interval);
this.setOffsets(0,0);
},
/**
* Shakes the page // called via interval
*/
shake: function() {
var range = 30;
var offsetX = Math.round(Math.random() * range);
var offsetY = Math.round(Math.random() * range);
this.setOffsets(offsetX, offsetY);
},
/**
* Set the page offsets
*/
setOffsets: function(offsetX, offsetY) {
$('page_margins').setStyle({"paddingLeft": offsetX + "px"});
$('page_margins').setStyle({"paddingTop": offsetY + "px"});
}
};
/* ********************************************************************************* */
/* ### Mouse Tracer ### */
/* ********************************************************************************* */
/**
* One Stars Element, controlled by MouseTracer object
*/
var MouseTraceStar = Class.create();
MouseTraceStar.prototype = {
/**
* Constructor
*
* @param options: an object with several parameters
*/
initialize: function(options) {
var _this = this;
this.x = options.x; // mandatory
this.y = options.y; // mandatory
this.creationdate = new Date();
this.speed = options.speed || 5;
this.lifetime = options.lifetime || 5000; // milliseconds
this.downtime = options.downtime || 10000; // how long star lays on the ground
this.size = options.size || 25;
this.direction = Math.floor(Math.random() * 2) == 1 ? 1 : -1; // 1 = clockwise
this.offsetX = options.offsetX || this.size / 2;
this.offsetY = options.offsetY || this.size / 2;
this.container = new Element('img', { 'src': '/NOE/images/icons/yellow-star-trans.png', 'style': 'width: '+this.size+'px; height: '+this.size+'px; position: absolute; z-index:9000; display: none' });
},
/**
* Apply an effect, that let´s the container appear
*/
appear: function() {
// new Effect.Appear(this.container);
this.container.show();
},
disappear: function() {
var _this = this;
// Effect.Fade(this.getContainer(), {afterFinish: function() {
// _this.getContainer().remove();
// delete _this;
// }});
_this.getContainer().remove();
delete _this;
},
/**
* Get the html container
*/
getContainer : function() {
return this.container;
},
/**
* Each element has an offset for a "wobble" effect.
* This method creates a new random offset
*/
randomizeOffset: function() {
var randX = Math.floor(Math.random() * 4) + 1;
var randY = Math.floor(Math.random() * 4) + 1;
var border = 5;
// Check, witch quartal we are in.
// the quartals around mouse pointer are:
// 4 | 1
// -----
// 3 | 2
// quartal 1
if(this.offsetX >= 0 && this.offsetY < 0) {
this.offsetX += randX * this.direction;
this.offsetY += randY * this.direction;
if(this.offsetX - border <= 0 &&
this.offsetY + border + this.size >= 0) {
this.offsetX = border;
this.offsetY = this.size * -1 - border;
}
}
// quartal 2
else if(this.offsetX > 0 && this.offsetY >= 0) {
this.offsetX -= randX * this.direction;
this.offsetY += randY * this.direction;
if(this.offsetX - border <= 0 &&
this.offsetY - border <= 0) {
this.offsetX = border;
this.offsetY = border;
}
}
// quartal 3
else if(this.offsetX <= 0 && this.offsetY > 0) {
this.offsetX -= randX * this.direction;
this.offsetY -= randY * this.direction;
if(this.offsetX + border + this.size >= 0 &&
this.offsetY - border <= 0) {
this.offsetX = this.size * -1 - border;
this.offsetY = border;
}
}
// quartal 4
else {
this.offsetX += randX * this.direction;
this.offsetY -= randY * this.direction;
// check collision with mouse cursor:
if(this.offsetX + border + this.size >= 0 &&
this.offsetY + border + this.size >= 0) {
this.offsetX = this.size * -1 - border;
this.offsetY = this.size * -1 - border;
}
}
},
/**
* Set the x and y coordinate for the element
*/
setXY: function(x,y) {
this.speedX = !this.x ? 0 : x - this.x;
this.speedY = !this.y ? 0 : y - this.y;
this.x = x;
this.y = y;
this.updateContainer();
},
/**
* Update he coordinates of the element
*/
updateContainer: function() {
this.container.setStyle({ left: (this.x) + "px", top: (this.y) + "px"});
},
/**
* Check if lifetime (time that star follows mouse) of element is expired
*/
isExpired: function() {
var time = new Date().getTime();
return time > this.creationdate.getTime() + this.lifetime;
},
/**
* Set the lifetime to zero, so that the element is expired
*/
setExpired: function() {
this.lifetime = 0;
},
/**
* Check if star has to dissappear
*/
isDead: function() {
var time = new Date().getTime();
return time > this.creationdate.getTime() + this.lifetime + this.downtime;
}
}
/**
* Controller for Star-Elements, that follow the users mouse cursor
*/
MouseTracer = {
position: {
x: 0,
y: 0
},
lastPositions: null,
container: null,
elements: null,
fallenElements: null,
elementStdLifetime: 300,
maxElements: 6,
initialized: false,
init: function() {
this.container = new Element('div', { 'id': 'mouse-trace-container', 'style': '' });
$('body_helper').insert({after: this.container});
this.elements = new Array();
this.fallenElements = new Array();
this.lastPositions = new Array();
this.lastShakeTime = new Date();
var _this = this;
this.interval = window.setInterval("MouseTracer.updateElements()", 30);
Event.observe(document, "mousemove", function(e) {
var x = Event.pointerX(e);
var y = Event.pointerY(e);
_this.setPosition(x, y);
if(_this.isShaked()) {
_this.toggleTracing();
}
});
// Event.observe(window, "resize", function(e) {
// _this.initBorders();
// })
this.initialized = true;
this.startTracing();
},
updateBorders: function() {
// the borders of the page
var width = $('body_helper').getWidth();
var height = $('body_helper').getHeight();
// check if the height differs from old, and delete elements if so!
if(this.maxHeight != height || this.maxWidth != width) {
this.cleanElements();
}
this.maxWidth = width;
this.maxHeight = height;
this.footerLeft = $('footer').cumulativeOffset()[0];
this.footerTop = $('footer').cumulativeOffset()[1];
this.footerWidth = $('footer').getWidth();
this.footerHeight = $('footer').getHeight();
},
toggleTracing: function() {
if(this.isStopped) {
this.startTracing();
}
else {
this.stopTracing();
}
},
/**
* Stop the tracing and expire all active stars
*/
stopTracing: function() {
for(var i=0; i < this.elements.length; i++) {
var element = this.elements[i];
element.setExpired();
}
this.isStopped = true;
},
/**
* Start the tracing and add new random stars
*/
startTracing: function() {
this.isStopped = false;
// init the starsrain with 5 stars
for(var i = 0; i < this.maxElements; i++) {
this.addElement(this.createRandomElement());
}
},
/**
* Creates a random Element with random coordinates and size
*/
createRandomElement: function() {
var randomLifetime = (Math.round(Math.random() * 6000) + 500); // 500 - 6500
var randomSize = (Math.round(Math.random() * 15) + 10); // 10-25
var posX = (Math.round(Math.random() * 400) + 100);
var posY = (Math.round(Math.random() * 400) + 100);
var offsetX = (Math.round(Math.random() * 5) + randomSize);
var offsetY = (Math.round(Math.random() * 5) + randomSize);
if(Math.floor(Math.random() * 2) == 1) {
posX *= -1;
offsetX *= -1;
};
if(Math.floor(Math.random() * 2) == 1) {
posY *= -1;
offsetY *= -1;
};
return new MouseTraceStar({x: this.position.x + posX, y:this.position.y + posY, lifetime: randomLifetime, size: randomSize, offsetX: offsetX, offsetY: offsetY });
},
/**
* Sets the current pointer position
*/
setPosition: function(x,y) {
this.position.x = x;
this.position.y = y;
if(this.lastPositions.length > 2) {
// remove the first element from array
this.lastPositions.splice(0,1);
}
this.lastPositions.push({x:x, y:y});
},
/**
* Checks, if the cursor has been "shaked"
*/
isShaked: function() {
// time, in which the mouse has to be shaked
var shakeTime = 1000;
if(this.lastPositions.length == 3) {
var p = this.lastPositions;
if(p[0].x > p[1].x && p[1].x < p[2].x ||
p[0].x < p[1].x && p[1].x > p[2].x) {
var time = new Date().getTime();
// is shaketime expired?
if(time > this.lastShakeTime.getTime() + shakeTime) {
// reset
this.lastShakeTime = new Date();
this.countShakes = 0;
}
else {
this.countShakes++;
}
if(this.countShakes == 3) {
this.countShakes = 0;
return true;
}
}
}
return false;
},
/**
* Adds one element to the element list
*/
addElement: function(element) {
if(!this.isStopped) {
this.elements.push(element);
this.container.insert(element.getContainer());
element.appear();
}
},
/**
* Update all elements // called by interval
*/
updateElements: function() {
this.updateBorders();
for(var i=0; i < this.elements.length; i++) {
var element = this.elements[i];
if(element.isExpired()) {
this.fallDown(i);
}
else {
this.moveElement(i);
element.randomizeOffset();
}
}
for(var i=0; i < this.fallenElements.length; i++) {
var element = this.fallenElements[i];
if(element.isDead()) {
this.cleanElement(i);
}
}
},
/**
* Get the element on position i
*/
getElement: function(i) {
return this.elements[i];
},
/**
* Get the fallen element on position i
*/
getFallenElement: function(i) {
return this.fallenElements[i];
},
/**
* Add an element und remove the element on position i
*/
setElement: function(i, element) {
this.elements.splice(i, 1);
this.addElement(element);
},
/**
* Normal movement (when not expired)
*/
moveElement: function(i) {
var element = this.getElement(i);
var newX = this.position.x + element.offsetX;
var newY = this.position.y + element.offsetY;
var distX = newX - element.x;
var distY = newY - element.y;
var x = element.x + distX / element.speed;
var y = element.y + distY / element.speed;
var maxHeight = this.maxHeight - element.size;
var maxWidth = this.maxWidth - element.size;
if(x > maxWidth) x = maxWidth;
if(x < 0) x = 0;
if(y > maxHeight) y = maxHeight;
if(y < 0) y = 0;
element.setXY(x, y);
},
/**
* Falling down movement (when expired)
*/
fallDown: function(i) {
var element = this.getElement(i);
var maxHeight = this.maxHeight - element.size;
var maxWidth = this.maxWidth - element.size;
var footerTop = this.footerTop - element.size;
var footerBottom = this.footerTop + this.footerHeight;
var footerLeft = this.footerLeft - element.size;
var footerRight = this.footerLeft + this.footerWidth;
var x = element.x + element.speedX;
element.speedY += 2;
var y = element.y + element.speedY;
if(x > maxWidth) x = maxWidth;
if(x < 0) x = 0;
var isFallen = false;
if(y > footerTop && this.position.y < footerTop && x > footerLeft && x < footerRight) {
y = footerTop;
isFallen = true;
}
else if(y > maxHeight) {
y = maxHeight;
isFallen = true;
}
if(isFallen) {
var oldElement = this.elements[i];
// push old element onto the fallen elements array
this.fallenElements.push(oldElement);
// if element is on ground, remove it from Elementlist and add a new element
this.elements.splice(i, 1);
if(this.elements.length < this.maxElements) {
this.addElement(this.createRandomElement());
}
}
element.setXY(x, y);
},
cleanElements: function() {
var l = this.fallenElements.length;
for(var i=0; i < l; i++) {
var element = this.getFallenElement(i);
element.disappear();
}
this.fallenElements = new Array();
},
/**
* Removes a whole element from the page
*/
cleanElement: function(i) {
var element = this.getFallenElement(i);
// remove from array
this.fallenElements.splice(i, 1);
element.disappear();
}
};
Event.observe(window, 'load', function() {
if($('ac_animation')) {
var loginButton = $$('#login_wrapper img')[0];
Event.observe(loginButton, 'click', function() {
$('ac_animation').hide();
});
}
});
/* Start of functions for Software and Hardware Registration Process */
// Update Age and Gender fields in 'q2' survey
function updateAgeGender() {
var q2_length = document.getElementById('q2').getElementsByClassName("row").length;
for (i = 1; i <= q2_length; i++) {
var ageGet = "q2_" + i + "_age";
var ageSet = "q2b_age_" + i;
var genderGet = "q2_" + i + "_gender";
var genderSet = "q2b_gender_" + i;
showAge(ageSet,document.getElementById(ageGet).value);
showGender(genderGet,genderSet,document.getElementById(genderGet).value)
}
}
// Displays user age in question about which user has highest priority
function showAge(age_id,value) {
var age = " ";
if (value > 2 && (parseFloat(value) == parseInt(value)) && !isNaN(parseInt(value))) {
age = value;
}
document.getElementById(age_id).innerHTML = age;
}
// Displays user gender in question about which user has highest priority
function showGender(form_id,gender_id,value) {
var gender = " ";
if (value > 0) {
var selected = document.getElementById(form_id)[document.getElementById(form_id).selectedIndex].innerHTML;
gender = selected;
}
document.getElementById(gender_id).innerHTML = gender;
}
// Array of possible options for 'q8new' survey
var q8new_items = new Array("q8new_1","q8new_2","q8new_3","q8new_4","q8new_5","q8new_6","q8new_7","q8new_8","q8new_10");
var q8new_items_length = q8new_items.length;
// Disable/enable all systems in 'q8new' survey
function setSystems(value) {
for (i = 0; i < q8new_items_length; i++) {
var system_item = document.getElementById(q8new_items[i]);
if (system_item) {
system_item.disabled=value;
system_item.checked=false;
}
}
}
// React to "No Systems" checkbox being clicked in 'q8new' survey
function toggleSystems() {
var no_systems_value = document.getElementById('q8new_9').checked;
setSystems(no_systems_value);
}
// Limits text area to length defined in function call
function limitText(limitField, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
}
}
// Shows+Activates and Hides+Deactivates Multiple Questions and Answers
function showQuest(){
if($('q5_1').getValue() == 1){
$('qshow').show();
}
else if($('q5_2').getValue() == 2){
$('qshow').hide();
var q6answers = $('q6').select('.radio');
var q7answers = $('q7').select('.radio');
var q8answers = $('q8new').select('.checkbox');
q6answers.each(function(item){item.setValue(false);});
q7answers.each(function(item){item.setValue(false);});
q8answers.each(function(item){item.setValue(false);item.enable();});
}
}
/* End of functions for Software and Hardware Registration Process */
/* Start of Function for Recent Games page */
var RecentDateString;
function getRecentDate () {
Now = new Date();
Minus = 6;
Day = "01";
Month = Now.getMonth() + 1;
Year = Now.getYear();
if ((Year > 99) && (Year < 1900)) Year += 1900;
Month -= Minus;
if (Month <= 0){Month += 12; Year -= 1}
RecentDateString= "" + Day;
RecentDateString+= ((Month<10) ? ".0" : ".") + Month;
RecentDateString+= "." + Year;
$('dateFrom').setValue(RecentDateString);
}
/* End of Function for Recent Games page */
');
}
}
// doesn´t work for IE correctly, so the init is applied in the opener-functions
//document.observe("dom:loaded", function() {
// ModalLayer.init();
//});
/* Appearing the Layer in the Stars catalog item list */
function showStarsCatalogeLayer(element){
$(element).up().style.opacity = '1';
$(element).hide();
$(element).setStyle({visibility: 'visible'});
if(!checkIE6()){
new Effect.Appear(element, {duration:0.3});
}
else { $(element).show(); }
}
function hideStarsCatalogeLayer(element){
if(!checkIE6()){
new Effect.Fade(element, {duration:0.3});
}
else { $(element).hide(); }
}
/* ********************************************************************************* */
/* ### Club Nintendo related functions ### */
/* ********************************************************************************* */
function hideNShow(element_hide, element_show){
element_hide.hide();
element_show.show();
//new Effect.Fade(element_hide, {duration:0.5});
//new Effect.Appear(element_show, {duration:0.5});
}
function hideNShowPwdFields(element_hide, element_show) {
element_show.select('input[type="password"]').each(function(item) {
item.value = '';
});
element_hide.hide();
element_show.show();
}
/* Toggle the Tabs in the my Profile Area */
function toggleProfileTabs(element1, element2, link_tab, link_tab2){
$(element1).show();
$(element2).hide();
previousElementLink1 = $(link_tab).previous();
nextElementLink1 = $(link_tab).next();
$(previousElementLink1).className= "std_act_pre";
$(nextElementLink1).className= "std_act_after";
$(link_tab).className = "active";
previousElementLink2 = $(link_tab2).previous();
nextElementLink2 = $(link_tab2).next();
$(previousElementLink2).className= "std_non_act_pre";
$(nextElementLink2).className= "std_non_act_after";
$(link_tab2).removeClassName('active');
}
var productPos = 0;
function initRegisteredProducts(move){
productPos += move;
for(i=0;i<5;i++){
id_nr = i +1;
div_name = "rp_item_" + id_nr;
array_pos = productPos +i;
if(registered_products[array_pos]==null){
$(div_name).className = 'empty';
$(div_name).innerHTML =' ';
}
else{
$('registere_products_right').style.visibility = 'visible';
$('registere_products_left').style.visibility = 'visible';
$(div_name).className = 'item';
$(div_name).innerHTML ='