function PostIts () {
	this.elements = document.getElementsByName("postit");

	var UAs = new Array("Webkit", "Moz", "ms", "O");
	var colors = new Array("P", "G", "B", "Y", "O");
	
	this.restoreT3 = function() {
		var categories = new Array("profile", "publications", "lectures", "events", "videos");
		for( var i = 0; i < this.elements.length; i++) {
			var e = this.elements[i];
			e.className = e.className + " " + categories[i];
		}
	}
	
	this.randomize = function() {
		for( var i = 0; i < this.elements.length; i++) {
			var e = new DynO(this.elements[i]);
			//var s = new DynO(this.shadows[i]);
			
			var r = Math.floor((Math.random() / 1.5) * 10);	//random integer number between 0 and 7
			var c = e.className;
			e.rotate(c == "selected" ? 3 : -r);
			//s.rotate(c == "selected" ? 3 : -r);

			/*r=1;
			if (i != 1) {	//!= Veröffentlichungen
				r = Math.ceil((Math.random() / (10/3)) * 10);
			}
			e.backgroundImage("images/stickies/sticky" + colors[i] + r + ".png");
			*/
		}
	}
	
	this.rotate
}

function DynO (element) {	// != qanDynO!
	this.element = element;
	if (typeof(element) == "string") {
		this.element = document.getElementById(element);
	}
	
	this.rotate = function (deg) {
			var rotate = "rotate(" + deg + "deg)";
			var e = this.element;
			// iterating over UAs and setting transform with setAttribute(ua + "Transform") does not work => WTF???
			e.style.transform = rotate;
			e.style.MozTransform = rotate;
			e.style.OTransform = rotate;
			e.style.WebkitTransform = rotate;
			e.style.msTransform = rotate;
	}
	
	this.backgroundImage = function(src) {
		var e = this.element;
		e.style.backgroundImage =  "url(" + src + ")";

	}
}