var http = getHTTPObject();

var step = -1.57079632;
var sspeed;
var pi = 1.57079632;
var height;

function getHTTPObject(){
	var xmlhttp;

	if(!xmlhttp && typeof XMLHttpRequest != 'undefined'){
		try{
			xmlhttp = new XMLHttpRequest();
		}catch(e){
			xmlhttp = false;
		}
	}
	return xmlhttp;
}

function handleHttpResponse(url,target){
	if(http.readyState == 4){
		results = http.responseText;
		document.getElementById('ajax_loading').style.visibility = "hidden";
		document.getElementById(target).style.visibility = "visible";
		document.getElementById(target).innerHTML = results;
	}
}

function loadname(url){
	http.open("GET", url, true);
	
	http.onreadystatechange = function () {handleHttpResponse(url);};
	http.send(null);
}



function slide(i){
	sspeed = 80 / (height);
	
	if(i == 1){
		k = ((height / 2) + ((height / 2) * Math.sin(step)));
		if(k <= height-1){
			document.getElementById('fullview').style.marginTop = k - height + "px";
			step += -sspeed;
			setTimeout("slide("+i+")", 20);
		}else{
			document.getElementById('fullview').style.marginTop = 0 + "px";
			document.getElementById('white').style.backgroundImage = "none";
			step = pi;
		}
	}else{
		k = ((height / 2) + ((height / 2) * Math.sin(step)));
		if(k >= 1){
			document.getElementById('fullview').style.marginTop = k - height + "px";
			step += -sspeed;
			setTimeout("slide("+i+")", 20);
		}else{
			document.getElementById('fullview').style.marginTop = -height + "px";
			document.getElementById('fullview').style.width = "0px";
			document.getElementById('fullview').style.height = "0px";
			document.getElementById('white').style.display = 'none';
			document.getElementById('fullview').innerHTML = '';
			step = -pi;
			document.title = close_title;
		}
	}
}

function open_pic(url){
//	\u2013 == &ndash;
	document.title = "purespider.de \u2013 Portfolio: " + title[url];
	document.getElementById('fullview').innerHTML =
		"<div id='sidebar'>" +
			"<a href='http://www.facebook.com/share.php?u=http://purespider.de/images/full/" + url + "' target='_blank'><img src='./img/social/facebook_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://delicious.com/save?v=5&jump=close&url=http://purespider.de/images/full/" + url + "&title=" + encodeURIComponent(document.title) + "' target='_blank'><img src='./img/social/delicious_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://twitter.com/share?text=Check out \"" + title[url] + "\" at&url=http://purespider.de/images/full/" + url + "&via=PureSpider' target='_blank'><img src='./img/social/twitter_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://www.google.com/bookmarks/mark?op=edit&bkmk=http://purespider.de/images/full/" + url + "&title=" + encodeURIComponent(document.title) + "' target='_blank'><img src='./img/social/google_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://www.stumbleupon.com/submit?url=http://purespider.de/images/full/" + url + "&title=" + encodeURIComponent(document.title) + "' target='_blank'><img src='./img/social/stumbleupon_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://digg.com/submit?url=http://purespider.de/images/full/" + url + "&title=" + encodeURIComponent(document.title) + "' target='_blank'><img src='./img/social/digg_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://reddit.com/submit?url=http://purespider.de/images/full/" + url + "&title=" + encodeURIComponent(document.title) + "' target='_blank'><img src='./img/social/reddit_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://www.linkedin.com/shareArticle?mini=true&url=http://purespider.de/images/full/" + url + "&title=" + encodeURIComponent(document.title) + "&summary=&source=' target='_blank'><img src='./img/social/linkedin_32.png' style='margin-bottom: 2px;'></a>" +
			"<a href='http://www.mixx.com/submit?page_url=http://purespider.de/images/full/" + url + "' target='_blank'><img src='./img/social/mixx_32.png' style='margin-bottom: 2px;'></a>" +
		"</div>" +
		"<img id='fullview_image' onClick='slide(0);' src='./images/full/" + url + "'>";
	
	width = 1234;
	height = 800;
	
	document.getElementById('fullview').style.marginTop = -height + "px";
	document.getElementById('fullview').style.width = width + "px";
	document.getElementById('fullview').style.height = height + "px";
	document.getElementById('white').style.backgroundImage = "url(./img/load.gif)";
	document.getElementById('white').style.display = 'block';
	
	document.getElementById('fullview_image').onload = function () {slide(1);};
}

function setsize(){
	document.getElementById('white').style.height = 5 + document.getElementById('header').offsetHeight + 15 + document.getElementById('pics_top').offsetHeight + 15 + document.getElementById('nav').offsetHeight + 15 + document.getElementById('content').offsetHeight + 15 + document.getElementById('footer').offsetHeight + 15 + "px";
	close_title = document.title;
}