function cms_openspec(el)
{
	if (!jQuery('#specbox').length) {
		jQuery('body').append('<div style="display:none" id="specbox"></div>');
	}
	if (!jQuery('#spectmp').length) {
		jQuery('body').append('<div id="spectmp" style="position:absolute;top:0px;left:-9000px"></div>');
	}
	var index = el.attr('rel');
	var offset = el.offset();
	jQuery('#specbox').css({
		position:'absolute',
		left:offset.left+'px',
		top:offset.top+'px',
		width:'0px',
		height:'0px'
	});
	jQuery.get("../script/motors_ajax.php", {spec:index},
	function(data){
		cms_setspecdata(data);
	});
}



function cms_setspecdata(data)
{
	jQuery('#spectmp').html(data);
	var e = document.getElementById('spectmp');
	var w = e.offsetWidth;
	var h = e.offsetHeight;
	var d = getCenteredBox(w, h);
	jQuery('#specbox').html(data).animate({
		left:d.left+'px',
		top:d.top+'px',
		width:w+'px',
		height:h+'px'
	});

	jQuery('#closespec').bind('click', function() {
		jQuery('#specbox').hide();
	});
}

jQuery(document).ready(function() {
	jQuery('.slink a').each(function(e,i) {
		var j   = jQuery(this);
		var rel = j.attr('rel');
		if (rel) {
			j.click(function(event){
				event.preventDefault();
				cms_openspec(jQuery(this));
				return false;
			}).css({outline:'none'});
		}
	});
});

/* DIMENSIONS */
function getDimensions()
{
	var x,y;
	if (self.innerHeight) {
		return {x:self.innerWidth,y:self.innerHeight};
	}
	if (document.documentElement && document.documentElement.clientHeight) {
		return {x:document.documentElement.clientWidth,y:document.documentElement.clientHeight};
	}
	if (document.body) {
		return {x:document.body.clientWidth,y:document.body.clientHeight};
	}
}
function getScrollOffset()
{
	var x,y;
	if (self.pageYOffset) {
		return {x:self.pageXOffset, y:self.pageYOffset};
	}
	if (document.documentElement && document.documentElement.scrollTop) {
		return {x:document.documentElement.scrollLeft,y:
		document.documentElement.scrollTop};
	}
	if (document.body) {
		return {x:document.body.scrollLeft,y:document.body.scrollTop};
	}
}
function getCenteredBox(boxWidth, boxHeight)
{
	var d = getDimensions();
	var s = getScrollOffset();
	var t  = (d.y / 2)-(boxHeight/2)+s.y;
	var l = (d.x / 2)-(boxWidth / 2);
	return {top:t, left:l};
}
function getElementPos(id) {
	var curleft, curtop;
	var obj = document.getElementById(id);
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return {left:curleft,top:curtop};
}