document.write('<link rel="stylesheet" type="text/css" href="portfolio/style/gradientbackgrounds.css" />')

var myvar = 0;

function maincover() {
	if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
		if ((((window.innerHeight + 180) - 259)/2) < 238 ){
			document.getElementById('main').style.top = 238 + "px";
		} else {
			document.getElementById('main').style.top = ((window.innerHeight + 180) - 300)/2 + "px";
		}
		if ((window.innerHeight - 237) < 359 ){
			document.getElementById('main-cover').style.height = 416 + "px";
			myvar = 357 + "px";
		} else {
			document.getElementById('main-cover').style.height = window.innerHeight - 180 + "px";
			myvar = window.innerHeight - 180 + "px";
		}
		document.getElementById('linker1').style.height = myvar;
		document.getElementById('caption1').style.height = myvar;
		document.getElementById('linker2').style.height = myvar;
		document.getElementById('caption2').style.height = myvar;
		document.getElementById('linker3').style.height = myvar;
		document.getElementById('caption3').style.height = myvar;
		document.getElementById('leftbutton').style.height = myvar;
		document.getElementById('rightbutton').style.height = myvar;
		//window.alert(myvar);
	}
	
	if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)){
		if ((((window.innerHeight + 180) - 259)/2) < 229 ){
			document.getElementById('main').style.top = 229 + "px";
		} else {
			document.getElementById('main').style.top = ((window.innerHeight + 180) - 259)/2 + "px";
		}
		if ((window.innerHeight - 237) < 280 ){
			document.getElementById('main-cover').style.height = 337 + "px";
			myvar = 357 + "px";
		} else {
			document.getElementById('main-cover').style.height = window.innerHeight - 180 + "px";
			myvar = window.innerHeight - 180 + "px";
		}
		document.getElementById('linker1').style.height = myvar;
		document.getElementById('caption1').style.height = myvar;
		document.getElementById('linker2').style.height = myvar;
		document.getElementById('caption2').style.height = myvar;
		document.getElementById('linker3').style.height = myvar;
		document.getElementById('caption3').style.height = myvar;
		document.getElementById('leftbutton').style.height = myvar;
		document.getElementById('rightbutton').style.height = myvar;
		//window.alert(myvar);
	}
}

var userWidth = Math.floor(window.screen.width / 3);
var i = 0;
var numleft = 0;
var numright = 0;


function blank() {
}

function moveRight() {
	if ( numright == 1 ){ } else {
		document.getElementById('leftbutton').onclick = function(){blank();}
		document.getElementById('rightbutton').onclick = function(){blank();}
		var pp = document.getElementById('slider');
		var qq = document.getElementById('link-container');
		var lftp = parseInt(pp.style.left);
		var lftq = parseInt(qq.style.left);
		var tim = setTimeout('moveRight()',20);  // 20 controls the speed
		lftp = lftp+5;  // move pp by 5 pixels
		lftq = lftq+5;  // move qq by 5 pixels
		i = i+5;
		pp.style.left = lftp+"px";
		qq.style.left = lftq+"px";
		if (i >= userWidth ) {  // image moves 1/3 of screen
			clearTimeout(tim);
			i = 0;
			numright++;
			numleft = numleft - 1;
			document.getElementById('leftbutton').onclick = function(){moveRight();}
			document.getElementById('rightbutton').onclick = function(){moveLeft();}
		}
	}
}


function moveLeft() {
	if ( numleft == 1 ){ } else {
		document.getElementById('rightbutton').onclick = function(){blank();}
		document.getElementById('leftbutton').onclick = function(){blank();}
		var pp = document.getElementById('slider');
		var qq = document.getElementById('link-container');
		var lftp = parseInt(pp.style.left);
		var lftq = parseInt(qq.style.left);
		var tim = setTimeout('moveLeft()',20);  // 20 controls the speed
		lftp = lftp-5;  // move pp by -5 pixels
		lftq = lftq-5;  // move qq by -5 pixels
		i = i+5;
		pp.style.left = lftp+"px";
		qq.style.left = lftq+"px";
		if (i >= userWidth ) {  // image moves 1/3 of screen
			clearTimeout(tim);
			i = 0;
			numleft++;
			numright = numright - 1;
			document.getElementById('rightbutton').onclick = function(){moveLeft();}
			document.getElementById('leftbutton').onclick = function(){moveRight();}
		}
	}
}

function visiblelink() {
	if (document.getElementById('link').style.visibility == "visible") {
		document.getElementById('link').style.visibility = "hidden";
	} else {
		document.getElementById('link').style.visibility = "visible";
	}
}

function visiblecaption1() {
	if (document.getElementById('caption1').style.visibility == "visible") {
		document.getElementById('caption1').style.visibility = "hidden";
	} else {
		document.getElementById('caption1').style.visibility = "visible";
	}
}


function visiblecaption2() {
	if (document.getElementById('caption2').style.visibility == "visible") {
		document.getElementById('caption2').style.visibility = "hidden";
	} else {
		document.getElementById('caption2').style.visibility = "visible";
	}
}


function visiblecaption3() {
	if (document.getElementById('caption3').style.visibility == "visible") {
		document.getElementById('caption3').style.visibility = "hidden";
	} else {
		document.getElementById('caption3').style.visibility = "visible";
	}
}



//window.alert(userWidth);