function ShowImage(id,title){
	document.getElementById('sitebig').innerHTML = '<img src="./portfolio/'+id+'.jpg">';	
	document.getElementById('sitetitle').innerHTML = 'www.'+title;
}
function ShowBig(src,id,event){
    var k = 5;

    var x = y = 0;
    if (document.attachEvent != null) { // Internet Explorer & Opera
        x = window.event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
        y = window.event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    } else if (!document.attachEvent && document.addEventListener) { // Gecko
        x = event.clientX + window.scrollX;
        y = event.clientY + window.scrollY;
    }

    var element = document.getElementById('img'+id);
    var p = offsetPosition(element);
    var left = p[0];
    var top = p[1];
    
    var div = document.getElementById('big');
    div.innerHTML = '';
    var newItem = document.createElement("IMG");
    newItem.src = src;
    div.appendChild(newItem);
    
    div.style.position = 'absolute';
    //div.style.display = 'block';
    div.style.top = y + 10 + 'px';
    div.style.left = x + 10 + 'px';
    div.style.visibility = 'visible';
}
function MoveShowBig(event){
    var x = y = 0;
    event = event || window.event;
    if (event.pageX == null && event.clientX != null ) {
    var html = document.documentElement
    var body = document.body
	     
    event.pageX = event.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
    event.pageY = event.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
    }

    var div = document.getElementById('big');
    div.style.position = 'absolute';
    div.style.top = event.pageY + 10 + 'px';
    div.style.left = event.pageX + 10 + 'px';
}
function Hide(){
    document.getElementById('big').style.visibility = 'hidden';
}

function offsetPosition(e) {
	var offsetLeft = 0, offsetTop = 0;
	do {
		offsetLeft += e.offsetLeft;
		offsetTop += e.offsetTop;
	} while (e = e.offsetParent);
	return [offsetLeft, offsetTop];
}