var adverts = new Array;

function init() {

	var y = document.getElementsByTagName('div');
	for (var i=0; i<y.length; i++) {
	
		var classPieces = y[i].className.split(" ");
		if (classPieces[0] == 'advertrotate' && classPieces[1] == 'main') {
			var advertid = classPieces[2];

			for (l = 0; l < y[i].childNodes.length; l++) {
				if (y[i].childNodes[l].tagName == 'DIV') {
					var subClassPieces = y[i].childNodes[l].className.split(" ");
					if (subClassPieces[0] == 'advertrotate' && subClassPieces[1] == 'sub') {
						var url = subClassPieces[2];
						var src = subClassPieces[3];
						if (!adverts[advertid]) {
							adverts[advertid] = new Array;
							adverts[advertid]['lastchange'] = 0;
							if (classPieces[3]) {
								adverts[advertid]['delay'] = parseInt(classPieces[3]);
							}
							else {
								adverts[advertid]['delay'] = 4;
							}
							if (classPieces[4] == 'nofade') {
								adverts[advertid]['fade'] = 0;
							}
							else {
								adverts[advertid]['fade'] = 1;
							}
							adverts[advertid]['ads'] = new Array;
						}
						adverts[advertid]['ads'][l] = new Object;
						adverts[advertid]['ads'][l].url = url;
						adverts[advertid]['ads'][l].src = src;
					}
				}
			}
		}
		if (y[i].className=='glossary_box') {
			y[i].onmouseover = show_glossary_box;
			y[i].onmouseout = hide_glossary_box;
		}
	}

	if (adverts) {
		startAdvertRotator(adverts);
	}
	
	var y = document.getElementsByTagName('img');
	for (var i=0; i<y.length; i++) {
		var classtext = '';
		if (y[i].getAttribute('class') && y[i].getAttribute('class').substr(0, 4) == 'icon') {
			createIconAlt(y[i]);
		}
		if (y[i].getAttribute('increment')) {
			y[i].onclick = incrementFormValue;
		}
		else if (y[i].getAttribute('decrement')) {
			y[i].onclick = decrementFormValue;
		}
	}
	
	var y = document.getElementsByTagName('a');
	for (var i=0; i<y.length; i++) {
		if (y[i].getAttribute('openpopup')) {
			y[i].href = 'javascript:function () { return false }';
			y[i].onclick = openPopup;
		}
		else if (y[i].getAttribute('submit')) {
			y[i].onclick = submit_form;
		}
		else if (y[i].getAttribute('warning')) {
			y[i].onclick = link_onclick;
		}
		else if (y[i].getAttribute('location')) {
			y[i].href = 'javascript:function () { return false }';
			y[i].onclick = link_onclick;
		}
		else if (y[i].getAttribute('id') == 'addcartlink') {
			y[i].onclick = addcartlink;
		}
		if (y[i].className) {
			var classPieces = y[i].className.split("=");
			if (classPieces[0] == 'submit' && classPieces[1]) {
				y[i].setAttribute('submit', classPieces[1]);
				y[i].onclick = submit_form;
			}
		}
    }
	
	var y = document.getElementsByTagName('input');
	for (var i=0; i<y.length; i++) {
		if (y[i].getAttribute('submit')) {
			y[i].onchange = submit_form;
		}
		else if (y[i].getAttribute('shareimage')) {
			y[i].onclick = shareimage;
		}
		else if (y[i].getAttribute('unshareimage')) {
			y[i].onclick = unshareimage;
		}
		else if (y[i].getAttribute('checkanswer')) {
			y[i].onclick = checkanswer;
		}
		else if (y[i].className) {
			var classPieces = y[i].className.split(" ");
			if (classPieces[0] == 'autocomplete' && classPieces[1] && classPieces[2]) {
				y[i].setAttribute('url', classPieces[2]);
				y[i].setAttribute('field', classPieces[1]);
				y[i].setAttribute('resultfield', classPieces[3]);
				y[i].onkeypress = autocompleteKeyPress;
				y[i].onkeydown = autocompleteKeyPress;
			}
		}
    }
	
	var y = document.getElementsByTagName('form');
	for (var i=0; i<y.length; i++) {
		if (!y[i].onsubmit) {
			y[i].onsubmit = form_onsubmit;
		}
	}

	var y = document.getElementsByTagName('acronym');
	for (var i=0; i<y.length; i++) {
		if (y[i].getAttribute('glossary_text')) {
			y[i].onmouseover = show_glossary_box;
			//y[i].onmouseout = hide_glossary_box;
		}
	}
	var y = document.getElementsByTagName('div');
	for (var i=0; i<y.length; i++) {
		if ((y[i].className == 'text') && (y[i].getAttribute('submit'))) {
			if (y[i].getAttribute('inactivated')) {
				y[i].style.color = '#999';
			}
			y[i].onclick = submit_form;
		}
		else if ((y[i].className == 'text') && (y[i].getAttribute('location'))) {
			if (y[i].getAttribute('inactivated')) {
				y[i].style.color = '#999';
			}
			y[i].onclick = link_onclick;
		}
		else if ((y[i].className == 'red_button') && (y[i].getAttribute('location'))) {
			if (y[i].getAttribute('inactivated')) {
				y[i].style.color = '#999';
			}
			y[i].onclick = link_onclick;
		}
		else if ((y[i].className == 'text') && (y[i].getAttribute('q_submit'))) {
			if (y[i].getAttribute('inactivated')) {
				y[i].style.color = '#999';
			}
			y[i].onclick = q_submit;
		}
	}

	var y = document.getElementsByTagName('li');
	for (var i=0; i<y.length; i++) {
		if (y[i].getAttribute('location')) {
			if (y[i].getAttribute('inactivated')) {
				y[i].style.color = '#999';
			}
			y[i].onclick = link_onclick;
		}
		if (y[i].className) {
			var classPieces = y[i].className.split("=");
			if (classPieces[0] == 'location' && classPieces[1]) {
				y[i].setAttribute('location', classPieces[1]);
				y[i].onclick = link_onclick;
			}
		}
	}
	
	if (document.getElementById('utmform')) {
		__utmSetTrans();
	}
}

function autocompleteKeyPress(event) {

/*
	if (event.keyCode == 40) { //- Key down
	}
	else if (event.keyCode == 38) { //- Key up
	}
	else if (event.keyCode == 27) { //- Key escape
	}
	else {

*/		autocompleteStart(this);
//	}
}

var t = null;
var ac_object = null;
var ac_message = '';
var ac_inprogress = 0;

function autocompleteStart(object) {

	if (t) {
		window.clearTimeout(t);
	}
	
	ac_object = object;
	t = window.setTimeout("_autocompleteStart()", 500);
}

