// <ROLLOVERS>
// initialising rollovers:

// step 1: browsercheck
var canRollover = document.images ? true : false;
// step 2: activate rollovers if browser can rollover
function swap(objectName, pictureName) {
	if (canRollover) {
		if (eval("document." + objectName + ".complete")) {
			eval("document." + objectName + ".src = '" + pictureName +"'");
		}	
	}
}

// step 3: preloading images
var picArray = new Array();
var pictures = new Array('grphx/btn_n1.gif','grphx/btn_o1.gif','grphx/btn_n2.gif','grphx/btn_o2.gif');

function preloadImages() { 
	if (canRollover) {
     	for (p = 0; p < pictures.length; p++) {
			picArray[p] = new Image; 
			picArray[p].src = pictures[p];
		}
	}
}

// Productdetail page pop-up
var newwindow;
function productdetail(url)
{
	newwindow=window.open(url,'MeubelatelierHeemskerk','width=800,height=500,left=300,top=150,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,status=yes');
	if (window.focus) {newwindow.focus()}
}

// Picture Enlarge pop-up
var newwindow;
function bigpicture(url)
{
	newwindow=window.open(url,'MeubelatelierHeemskerk','width=660,height=500,left=300,top=150,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,status=yes');
	if (window.focus) {newwindow.focus()}
}

// Table ROW randomizer
// Thanks to: www.thedevproject.com

Array.prototype.shuffle = function() {
  for (var i = 0; i < this.length; i++) {
    // Random item in this array.
    var r = parseInt(Math.random() * this.length);
    var obj = this[r];
 
    // Swap.
    this[r] = this[i];
    this[i] = obj;
  }
}

function randomize(tableID) {
	var myTable = document.getElementById(tableID);
	var myRows = new Array();
	for (i=myTable.rows.length-1; i>=0; i--) {
		var theRow = myTable.rows[i];
		myRows.push(theRow);
		theRow.parentNode.removeChild(theRow);
	}
	myRows.shuffle();
	for (j=0; j<myRows.length; j++) {
		var newTbody = document.createElement("tbody");
		newTbody.appendChild(myRows[j]);
		myTable.appendChild(newTbody);
	}
}
window.onload = function() {
	randomize("randomtable");
}