function getOffsetLeft(element) {
	var ol = element.offsetLeft;
	while ((element = element.offsetParent) != null) {
		ol += element.offsetLeft;
	}
	return ol;
}

function getOffsetTop(element) {
	var ot = element.offsetTop;
	while ((element = element.offsetParent) != null) {
		ot += element.offsetTop;
	}
	return ot;
}

function BrowserName() {
	agent = navigator.userAgent.toLowerCase();
	
	if (agent.indexOf('opera') != -1) 
		return 'opera';
	else if (agent.indexOf('firefox') != -1) 
		return 'firefox';
	else if (agent.indexOf('gecko') != -1) 
		return 'mozilla';
	else if (agent.indexOf('msie') != -1)
		return 'ie';
}

var browser = BrowserName();
var documentBody = (document.compatMode == 'CSS1Compat')? document.documentElement : document.body;
var clientHeight;
var logobottom;
var logoOffset = 15; //15 px a logo margin-ja

function setTop() {
	//alert(documentBody.scrollHeight);
	var cart_div = document.getElementById('cart');
	var top;
	
	clientHeight = (browser == 'ie')? documentBody.clientHeight : window.innerHeight;
	half_clientHeight = (clientHeight-document.getElementById('cart').clientHeight) / 2;
	logobottom = getOffsetTop(document.getElementById('logo'))+document.getElementById('logo').clientHeight+logoOffset; 
	
	if ((documentBody.scrollTop+half_clientHeight-logoOffset) >= logobottom) {
		cart_div.style.position = 'fixed';
		top = half_clientHeight;
	}
	else {
		if(browser != 'ie') {
			cart_div.style.position = 'absolute';
		}
		top = logobottom;
		//alert('abs top: '+logobottom);
	}
	
	//alert(top);
	//alert(Math.abs(clientHeight-logobottom));
	cart_div.style.top = top+'px';
}

function InitCart() {
	var cart_div = document.getElementById('cart');
	//bal oldal left oszlophoz való igazítása....
	cart_div.style.left = getOffsetLeft(document.getElementById('left')) + 'px';
	
	setTop();
	
	/*alert('Agent(browser):'+browser+navigator.userAgent+'\n top: '+top+'\n innerheight: '+window.innerHeight +
	'\n clientHeight'+clientHeight+'\n cart height: ' + document.getElementById('cart').clientHeight +
	'\nlogobottom: '+logobottom);*/
	
}