function _autocompleteStart() {
	
	if (ac_inprogress) {
		return false;
	}
	
	var searchfieldname = ac_object.getAttribute('field');
	var searchfield = document.getElementById(searchfieldname);
	var searchtext = searchfield.value;
	
	var resultfieldname = ac_object.getAttribute('resultfield');
	var resultfield = document.getElementById(resultfieldname);
	
	if (searchtext != '' && searchtext.length > 2) {
		ac_inprogress = 1;
		visible('ac_sip', true, 'block');
		var request = new Ajax.Request(ac_object.getAttribute('url') + '/' + searchtext, { method:'get',
			onSuccess: function(transport) {
				visible('ac_sip', false);
				ac_message = transport.responseText;
				resultfield.innerHTML = ac_message;
				visible(resultfieldname, true);
				ac_inprogress = 0;
			}
		});
	}
	else {
		visible('ac_sip', false);
		ac_message = '';
		resultfield.innerHTML = ac_message;
	}
		
	return true;
}

function getRandNum(min, max) {
  var offset = min;
  var range = (max - min) + 1;
 
  var randomNumber = Math.floor( Math.random() * range) + offset;
  return randomNumber;
}

function startAdvertRotator() {

	for (var advertid in adverts) {

		var fade = 1;
		d = new Date;
		var rand = getRandNum(adverts[advertid]['delay'], adverts[advertid]['delay']+4);
		if (Math.round(d.getTime() / 1000) < adverts[advertid]['lastchange'] + rand) {
			continue;
		}

		if (adverts[advertid]['lastchange'] == 0) {
			fade = 0;
		}
		
		var ids = new Array;
		var k = 0;
		for (var i in adverts[advertid]['ads']) {
			ids[k] = i;
			k++;
		}
		ids.sort(function (a,b) { return Math.random() * 100 - 50 } );
		for (var j in ids) {
			if (adverts[advertid]['lastchange'] == 0) {
				var ret = changeAdvert(advertid, adverts[advertid]['ads'][ids[j]], 0);
			}
			else {
				var ret = changeAdvert(advertid, adverts[advertid]['ads'][ids[j]], adverts[advertid]['fade']);
			}
			if (ret) {
				var d = new Date;
				adverts[advertid]['lastchange'] = Math.round(d.getTime() / 1000);
			}
			break;
		}
	}

	timer = setTimeout("startAdvertRotator()", 1000);
		
	return;
}

function changeAdvert(advertid, imagedata, fade) {

	var element = document.getElementById(advertid);
	var element_url = document.getElementById(advertid + '_url');
	
	if (element) {
		if (element.src != imagedata.src) {
			if (fade) {
				Effect.Fade(element, { afterFinish: function () { 
										element.src = imagedata.src;
										element_url.href = imagedata.url;
										Effect.Appear(element);
									}
				} );
			}
			else {
				element.src = imagedata.src;
				element_url.href = imagedata.url;
			}
			return true;
		}
	
		return false;			
	}
	
	return false;
}

function _changeAdvert(advertid, imagedata) {
	
	var element = document.getElementById(advertid);
	var element_url = document.getElementById(advertid + '_url');

	if (element.src != imagedata.src) {
		element.src = imagedata.src;
		element_url.href = imagedata.url;
		Effect.Appear(element);
	}
	
	return;
}

function q_submit() {
	
	var location;
	var emailfield = document.getElementById('emailfield');
	var inactivated = this.getAttribute('inactivated');

	location = this.getAttribute('q_submit');
	
	if (!location || !emailfield) {
		return false;
	}
	
	var email = emailfield.value;

	if (inactivated && inactivated != '') {
		alert(inactivated);
		return false;
	}
	
	if (!email || email == 'E-mail cím') {
		alert('Kérlek add meg az e-mail címed!');
		return false;
	}
	
	location = location + '/' + email;
	
	document.getElementById('hiddenframe').src=location;

	return false;	
}

function checkanswer() {

	var name = this.getAttribute('name').substr(1, 1);
	var correct = this.getAttribute('correct');
	
	if (!name) {
		return false;
	}
	
	var sobject = document.getElementById('q' + name + 't');
	
	if (!sobject) {
		return false;
	}
	
	if (correct) {
		sobject.innerHTML = '<span style="color: #090;">Helyes válasz!</span>';
	}
	else {
		sobject.innerHTML = '<span style="color: #900;">A válasz nem jó, próbáld újra!</span>';
	}
	
	checkanswers();
	
	return true;
}

var _itext = '';

function checkanswers() {

	var correct = 0;
	var q_button = document.getElementById('q_button');
	
	if (!q_button) {
		return false;
	}
	
	var y = document.getElementsByTagName('input');
	for (var i=0; i<y.length; i++) {
		if (y[i].getAttribute('name').substr(0, 1) == 'q') {
			if (y[i].getAttribute('correct') == 1 && y[i].checked) {
				correct++;
			}
		}
	}
	
	if (correct == 3) {
		_itext = q_button.getAttribute('inactivated');
		q_button.removeAttribute('inactivated');
		q_button.style.color = '#333';
	}
	else {
		if (_itext != '') {
			q_button.setAttribute('inactivated', _itext);
			q_button.style.color = '#999';
		}
	}
}

function createIconAlt(object) {

	return true;
}

function shareimage() {

	var imageID = 0;
	var shared = 0;
	var shareaction = '';

	imageID = this.getAttribute('shareimage');
	shared = this.getAttribute('shared');
	shareaction = this.getAttribute('shareaction');

	if (imageID > 0 && shareaction) {
		if (!shared || shared == 0) {
			window.location = shareaction + '/share/' + imageID;
			this.setAttribute("shared", "1");
		}
		else {
			window.location = shareaction + '/unshare/' + imageID;
			this.setAttribute("shared", "0");
		}
	}


}

function showCenterImage(objid,width,height) {
	
	var obj = document.getElementById(objid);
	
	if (self.innerWidth) {
	  var frameWidth = self.innerWidth;
	  var frameHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientWidth) {
	  var frameWidth = document.documentElement.clientWidth;
	  var frameHeight = document.documentElement.clientHeight;
	}
	else if (document.body) {
	  var frameWidth = document.body.clientWidth;
	  var frameHeight = document.body.clientHeight;
	}
	
	if (self.pageYOffset) {
	  var plusx= self.pageXOffset;
	  var plusy = self.pageYOffset;
	}
	else if(document.documentElement && document.documentElement.scrollTop) {
	  var plusx = document.documentElement.scrollLeft;
	  var plusy = document.documentElement.scrollTop;
	}
	else {
	  var plusx = document.body.scrollLeft;
	  var plusy = document.body.scrollTop;
	}

	// -20 : padding
	// -14 : jobb oldali scrollbar

	var posx = Math.round(frameWidth/2 - width/2 + plusx -20 -14);
	var posy = Math.round(frameHeight/2 - height/2 + plusy -20);
	
	obj.style.left = posx + 'px';
	obj.style.top = posy + 'px';


	visible(objid,true,'block');
}
  
