function Pager(tableName, itemsPerPage) {

    this.tableName = tableName;

    this.itemsPerPage = itemsPerPage;

    this.currentPage = 1;

    this.pages = 0;

    this.inited = false;

    

    this.showRecords = function(from, to) {        

        var rows = document.getElementById(tableName).getElementsByTagName('li');

        // i starts from 1 to skip table header row

        for (var i = 0; i < rows.length; i++) {

            if (i < from || i > to)  

                rows[i].style.display = 'none';

            else

                rows[i].style.display = '';

        }

    }

    

    this.showPage = function(pageNumber) {

    	if (! this.inited) {

    		alert("not inited");

    		return;

    	}



        var oldPageAnchor = document.getElementById('pg'+this.currentPage);

        oldPageAnchor.className = 'pg-normal';

        

        this.currentPage = pageNumber;

        var newPageAnchor = document.getElementById('pg'+this.currentPage);

        newPageAnchor.className = 'pg-selected';

        

        var from = (pageNumber - 1) * itemsPerPage + 1;

        var to = from + itemsPerPage - 1;

        this.showRecords(from, to);

    }   

    

    this.prev = function() {

        if (this.currentPage > 1)

            this.showPage(this.currentPage - 1);

    }

    

    this.next = function() {

        if (this.currentPage < this.pages) {

            this.showPage(this.currentPage + 1);

        }

    }                        

    

    this.init = function() {

        var rows = document.getElementById(tableName).getElementsByTagName('li');

        var records = (rows.length - 1); 

        this.pages = Math.ceil(records / itemsPerPage);

        this.inited = true;

    }



    this.showPageNav = function(pagerName, positionId) {

    	if (! this.inited) {

    		alert("not inited");

    		return;

    	}

    	var element = document.getElementById(positionId);

    	

    	var pagerHtml = '<div class="page-rt"><span class="pg-text"> Page/s </span>';

        for (var page = 1; page <= this.pages; page++) 

            pagerHtml += '<span title="Page -'+page+'" id="pg' + page + '" class="pg-normal" onclick="' + pagerName + '.showPage(' + page + ');">' + page + '</span>';

        pagerHtml += "</div>";            

        

        element.innerHTML = pagerHtml;

    }

}



function popitup(url) {
	newwindow=window.open(url,'name','height=400,width=500,scrollbars=yes,top=200,left=400');
	if (window.focus) {newwindow.focus()}
	return false;
}



function enlImg(obj){

 var enlDiv = document.getElementById("detail");

 enlDiv.innerHTML = "<img title='Close' src='media/close-btn.gif' align='right' onclick='document.getElementById(\"detail\").style.display=\"none\";'/><br/>";

 enlDiv.innerHTML += "<h2/>" + arr[parseInt(obj.name)].title;

 enlDiv.innerHTML += "<img  src='"+arr[parseInt(obj.name)].img+"'/>";

 enlDiv.innerHTML +="<div class='clear' />"+"<span class='copyright'>"+"Copyright &reg; 2008 Tulip flower services";

 enlDiv.style.width = '530px';

 enlDiv.style.display = '';

}

function buyNow(obj){

 var enlDiv = document.getElementById("detail");

 var rtDiv = document.createElement('div');

 rtDiv.className='rtDiv';

 enlDiv.innerHTML = "<img title='Close' src='media/close-btn.gif' align='right' onclick='document.getElementById(\"detail\").style.display=\"none\";'/><br/>";

 enlDiv.innerHTML += "<img align='left' src='"+arr[parseInt(obj.name)].tnail+"'/>";

 rtDiv.innerHTML = "<h2/>" + arr[parseInt(obj.name)].title;

 rtDiv.innerHTML += "<p/>" + arr[parseInt(obj.name)].desc;

 rtDiv.innerHTML += "<div/>Price: "+"<span/>" + arr[parseInt(obj.name)].price;

 rtDiv.innerHTML += "<form target='paypal' action='https://www.paypal.com/cgi-bin/webscr' method='post'><input type='hidden' name='cmd' value='_s-xclick'><input type='hidden' name='hosted_button_id' value='" + arr[parseInt(obj.name)].bid +"'><input type='image' src='media/add2cart.gif' border='0' name='submit' title='Add to Cart'><img alt='' border='0' src='https://www.paypal.com/en_US/i/scr/pixel.gif' width='1' height='1'></form><br /><a href='terms.html' onclick=\"return popitup('terms.html')\" >Delivery Information</a>";

 enlDiv.appendChild(rtDiv);

 var divclrObj = document.createElement('div');
divclrObj.className = 'clear';
enlDiv.appendChild(divclrObj)

enlDiv.style.width = '460px';

 enlDiv.style.display = '';

}



	sfHover = function() {

	var sfEls = document.getElementById("dp-nav");

	

		sfEls.onmouseover=function() {

			this.className+=" sfhover";

		}

		sfEls.onmouseout=function() {

			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

		}

	

}

		function tops ( category )

		{

		  document.tulip.tops.value = category ;

		  document.tulip.submit() ;

		}



if (window.attachEvent) window.attachEvent("onload", sfHover);