function toggle(id) {
		
		var state = document.getElementById(id).style.display;
			if (state == 'block') {
				document.getElementById(id).style.display = 'none';
			} else {
				document.getElementById(id).style.display = 'block';
				if (id=="code")
				{
					var code ="";
					//document.getElementById(id).innerHTML = "<textarea cols=\"25\" rows=\"3\">" + code + "</textarea>";	
				}
			}
			//alert("toggle "+id);
		}
		
		
function overlay(afbeelding3)
	{
			//alert("<img src='img/"+ afbeelding3 + "' >");
			var nieuw="<img src='img/" + afbeelding3 + "' />";
			
			//alert(nieuw);
		document.getElementById('overlay').innerHTML=nieuw;
		
													
		}
		


$(document).ready(function() { 
	
  $("div.scrollable")
  .scrollable
  (
  	{
		speed:100,
		size:6,
		
	}
  )
  .mousewheel()
  ; 	
  
   $("div.overlay")
   .overlay
   (
   	{
	
	}
	)
	;
	
$("a[rel], img[rel]" )
	.overlay
	(
		{
		speed:0,
		left:'center',
		top:'25%',
			 onBeforeLoad: function(event) 
			 { 
		  // alert(document.getElementById('overlay').innerHTML);
			} 
			
		
		}
	);
	
	$("#overlay").draggable();	
	
	$.getDocHeight = function(){
    return Math.max(
        $(document).height(),
        $(window).height(),
        /* For opera: */
        document.documentElement.clientHeight
    );
};

$.getDocWidth = function(){
    return Math.max(
        $(document).width(),
        $(window).width(),
        /* For opera: */
        document.documentElement.clientWidth
    );
};
	
	$(".sticker").each(
function(intIndex) {

var l = Math.floor(Math.random() * ($.getDocWidth()-200));
var t = Math.floor(Math.random() * ($.getDocHeight()-200));

$(this).css("left", l);
$(this).css("top", t);

$(this).bind(
    "click",
        function() {
           // alert("l=" + l + " t=" + t);
        }
    );

}

);
	
$(".sticker").draggable();	

	
}); //einde document.ready



var ImageArray = new Array(
['blauw.gif', ''],
['geel.gif', ''],
['groen.gif', ''],
['paars.gif', ''],
['rood.gif', ''],
['roze.gif', '']

);

function randOrd(){ return (Math.round(Math.random())-0.5);};

function ImgColumn() {
  var str = '';
  ImageArray.sort(randOrd);
  for (var i=0; i<6; i++) {  
    str += "<div class='sticker'>";
    my_pic = 'mypic'+i;    
    //str += '<a href="'+ImageArray[i][1]+'">';
    str += '<IMG id="'+my_pic+'" SRC="'+ImageArray[i][0]+'" value="'+i+'"';
    str += ' alt="'+ImageArray[i][0]+'" BORDER="0" HEIGHT="120" WIDTH="120">';
    //str += '<\/a>';
    str += '<\/div>';
  }
  return str;
}