function hideCenterImage(objid) {
	var obj = document.getElementById(objid);
	visible(objid,false,'');
}


function incrementFormValue() {

	var increment;
	var formname;
	var fieldname;

	regex = /(.*)\.(.*)/;
	match = regex.exec(this.getAttribute('increment'));
	if (match) {
		formname = match[1];
		formvalue = match[2];
		var pcForm = document.forms['' + formname + ''];
		if ((pcForm) && (pcForm['' + formvalue + ''].value)) {
			if (pcForm['' + formvalue + ''].value < 0) {
				pcForm['' + formvalue + ''].value = 1;
			}
			else {
				pcForm['' + formvalue + ''].value++;
			}
		}
	}
}

function decrementFormValue() {

	var decrement;
	var formname;
	var fieldname;

	regex = /(.*)\.(.*)/;
	match = regex.exec(this.getAttribute('decrement'));
	if (match) {
		formname = match[1];
		formvalue = match[2];
		var pcForm = document.forms['' + formname + ''];
		if ((pcForm) && (pcForm['' + formvalue + ''].value)) {
			if (pcForm['' + formvalue + ''].value > 2) {
				pcForm['' + formvalue + ''].value--;
			}
			else {
				pcForm['' + formvalue + ''].value = 1;
			}
		}
	}
}

function addcartlink() {

	var location;
	var productid = 0;
	var formname = '';
	var regex = /cart\/add\/(\d+)\/?/;
	var replaceregex = /cart\/add\/(\d+)\/?/;
	location = this.getAttribute('href');
	if (!location) location = this.getAttribute('location');

	audit('interaction/addcart', 0);
	
	if (location) {
  		var match = regex.exec(location);
		if ((match) && (match[1])) {
			productid = match[1];
		}

		if (productid > 0) {
			formname = 'productcountform' + productid;
			if ((document.forms['' + formname + '']) && (document.forms['' + formname + ''].productcount.value > 1)) {
				location = location.replace(replaceregex, "cart/add/$1/" + document.forms['' + formname + ''].productcount.value);
			}
		}
		timer = setTimeout("document.location='" + location + "'", 10);
	}

	return false;
	
}

function link_onclick() {
	
	var timer = 0;
	var location;
	var picWidth = 200;
	var picHeight = 200;
	var warning = '';
	
	var auditstring = this.getAttribute('clickaudit');
	if (auditstring) {
		audit(auditstring);
	}

	if (timer) clearTimeout(timer);
	location = this.getAttribute('href');
	if (this.getAttribute('location')) { location = this.getAttribute('location'); }
	if (!location) location = this.getAttribute('location');

	warning = this.getAttribute('warning');
	if (warning && warning != '') {
		if (!confirm(warning)) {
			return false;
		}
	}
	
	
	if ((this.getAttribute('inactivated')) && (this.getAttribute('inactivated') != '')) {
		alert(this.getAttribute('inactivated'));
		return false;
	}
	
	if ((location) && (location != '')) {
		timer = setTimeout("document.location='" + location + "'", 10);
	}

	return false;	
}

function form_onsubmit() {
	formname = this.getAttribute('name');
	if (formname == 'searchform') {
		if (document.forms['' + formname + ''].searchtext.value.length < 3) {
			new Effect.Shake('searchfield');
			Effect.Appear('searchfieldwarning', {
				duration:2.0,
				transition:Effect.Transitions.wobble,
				afterFinish: function() {
					setTimeout((function() { new Effect.Fade('searchfieldwarning'); } ), 1000);
				}
			});
			return false;
		}
	}
/*	if (formname == 'newsletterform') {
		if (document.forms['' + formname + ''].newsletteremail.value =='' || document.forms['' + formname + ''].newsletteremail.value =='e-mail cím') {
			visible('emailfieldmsg',false,'');
			new Effect.Shake('emailfield');
			Effect.Appear('emailfieldwarning', {
				duration:2.0,
				transition:Effect.Transitions.wobble,
				afterFinish: function() {
					setTimeout((function() { new Effect.Fade('emailfieldwarning'); } ), 1000);
				}
			});
			return false;
		}
	}
*/
}

function submit_form() {

	var formname = '';
	var submitaction = '';
	
	if ((this.getAttribute('inactivated')) && (this.getAttribute('inactivated') != '')) {
		alert(this.getAttribute('inactivated'));
		return false;
	}

	formname = this.getAttribute('submit');
	submitaction = this.getAttribute('submitaction');
	
	if (submitaction) {
		document.forms['' + formname + ''].setAttribute('action', submitaction);
	}

	if (formname == 'folderForm' && (!is_any_checkbox_checked('choosedImages[]') || (this.className != 'underline' && !is_size_selected('choosedSize')))) {
		alert('A művelet elvégzéséhez legalább 1 képet és kívánt méretet ki kell jelölnöd!');
		return false;
	}
	
	if (formname == 'searchform') {
		if (document.forms['' + formname + ''].searchtext.value.length < 3) {
			new Effect.Shake('searchfield');
			Effect.Appear('searchfieldwarning', {
				duration:2.0,
				transition:Effect.Transitions.wobble,
				afterFinish: function() {
					setTimeout((function() { new Effect.Fade('searchfieldwarning'); } ), 1000);
				}
			});
			return false;
		}
	}
/*	if (formname == 'newsletterform') {
		if (document.forms['' + formname + ''].newsletteremail.value =='' || document.forms['' + formname + ''].newsletteremail.value =='e-mail cím') {
			visible('emailfieldmsg',false,'');
			new Effect.Shake('emailfield');
			Effect.Appear('emailfieldwarning', {
				duration:2.0,
				transition:Effect.Transitions.wobble,
				afterFinish: function() {
					setTimeout((function() { new Effect.Fade('emailfieldwarning'); } ), 1000);
				}
			});
			return false;
		}
	}
*/
	if (this.getAttribute('hidecontent')) {
		objname = this.getAttribute('hidecontent');
		if (document.getElementById(objname)) document.getElementById(objname).style.display='none';
	}
	if (this.getAttribute('showcontent')) {
		objname = this.getAttribute('showcontent');
		if (document.getElementById(objname)) document.getElementById(objname).style.display='';
	}
	document.forms['' + formname + ''].submit();

	return false;
}

var bl_pos = 0;

