DOM = (document.getElementById)? true : false;
IE = (navigator.userAgent.indexOf("MSIE") != -1);

removeClassName = function(node, str){
	re = new RegExp(str,"gi");
	node.className = node.className.replace(re,"");
	re = /\s+/gi;
	node.className = node.className.replace(re," ");
}

var itemArray = [];

makePaging = function(){
	itemsPerPage = 4;
	if(DOM){
		var tmpNode = document.getElementById("workShow");
		if(tmpNode){
			var nodeList = tmpNode.getElementsByTagName("DIV");
			iCounter = 0;
			for(var i=0, l=nodeList.length; i<l; i++) {
				if (nodeList.item(i).className.indexOf("ourWork") != -1) {
					itemArray.push(nodeList.item(i));
					iCounter++;
				}
			}

			drawPages(1);
			tmpNode.style.width = tmpNode.offsetWidth;
		}
	}
}

drawPages = function(active){
	var pages = Math.ceil(itemArray.length / itemsPerPage);	
	var tmpNode = document.getElementById("pages");
	if (!tmpNode) return;
	tmpNode.innerHTML = "";
	for (var i=1; i<=pages; i++) {
		if (i == active){
			tmpSpan = document.createElement("SPAN");
			tmpNode.appendChild(tmpSpan);
			tmpSpan.innerHTML = "&nbsp;"+i+"&nbsp;";

		}
		else
		{
			tmpLink = document.createElement("A");
			tmpNode.appendChild(tmpLink);
			tmpLink.innerHTML = "&nbsp;"+i+"&nbsp;";
			tmpLink.href="#";
			tmpLink.page = i;
			tmpLink.onclick = function(){
				drawPages(this.page);
			}
		}
		tmpNode.appendChild(document.createTextNode(" "));
	}
	start = (active-1) * itemsPerPage;
	end = active * itemsPerPage;
	for (var i=0, l=itemArray.length; i<l; i++) {
		if (i >= start && i < end) {
			removeClassName(itemArray[i], "hidden");
		}
		else
		{
			itemArray[i].className += " hidden";
		}
	}
}