<html>
<head>
    <title>J&oacute;lakve&eth;ja B&iacute;nu & Loga 2011</title>

<style type="text/css">
<!--
body, table, tr, td{ background-color: #ccc; color: gray; font-size: 10px; font-family: Verdana;}
body {
background-image:url('banner_backround.jpg');
background-repeat:repeat-x;
background-position: 0px 28px;
}
.style1 {font-family: Arial, Helvetica, sans-serif}
.gray{ color: #999999; }
.largest{ font-size: 4em; }
.large { font-size: 3em; }
a{ color: white; }
-->
</style>

</head>
<body>

<SCRIPT language="JavaScript1.2">
<!--
// Original script by Altan, copyright 1999 Altan d.o.o.
// Modified by Paul Anderson, copyright 2001 CNET Builder.com
 
var snowflake = "snow5.gif";
var no = 20; // number of snowflakes on the screen
var speed = 35; // smaller numbers make the snow fall faster
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var obj, i, doc_width = 800, doc_height = 600;

function winSize() {
	doc_width = window.innerWidth?window.innerWidth:document.body.clientWidth;
	doc_height = window.innerHeight?window.innerHeight:document.body.clientHeight;
    doc_width = doc_width - 50;
    doc_height = doc_height - 50;
	}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
winSize();
document.write("<STYLE type=\"text/css\">.flake {position:absolute;top:-200;}</STYLE>");
for (i = 0; i < no; i++) {  
	dx[i] = 0;                        // set coordinate variables
	xp[i] = Math.random()*(doc_width-30) +10;  // set position variables
	yp[i] = Math.random()*doc_height;
	am[i] = Math.random()*20;         // set amplitude variables
	stx[i] = 0.02 + Math.random()/10; // set step variables
	sty[i] = 0.7 + Math.random();     // set step variables
	document.write("<div id=\"dot"+ i +"\" class=\"flake\"><img src=\"");
	document.write(snowflake + "\" border=\"0\"></div>");
	}

function snowMove(id,left,top) {
	obj = document.getElementById?document.getElementById(id).style:
		document.all?document.all[id].style:
		document.layers?document.layers[id]:null;
	if (obj) {
		obj.left=left;
		obj.top=top;
		}
	}

function snow() {
	winSize();
	doc_scroll = (window.pageYOffset!=null)?window.pageYOffset:document.body.scrollTop;
	for (i = 0; i < no; ++ i) {  // iterate for every dot
		yp[i] += sty[i];
		if (yp[i] > doc_height+doc_scroll-50) {
			xp[i] = Math.random()*(doc_width-am[i]-30);
			yp[i] = doc_scroll;
			stx[i] = 0.02 + Math.random()/10;
			sty[i] = 0.7 + Math.random();
		}
		dx[i] += stx[i];
		snowMove("dot"+i,xp[i]+am[i]*Math.sin(dx[i]),yp[i]);
	}
	setTimeout("snow()", speed);
}

window.onload=snow;


function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

// -->
</script>

	<script type="text/javascript">
	// <![CDATA[
	
		var box;
		var deltaX, deltaY;
		var client;
		createClient();
		
		function windowLoaded(evt) {
			// prevent IE text selection while dragging!!! Little-known trick!
			document.body.ondrag = function () { return false; };
			document.body.onselectstart = function () { return false; };
		}
		
		function createClient() {
			try {
				client = window.XMLHttpRequest ? new XMLHttpRequest() : 
									new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) { 
				alert("Sorry, your browser is not AJAX-enabled!"); 
			}
		}
		
		function setOpacity(node,val) {
			if (node.filters) {
				try {
					node.filters["alpha"].opacity = val*100;
				} catch (e) { }
			} else if (node.style.opacity) {
				node.style.opacity = val;
			}
		}
		
		function getX(node) {
			return parseInt(node.style.left);
		}
		
		function getY(node) {
			return parseInt(node.style.top);
		}
	
		function getWidth(node) {
			return parseInt(node.style.width);
		}
		
		function getHeight(node) {
			return parseInt(node.style.height);
		}
	
		function setX(node,x) {
			node.style.left = x + "px";
		}
	
		function setY(node,y) {
			node.style.top = y + "px";
		}
	
		function Evt(evt) {
			this.evt = evt ? evt : window.event; 
			this.source = evt.target ? evt.target : evt.srcElement;
			this.x = evt.pageX ? evt.pageX : evt.clientX;
			this.y = evt.pageY ? evt.pageY : evt.clientY;
		}
		
		Evt.prototype.toString = function () {
			return "Evt [ x = " + this.x + ", y = " + this.y + " ]";
		};
		
		Evt.prototype.consume = function () {
			if (this.evt.stopPropagation) {
				this.evt.stopPropagation();
				this.evt.preventDefault();
			} else if (this.evt.cancelBubble) {
				this.evt.cancelBubble = true;
				this.evt.returnValue  = false;
			}
		};
		
		Evt.addEventListener = function (target,type,func,bubbles) {
			if (document.addEventListener) {
				target.addEventListener(type,func,bubbles);
			} else if (document.attachEvent) {
				target.attachEvent("on"+type,func,bubbles);
			} else {
				target["on"+type] = func;
			}
		};
	
		Evt.removeEventListener = function (target,type,func,bubbles) {
			if (document.removeEventListener) {
				target.removeEventListener(type,func,bubbles);
			} else if (document.detachEvent) {
				target.detachEvent("on"+type,func,bubbles);
			} else {
				target["on"+type] = null;
			}
		};
	
		function dragPress(evt) {
			evt = new Evt(evt);
			box = evt.source;
			setOpacity(box,.7);
			deltaX = evt.x - getX(box);
			deltaY = evt.y - getY(box);
			Evt.addEventListener(document,"mousemove",dragMove,false);
			Evt.addEventListener(document,"mouseup",dragRelease,false);
		}
		
		function dragMove(evt) {
			evt = new Evt(evt);
			setX(box,evt.x - deltaX);
			setY(box,evt.y - deltaY);
			evt.consume();
		}
		
		function dragRelease(evt) {
			evt = new Evt(evt);
			setOpacity(box,1);
			Evt.removeEventListener(document,"mousemove",dragMove,false);
			Evt.removeEventListener(document,"mouseup",dragRelease,false);

		}
						
		function boxDropped(evt) {
			client.onreadystatechange = callback;
			client.open("get","server.php",true);
			client.send(null);
		}
		
		function callback() {
			if (client.readyState == 4) {
				if (client.status == 200) {
					alert(client.responseText);
					createClient();
				} else {
					alert("There was a problem retrieving the response:\n" +
						client.statusText);
					createClient();
				}
			}
		}
		
		// ]]>
	</script>

<center>
<img style="padding-top: 20px; border: 0px;" src="image.jpg" alt="J&oacute;lamyndin &iacute; &aacute;r">

<div style="position: absolute; top: 600px; left: 10%; margin-left: auto;margin-right: auto;width:383px;height:431px;background-image:url('sindri.png');}" onmousedown="dragPress(event);"></div>

<p style="padding-top: 0px;">
P.s. prófaðu að færa Sindra til með að halda inni vinstri músarhnappnum á honu og draga hann til ;)<br>
<br>
<a href="/jol/2010/">Sko&eth;a j&oacute;lakve&eth;juna 2010</a></p>
</center>

	 <!-- Google analytics code start -->
	<script>
  	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-6351690-1', 'auto');
	  ga('send', 'pageview');

	</script>
    <!-- Google analytics code end -->


</body>