function shift_left(id) {

	var current = 0;
	var l = 1;
	
	if (bl_pos < bl_maxpos) {
		bl_pos = bl_pos + bl_width;
		current = document.getElementById(id).style.left;
		if (current == '') current = 0;
		else current = parseInt(current);
		for (i = (0 - current); i <= bl_pos; i+=(bl_width/10)) {
			setTimeout("changePos('" + id + "', '" + i + "')", l*100);
			l++;
		}
	}
	
	setTimeout("checkButtonbarPos(" + bl_pos + ")", l*100);
}

function shift_right(id) {

	var l = 1;
	var k = 0;

	if (bl_pos > 0) {
		bl_pos = bl_pos - bl_width;
		current = document.getElementById(id).style.left;
		if (current == '') current = 0;
		else current = parseInt(current);
		for (i = current; i <= (0 - bl_pos); i+=(bl_width/10)) {
			k = 0 - i;
			setTimeout("changePos('" + id + "', '" + k + "')", l*100);
			l++;
		}
	}

	setTimeout("checkButtonbarPos(" + bl_pos + ")", l*100);
}

function checkButtonbarPos(bl_pos) {

	if (bl_pos == 0) {
		document.getElementById('buttonbar-left-arrow').style.display = 'none';
		document.getElementById('buttonbar-right-arrow').style.display = 'block';
	}
	
	if (bl_pos > 0) {
		if (bl_pos == bl_maxpos) document.getElementById('buttonbar-right-arrow').style.display = 'none';
		else document.getElementById('buttonbar-right-arrow').style.display = 'block';

		document.getElementById('buttonbar-left-arrow').style.display = 'block';
	}

}

function changePos(id, bl_pos) {
	document.getElementById(id).style.left = -bl_pos + 'px';
}


function show_glossary_box(e) {
	var glossary_box;

	glossary_box = document.getElementById('glossary_box');
	if (!glossary_box) return;
		

	if (this.getAttribute('glossary_text')) {
	  if(!e) var e = window.event;
	  var posx,posy;
	  if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; }
	  else if (e.clientX || e.clientY) { posx = e.clientX + document.documentElement.scrollLeft; posy = e.clientY + document.documentElement.scrollTop; }

	  glossary_box.innerHTML = this.getAttribute('glossary_text');
	  glossary_box.style.left = posx+2 + 'px';
	  glossary_box.style.top = posy+2 + 'px';
	}
	visible('glossary_box', true, 'block');

	return true;
}

function hide_glossary_box() {

	var glossary_box;

	glossary_box = document.getElementById('glossary_box');
	if (!glossary_box) return;
		
	
	glossary_box.innerHTML = '';
	visible('glossary_box', false);
	return false;
}

function visible(obj, visible, display) {
	if (!display) display = '';
	
	if (document.all) {
		if (window.document.all(obj)) {
			if (visible=='change') visible=window.document.all(obj).style.display=='none';
			if (visible) window.document.all(obj).style.display=display;
			else window.document.all(obj).style.display='none';
		}
    }
    else if (document.getElementById) {
		if (document.getElementById(obj)) {
			if (visible=='change') visible=document.getElementById(obj).style.display=='none';
			if (visible) {
				document.getElementById(obj).style.display=display;
			}
			else document.getElementById(obj).style.display='none';
		}
	}
	
    return true;
}

function openPopup() {

	var location;
	var windowName;
	var width;
	var height;
	var usebg;

	location = this.getAttribute('openpopup');
	wName = this.getAttribute('wName');
	pWidth = this.getAttribute('pWidth');
	pHeight = this.getAttribute('pHeight');
	usebg = this.getAttribute('usebg');

	if (usebg == 1) {
		newWindow = window.open("", wName,'resizable=no,width='+pWidth+',height='+pHeight+',scrollbars=no');
		newWindow.document.writeln('<html><head></head><body background='+location+' onclick="self.close();"><div style="height: ' + pHeight + 'px;" onclick="self.close();"></div></body></html>');
	}
	else {
		newWindow = window.open(location, wName ,'width='+pWidth+',height='+pHeight+',status=no,toolbar=no,menubar=no,location=no,directories=no,resizable=yes,scrollbars=yes,titlebar=no');
	}

	return false;
}

function createCustomLink(valueID) {

	var cartLink;
	var currentHref;
	var optionstring = '';
	var index = 0;
	var options = document.getElementsByTagName('option');

	cartLink = document.getElementById('addcartlink');
	if (typeof(cartLink) == 'undefinied') return false;
	currentHref = cartLink.getAttribute('href');
	
	index = currentHref.indexOf('?');
	if (index > 0) {
		currentHref = currentHref.substr(0, index);
	}

	for (i = 0; i < options.length; i++) {
		if (options[i].className == valueID && options[i].selected) {
			if (optionstring == '') {
				optionstring = options[i].value;
			}
			else {
				optionstring = optionstring + '/' + options[i].value;
			}
		}
	}

	if (optionstring != '') {
		cartLink.href = currentHref + '?customstring=' + optionstring;
	}
	
	return false;
}

function createVariantLink(addCartId, variantValue, variantPrefix) {

	var cartLink;
	var currentHref;
	var index = 0;

	if (variantValue == 'undefined' || !variantValue) return false;
	if (!variantPrefix) variantPrefix = 'variant';

	if (typeof(prices_array) != 'undefined' && prices_array[variantValue]) {
		if (document.getElementById('base_item_price')) {
			document.getElementById('base_item_price').innerHTML = prices_array[variantValue] + " Ft"
			new Effect.Highlight('base_item_price');
		}
	}

	cartLink = document.getElementById('addcartlink');
	if (cartLink == 'undefinied' || !cartLink) return false;
	currentHref = cartLink.getAttribute('href');
	
	index = currentHref.indexOf('?');
	if (index > 0) {
		currentHref = currentHref.substr(0, index);
	}

	if (variantValue) {
		cartLink.href = currentHref + '?' + variantPrefix + '=' + variantValue;
	}
	else {
		cartLink.href = currentHref;
	}

	shoppinglistLink = document.getElementById('addshoppinglistlink');
	if (shoppinglistLink != 'undefinied' && shoppinglistLink) {
		currentHref = shoppinglistLink.getAttribute('href');
	
		index = currentHref.indexOf('?');
		if (index > 0) {
			currentHref = currentHref.substr(0, index);
		}

		if (variantValue) {
			shoppinglistLink.href = currentHref + '?' + variantPrefix + '=' + variantValue;
		}
		else {
			shoppinglistLink.href = currentHref;
		}
	}
}

