var hpBlok = {
	content : [],

	mouseState : 'out',

	selectedItem : -1,

	addContent : function(item) {
		next = this.content.length;
		this.content[next] = item;

		if(this.selectedItem == -1) {
			this.selectedItem = next;
		}
	},

	getContent : function(bloknr,type) {
		return this.content[bloknr - 1][type];
	},

	click : function() {
		this.changeImage(bloknr,'selected');
	},

	setContent : function (bloknr) {
		string = '<div style="background:url(' + this.getContent(bloknr,'image') + '&amp;h=235) no-repeat;width:311px;height:235px;" class="right"></div>';
		string += this.getContent(bloknr,'content');
		string += '<p><a href="' + this.getContent(bloknr,'url') + '"><img src="/images/lees_meer_knop.png" alt="Lees meer" class="leesMeerKnop" id="leesMeerKnop'+bloknr+'"/></a></p>';

		$('hpcontentblok').innerHTML = string;
		pngFixer.fix($('leesMeerKnop' + bloknr), true);
	},

	changeImage : function (bloknr,type) {
		$('image' + bloknr).src = '/images/hp/' + bloknr + '_'+type+'.jpg';
	},

	hover : function(bloknr) {
		this.changeImage(bloknr,'hover');
		this.setContent(bloknr);
		this.mouseState = 'over';
	},

	mouseOut : function(bloknr) {
		this.changeImage(bloknr,'normal');
		this.mouseState = 'out';
	},


	dummy : ''
}

window.addEvent('load', function() {
	hpBlok.hover(1);
});