/*  Prototype JavaScript framework, version 1.4.0_pre2
 *  (c) 2005 Sam Stephenson <sam@conio.net>
 *
 *  THIS FILE IS AUTOMATICALLY GENERATED. When sending patches, please diff
 *  against the source tree, available from the Prototype darcs repository. 
 *
 *  Prototype is freely distributable under the terms of an MIT-style license.
 *
 *  For details, see the Prototype web site: http://prototype.conio.net/
 *
/*--------------------------------------------------------------------------*/

var Prototype = {
  Version: '1.4.0_pre2',
  emptyFunction: function() {}
}

var Class = {
  create: function() {
    return function() { 
      this.initialize.apply(this, arguments);
    }
  }
}

var Abstract = new Object();

Object.extend = function(destination, source) {
  for (property in source) {
    destination[property] = source[property];
  }
  return destination;
}

/*
Object.prototype.extend = function(object) {
  return Object.extend.apply(this, [this, object]);
}
*/

Function.prototype.bind = function(object) {
  var __method = this;
  return function() {
    return __method.apply(object, arguments);
  }
}

Function.prototype.bindAsEventListener = function(object) {
  var __method = this;
  return function(event) {
    return __method.call(object, event || window.event);
  }
}

Number.prototype.toColorPart = function() {
  var digits = this.toString(16);
  if (this < 16) return '0' + digits;
  return digits;
}

var Try = {
  these: function() {
    var returnValue;

    for (var i = 0; i < arguments.length; i++) {
      var lambda = arguments[i];
      try {
        returnValue = lambda();
        break;
      } catch (e) {}
    }

    return returnValue;
  }
}

/*--------------------------------------------------------------------------*/

var PeriodicalExecuter = Class.create();
PeriodicalExecuter.prototype = {
  initialize: function(callback, frequency) {
    this.callback = callback;
    this.frequency = frequency;
    this.currentlyExecuting = false;

    this.registerCallback();
  },

  registerCallback: function() {
    setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
  },

  onTimerEvent: function() {
    if (!this.currentlyExecuting) {
      try { 
        this.currentlyExecuting = true;
        this.callback(); 
      } finally { 
        this.currentlyExecuting = false;
      }
    }
  }
}

/*--------------------------------------------------------------------------*/

function $() {
  var elements = new Array();

  for (var i = 0; i < arguments.length; i++) {
    var element = arguments[i];
    if (typeof element == 'string') {
      element = document.getElementById(element);
	}

    if (arguments.length == 1) 
      return element;

    elements.push(element);
  }

  return elements;
}

if (!Array.prototype.push) {
  Array.prototype.push = function() {
		var startLength = this.length;
		for (var i = 0; i < arguments.length; i++)
      this[startLength + i] = arguments[i];
	  return this.length;
  }
}

if (!Function.prototype.apply) {
  // Based on code from http://www.youngpup.net/
  Function.prototype.apply = function(object, parameters) {
    var parameterStrings = new Array();
    if (!object)     object = window;
    if (!parameters) parameters = new Array();
    
    for (var i = 0; i < parameters.length; i++)
      parameterStrings[i] = 'parameters[' + i + ']';
    
    object.__apply__ = this;
    var result = eval('object.__apply__(' + 
      parameterStrings.join(', ') + ')');
    object.__apply__ = null;
    
    return result;
  }
}

Object.extend(String.prototype, {
  stripTags: function() {
    return this.replace(/<\/?[^>]+>/gi, '');
  },

  escapeHTML: function() {
    var div = document.createElement('div');
    var text = document.createTextNode(this);
    div.appendChild(text);
    return div.innerHTML;
  },

  unescapeHTML: function() {
    var div = document.createElement('div');
    div.innerHTML = this.stripTags();
    return div.childNodes[0].nodeValue;
  }
});

var Ajax = {
  getTransport: function() {
    return Try.these(
      function() {return new ActiveXObject('Msxml2.XMLHTTP')},
      function() {return new ActiveXObject('Microsoft.XMLHTTP')},
      function() {return new XMLHttpRequest()}
    ) || false;
  }
}

Ajax.Base = function() {};
Ajax.Base.prototype = {
  setOptions: function(options) {
    this.options = {
      method:       'post',
      asynchronous: true,
      parameters:   ''
    }
    Object.extend(this.options, options || {});
  },

  responseIsSuccess: function() {
    return this.transport.status == undefined
        || this.transport.status == 0 
        || (this.transport.status >= 200 && this.transport.status < 300);
  },

  responseIsFailure: function() {
    return !this.responseIsSuccess();
  }
}

Ajax.Request = Class.create();
Ajax.Request.Events = 
  ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete'];

Ajax.Request.prototype = Object.extend(new Ajax.Base(), {
  initialize: function(url, options) {
    this.transport = Ajax.getTransport();
    this.setOptions(options);
    this.request(url);
  },

  request: function(url) {
    var parameters = this.options.parameters || '';
    if (parameters.length > 0) parameters += '&_=';

    try {
      if (this.options.method == 'get')
        url += '?' + parameters;

      this.transport.open(this.options.method, url,
        this.options.asynchronous);

      if (this.options.asynchronous) {
        this.transport.onreadystatechange = this.onStateChange.bind(this);
        setTimeout((function() {this.respondToReadyState(1)}).bind(this), 10);
      }

      this.setRequestHeaders();

      var body = this.options.postBody ? this.options.postBody : parameters;
      this.transport.send(this.options.method == 'post' ? body : null);

    } catch (e) {
    }
  },

  setRequestHeaders: function() {
    var requestHeaders = 
      ['X-Requested-With', 'XMLHttpRequest',
       'X-Prototype-Version', Prototype.Version];

    if (this.options.method == 'post') {
      requestHeaders.push('Content-type', 
        'application/x-www-form-urlencoded');

      /* Force "Connection: close" for Mozilla browsers to work around
       * a bug where XMLHttpReqeuest sends an incorrect Content-length
       * header. See Mozilla Bugzilla #246651. 
       */
      if (this.transport.overrideMimeType)
        requestHeaders.push('Connection', 'close');
    }

    if (this.options.requestHeaders)
      requestHeaders.push.apply(requestHeaders, this.options.requestHeaders);

    for (var i = 0; i < requestHeaders.length; i += 2)
      this.transport.setRequestHeader(requestHeaders[i], requestHeaders[i+1]);
  },

  onStateChange: function() {
    var readyState = this.transport.readyState;
    if (readyState != 1)
      this.respondToReadyState(this.transport.readyState);
  },

  respondToReadyState: function(readyState) {
    var event = Ajax.Request.Events[readyState];

    if (event == 'Complete')
      (this.options['on' + this.transport.status]
       || this.options['on' + (this.responseIsSuccess() ? 'Success' : 'Failure')]
       || Prototype.emptyFunction)(this.transport);

    (this.options['on' + event] || Prototype.emptyFunction)(this.transport);

    /* Avoid memory leak in MSIE: clean up the oncomplete event handler */
    if (event == 'Complete')
      this.transport.onreadystatechange = Prototype.emptyFunction;
  }
});

Ajax.Updater = Class.create();
Ajax.Updater.ScriptFragment = '(?:<script.*?>)((\n|.)*?)(?:<\/script>)';

Object.extend(Object.extend(Ajax.Updater.prototype, Ajax.Request.prototype), {
  initialize: function(container, url, options) {
    this.containers = {
      success: container.success ? $(container.success) : $(container),
      failure: container.failure ? $(container.failure) :
        (container.success ? null : $(container))
    }

    this.transport = Ajax.getTransport();
    this.setOptions(options);

    var onComplete = this.options.onComplete || Prototype.emptyFunction;
    this.options.onComplete = (function() {
      this.updateContent();
      onComplete(this.transport);
    }).bind(this);

    this.request(url);
  },

  updateContent: function() {
    var receiver = this.responseIsSuccess() ?
      this.containers.success : this.containers.failure;

    var match    = new RegExp(Ajax.Updater.ScriptFragment, 'img');
    var response = this.transport.responseText.replace(match, '');
    var scripts  = this.transport.responseText.match(match);

    if (receiver) {
      if (this.options.insertion) {
        new this.options.insertion(receiver, response);
      } else {
        receiver.innerHTML = response;
      }
    }

    if (this.responseIsSuccess()) {
      if (this.onComplete)
        setTimeout((function() {this.onComplete(
          this.transport)}).bind(this), 10);
    }

    if (this.options.evalScripts && scripts) {
      match = new RegExp(Ajax.Updater.ScriptFragment, 'im');
      setTimeout((function() {
        for (var i = 0; i < scripts.length; i++)
          eval(scripts[i].match(match)[1]);
      }).bind(this), 10);
    }
  }
});

Ajax.PeriodicalUpdater = Class.create();
Ajax.PeriodicalUpdater.prototype = Object.extend(new Ajax.Base(), {
  initialize: function(container, url, options) {
    this.setOptions(options);
    this.onComplete = this.options.onComplete;

    this.frequency = (this.options.frequency || 2);
    this.decay = 1;

    this.updater = {};
    this.container = container;
    this.url = url;

    this.start();
  },

  start: function() {
    this.options.onComplete = this.updateComplete.bind(this);
    this.onTimerEvent();
  },

  stop: function() {
    this.updater.onComplete = undefined;
    clearTimeout(this.timer);
    (this.onComplete || Ajax.emptyFunction).apply(this, arguments);
  },

  updateComplete: function(request) {
    if (this.options.decay) {
      this.decay = (request.responseText == this.lastText ? 
        this.decay * this.options.decay : 1);

      this.lastText = request.responseText;
    }
    this.timer = setTimeout(this.onTimerEvent.bind(this), 
      this.decay * this.frequency * 1000);
  },

  onTimerEvent: function() {
    this.updater = new Ajax.Updater(this.container, this.url, this.options);
  }
});

document.getElementsByClassName = function(className) {
  var children = document.getElementsByTagName('*') || document.all;
  var elements = new Array();
  
  for (var i = 0; i < children.length; i++) {
    var child = children[i];
    var classNames = child.className.split(' ');
    for (var j = 0; j < classNames.length; j++) {
      if (classNames[j] == className) {
        elements.push(child);
        break;
      }
    }
  }
  
  return elements;
}

/*--------------------------------------------------------------------------*/

if (!window.Element) {
  var Element = new Object();
}

Object.extend(Element, {
  toggle: function() {
    for (var i = 0; i < arguments.length; i++) {
      var element = $(arguments[i]);
      element.style.display = 
        (element.style.display == 'none' ? '' : 'none');
    }
  },

  hide: function() {
    for (var i = 0; i < arguments.length; i++) {
      var element = $(arguments[i]);
      element.style.display = 'none';
    }
  },

  show: function() {
    for (var i = 0; i < arguments.length; i++) {
      var element = $(arguments[i]);
      element.style.display = '';
    }
  },

  remove: function(element) {
    element = $(element);
    element.parentNode.removeChild(element);
  },
   
  getHeight: function(element) {
    element = $(element);
    return element.offsetHeight; 
  },

  hasClassName: function(element, className) {
    element = $(element);
    if (!element)
      return;
    var a = element.className.split(' ');
    for (var i = 0; i < a.length; i++) {
      if (a[i] == className)
        return true;
    }
    return false;
  },

  addClassName: function(element, className) {
    element = $(element);
    Element.removeClassName(element, className);
    element.className += ' ' + className;
  },

  removeClassName: function(element, className) {
    element = $(element);
    if (!element)
      return;
    var newClassName = '';
    var a = element.className.split(' ');
    for (var i = 0; i < a.length; i++) {
      if (a[i] != className) {
        if (i > 0)
          newClassName += ' ';
        newClassName += a[i];
      }
    }
    element.className = newClassName;
  },
  
  // removes whitespace-only text node children
  cleanWhitespace: function(element) {
    var element = $(element);
    for (var i = 0; i < element.childNodes.length; i++) {
      var node = element.childNodes[i];
      if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) 
        Element.remove(node);
    }
  }
});

var Toggle = new Object();
Toggle.display = Element.toggle;

/*--------------------------------------------------------------------------*/

Abstract.Insertion = function(adjacency) {
  this.adjacency = adjacency;
}

Abstract.Insertion.prototype = {
  initialize: function(element, content) {
    this.element = $(element);
    this.content = content;
    
    if (this.adjacency && this.element.insertAdjacentHTML) {
      this.element.insertAdjacentHTML(this.adjacency, this.content);
    } else {
      this.range = this.element.ownerDocument.createRange();
      if (this.initializeRange) this.initializeRange();
      this.fragment = this.range.createContextualFragment(this.content);
      this.insertContent();
    }
  }
}

var Insertion = new Object();

Insertion.Before = Class.create();
Insertion.Before.prototype = Object.extend(new Abstract.Insertion('beforeBegin'), {
  initializeRange: function() {
    this.range.setStartBefore(this.element);
  },
  
  insertContent: function() {
    this.element.parentNode.insertBefore(this.fragment, this.element);
  }
});

Insertion.Top = Class.create();
Insertion.Top.prototype = Object.extend(new Abstract.Insertion('afterBegin'), {
  initializeRange: function() {
    this.range.selectNodeContents(this.element);
    this.range.collapse(true);
  },
  
  insertContent: function() {  
    this.element.insertBefore(this.fragment, this.element.firstChild);
  }
});

Insertion.Bottom = Class.create();
Insertion.Bottom.prototype = Object.extend(new Abstract.Insertion('beforeEnd'), {
  initializeRange: function() {
    this.range.selectNodeContents(this.element);
    this.range.collapse(this.element);
  },
  
  insertContent: function() {
    this.element.appendChild(this.fragment);
  }
});

Insertion.After = Class.create();
Insertion.After.prototype = Object.extend(new Abstract.Insertion('afterEnd'), {
  initializeRange: function() {
    this.range.setStartAfter(this.element);
  },
  
  insertContent: function() {
    this.element.parentNode.insertBefore(this.fragment, 
      this.element.nextSibling);
  }
});

var Field = {
  clear: function() {
    for (var i = 0; i < arguments.length; i++)
      $(arguments[i]).value = '';
  },

  focus: function(element) {
    $(element).focus();
  },
  
  present: function() {
    for (var i = 0; i < arguments.length; i++)
      if ($(arguments[i]).value == '') return false;
    return true;
  },
  
  select: function(element) {
    $(element).select();
  },
   
  activate: function(element) {
    $(element).focus();
    $(element).select();
  }
}

/*--------------------------------------------------------------------------*/

var Form = {
  serialize: function(form) {
    var elements = Form.getElements($(form));
    var queryComponents = new Array();
    
    for (var i = 0; i < elements.length; i++) {
      var queryComponent = Form.Element.serialize(elements[i]);
      if (queryComponent)
        queryComponents.push(queryComponent);
    }
    
    return queryComponents.join('&');
  },
  
  getElements: function(form) {
    var form = $(form);
    var elements = new Array();

    for (tagName in Form.Element.Serializers) {
      var tagElements = form.getElementsByTagName(tagName);
      for (var j = 0; j < tagElements.length; j++)
        elements.push(tagElements[j]);
    }
    return elements;
  },
  
  getInputs: function(form, typeName, name) {
    var form = $(form);
    var inputs = form.getElementsByTagName('input');
    
    if (!typeName && !name)
      return inputs;
      
    var matchingInputs = new Array();
    for (var i = 0; i < inputs.length; i++) {
      var input = inputs[i];
      if ((typeName && input.type != typeName) ||
          (name && input.name != name)) 
        continue;
      matchingInputs.push(input);
    }

    return matchingInputs;
  },

  disable: function(form) {
    var elements = Form.getElements(form);
    for (var i = 0; i < elements.length; i++) {
      var element = elements[i];
      element.blur();
      element.disabled = 'true';
    }
  },

  enable: function(form) {
    var elements = Form.getElements(form);
    for (var i = 0; i < elements.length; i++) {
      var element = elements[i];
      element.disabled = '';
    }
  },

  focusFirstElement: function(form) {
    var form = $(form);
    var elements = Form.getElements(form);
    for (var i = 0; i < elements.length; i++) {
      var element = elements[i];
      if (element.type != 'hidden' && !element.disabled) {
        Field.activate(element);
        break;
      }
    }
  },

  reset: function(form) {
    $(form).reset();
  }
}

Form.Element = {
  serialize: function(element) {
    var element = $(element);
    var method = element.tagName.toLowerCase();
    var parameter = Form.Element.Serializers[method](element);
    
    if (parameter)
      return encodeURIComponent(parameter[0]) + '=' + 
        encodeURIComponent(parameter[1]);                   
  },
  
  getValue: function(element) {
    var element = $(element);
    var method = element.tagName.toLowerCase();
    var parameter = Form.Element.Serializers[method](element);
    
    if (parameter) 
      return parameter[1];
  }
}

Form.Element.Serializers = {
  input: function(element) {
    switch (element.type.toLowerCase()) {
      case 'submit':
      case 'hidden':
      case 'password':
      case 'text':
        return Form.Element.Serializers.textarea(element);
      case 'checkbox':  
      case 'radio':
        return Form.Element.Serializers.inputSelector(element);
    }
    return false;
  },

  inputSelector: function(element) {
    if (element.checked)
      return [element.name, element.value];
  },

  textarea: function(element) {
    return [element.name, element.value];
  },

  select: function(element) {
    var value = '';
    if (element.type == 'select-one') {
      var index = element.selectedIndex;
      if (index >= 0)
        value = element.options[index].value || element.options[index].text;
    } else {
      value = new Array();
      for (var i = 0; i < element.length; i++) {
        var opt = element.options[i];
        if (opt.selected)
          value.push(opt.value || opt.text);
      }
    }
    return [element.name, value];
  }
}

/*--------------------------------------------------------------------------*/

var $F = Form.Element.getValue;

/*--------------------------------------------------------------------------*/

Abstract.TimedObserver = function() {}
Abstract.TimedObserver.prototype = {
  initialize: function(element, frequency, callback) {
    this.frequency = frequency;
    this.element   = $(element);
    this.callback  = callback;
    
    this.lastValue = this.getValue();
    this.registerCallback();
  },
  
  registerCallback: function() {
    setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
  },
  
  onTimerEvent: function() {
    var value = this.getValue();
    if (this.lastValue != value) {
      this.callback(this.element, value);
      this.lastValue = value;
    }
  }
}

Form.Element.Observer = Class.create();
Form.Element.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {
  getValue: function() {
    return Form.Element.getValue(this.element);
  }
});

Form.Observer = Class.create();
Form.Observer.prototype = Object.extend(new Abstract.TimedObserver(), {
  getValue: function() {
    return Form.serialize(this.element);
  }
});

/*--------------------------------------------------------------------------*/

Abstract.EventObserver = function() {}
Abstract.EventObserver.prototype = {
  initialize: function(element, callback) {
    this.element  = $(element);
    this.callback = callback;
    
    this.lastValue = this.getValue();
    if (this.element.tagName.toLowerCase() == 'form')
      this.registerFormCallbacks();
    else
      this.registerCallback(this.element);
  },
  
  onElementEvent: function() {
    var value = this.getValue();
    if (this.lastValue != value) {
      this.callback(this.element, value);
      this.lastValue = value;
    }
  },
  
  registerFormCallbacks: function() {
    var elements = Form.getElements(this.element);
    for (var i = 0; i < elements.length; i++)
      this.registerCallback(elements[i]);
  },
  
  registerCallback: function(element) {
    if (element.type) {
      switch (element.type.toLowerCase()) {
        case 'checkbox':  
        case 'radio':
          element.target = this;
          element.prev_onclick = element.onclick || Prototype.emptyFunction;
          element.onclick = function() {
            this.prev_onclick(); 
            this.target.onElementEvent();
          }
          break;
        case 'password':
        case 'text':
        case 'textarea':
        case 'select-one':
        case 'select-multiple':
          element.target = this;
          element.prev_onchange = element.onchange || Prototype.emptyFunction;
          element.onchange = function() {
            this.prev_onchange(); 
            this.target.onElementEvent();
          }
          break;
      }
    }    
  }
}

Form.Element.EventObserver = Class.create();
Form.Element.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {
  getValue: function() {
    return Form.Element.getValue(this.element);
  }
});

Form.EventObserver = Class.create();
Form.EventObserver.prototype = Object.extend(new Abstract.EventObserver(), {
  getValue: function() {
    return Form.serialize(this.element);
  }
});


if (!window.Event) {
  var Event = new Object();
}

Object.extend(Event, {
  KEY_BACKSPACE: 8,
  KEY_TAB:       9,
  KEY_RETURN:   13,
  KEY_ESC:      27,
  KEY_LEFT:     37,
  KEY_UP:       38,
  KEY_RIGHT:    39,
  KEY_DOWN:     40,
  KEY_DELETE:   46,

  element: function(event) {
    return event.target || event.srcElement;
  },

  isLeftClick: function(event) {
    return (((event.which) && (event.which == 1)) ||
            ((event.button) && (event.button == 1)));
  },

  pointerX: function(event) {
    return event.pageX || (event.clientX + 
      (document.documentElement.scrollLeft || document.body.scrollLeft));
  },

  pointerY: function(event) {
    return event.pageY || (event.clientY + 
      (document.documentElement.scrollTop || document.body.scrollTop));
  },

  stop: function(event) {
    if (event.preventDefault) { 
      event.preventDefault(); 
      event.stopPropagation(); 
    } else {
      event.returnValue = false;
    }
  },

  // find the first node with the given tagName, starting from the
  // node the event was triggered on; traverses the DOM upwards
  findElement: function(event, tagName) {
    var element = Event.element(event);
    while (element.parentNode && (!element.tagName ||
        (element.tagName.toUpperCase() != tagName.toUpperCase())))
      element = element.parentNode;
    return element;
  },

  observers: false,
  
  _observeAndCache: function(element, name, observer, useCapture) {
    if (!this.observers) this.observers = [];
    if (element.addEventListener) {
      this.observers.push([element, name, observer, useCapture]);
      element.addEventListener(name, observer, useCapture);
    } else if (element.attachEvent) {
      this.observers.push([element, name, observer, useCapture]);
      element.attachEvent('on' + name, observer);
    }
  },
  
  unloadCache: function() {
    if (!Event.observers) return;
    for (var i = 0; i < Event.observers.length; i++) {
      Event.stopObserving.apply(this, Event.observers[i]);
      Event.observers[i][0] = null;
    }
    Event.observers = false;
  },

  observe: function(element, name, observer, useCapture) {
    var element = $(element);
    useCapture = useCapture || false;
    
    if (name == 'keypress' &&
        ((navigator.appVersion.indexOf('AppleWebKit') > 0) 
        || element.attachEvent))
      name = 'keydown';
    
    this._observeAndCache(element, name, observer, useCapture);
  },

  stopObserving: function(element, name, observer, useCapture) {
    var element = $(element);
    useCapture = useCapture || false;
    
    if (name == 'keypress' &&
        ((navigator.appVersion.indexOf('AppleWebKit') > 0) 
        || element.detachEvent))
      name = 'keydown';
    
    if (element.removeEventListener) {
      element.removeEventListener(name, observer, useCapture);
    } else if (element.detachEvent) {
      element.detachEvent('on' + name, observer);
    }
  }
});

/* prevent memory leaks in IE */
Event.observe(window, 'unload', Event.unloadCache, false);

var Position = {

  // set to true if needed, warning: firefox performance problems
  // NOT neeeded for page scrolling, only if draggable contained in
  // scrollable elements
  includeScrollOffsets: false, 

  // must be called before calling withinIncludingScrolloffset, every time the
  // page is scrolled
  prepare: function() {
    this.deltaX =  window.pageXOffset 
                || document.documentElement.scrollLeft 
                || document.body.scrollLeft 
                || 0;
    this.deltaY =  window.pageYOffset 
                || document.documentElement.scrollTop 
                || document.body.scrollTop 
                || 0;
  },

  realOffset: function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.scrollTop  || 0;
      valueL += element.scrollLeft || 0; 
      element = element.parentNode;
    } while (element);
    return [valueL, valueT];
  },

  cumulativeOffset: function(element) {
    var valueT = 0, valueL = 0;
    do {
      valueT += element.offsetTop  || 0;
      valueL += element.offsetLeft || 0;
      element = element.offsetParent;
    } while (element);
    return [valueL, valueT];
  },

  // caches x/y coordinate pair to use with overlap
  within: function(element, x, y) {
    if (this.includeScrollOffsets)
      return this.withinIncludingScrolloffsets(element, x, y);
    this.xcomp = x;
    this.ycomp = y;
    this.offset = this.cumulativeOffset(element);

    return (y >= this.offset[1] &&
            y <  this.offset[1] + element.offsetHeight &&
            x >= this.offset[0] && 
            x <  this.offset[0] + element.offsetWidth);
  },

  withinIncludingScrolloffsets: function(element, x, y) {
    var offsetcache = this.realOffset(element);

    this.xcomp = x + offsetcache[0] - this.deltaX;
    this.ycomp = y + offsetcache[1] - this.deltaY;
    this.offset = this.cumulativeOffset(element);

    return (this.ycomp >= this.offset[1] &&
            this.ycomp <  this.offset[1] + element.offsetHeight &&
            this.xcomp >= this.offset[0] && 
            this.xcomp <  this.offset[0] + element.offsetWidth);
  },

  // within must be called directly before
  overlap: function(mode, element) {  
    if (!mode) return 0;  
    if (mode == 'vertical') 
      return ((this.offset[1] + element.offsetHeight) - this.ycomp) / 
        element.offsetHeight;
    if (mode == 'horizontal')
      return ((this.offset[0] + element.offsetWidth) - this.xcomp) / 
        element.offsetWidth;
  },

  clone: function(source, target) {
    source = $(source);
    target = $(target);
    target.style.position = 'absolute';
    var offsets = this.cumulativeOffset(source);
    target.style.top    = offsets[1] + 'px';
    target.style.left   = offsets[0] + 'px';
    target.style.width  = source.offsetWidth + 'px';
    target.style.height = source.offsetHeight + 'px';
  }
}

function getAbsolutePosition(element) {
    var x = 0, y = 0;
    do {
      x += element.offsetLeft || 0;
      y += element.offsetTop  || 0;
      element = element.offsetParent;
    } while (element);
    return [x, y];
}