var pList;
var env;
var lName = rName = cont = '';
var displayCount = 0;

//This method allows us to attach a window on load event to the current window so .NET can fire this method on Page_Load
function AttachEvent(elementObj, eventName, eventHandlerFunctionName)
{
    if (elementObj.addEventListener) // Non-IE browsers
    { 
        elementObj.addEventListener(eventName, eventHandlerFunctionName, false);		
    } 
    else if (elementObj.attachEvent) // IE 6+
    { 
        elementObj.attachEvent('on' + eventName, eventHandlerFunctionName);
    } 
    else 
    { 
        var currentEventHandler = elementObj['on' + eventName];// Older browsers 
        if (currentEventHandler == null) 
        {
            elementObj['on' + eventName] = eventHandlerFunctionName;
        } 
        else 
        {
            elementObj['on' + eventName] = function(e) { currentEventHandler(e); eventHandlerFunctionName(e); }
        }
    }
}


function Init()
{
		if(displayCount == 0)
				displayCount = 6;
    var left = document.getElementById(lName);
    var right = document.getElementById(rName);
    var container = document.getElementById(cont);
    
    var slider = document.createElement('div');
    var tblWidth = '140';
    var tSpeed = 4;
    var numChildren = pList.length;
    var timer = null;
    
    slider.id = 'slider';
    slider.className = 'slider';
    slider.style.left = '0px';
    slider.style.width = (numChildren * tblWidth) + 10 + 'px';
    
    
    container.appendChild(slider);
    
    for(var i=0;i<numChildren;i++)
    {
        var tbl = document.createElement('table');
        tbl.cellPadding='0';
        tbl.cellSpacing='0';
        tbl.className = 'itemTableBorderRight';
        if(i%4==3 && i!=0)
        {
            tbl.className = 'itemTableBorderNone';
        }
        if((i%4)==0 && i!=0)
        {
            tbl.className = 'itemTableBorderBoth';
        }
        if(i==numChildren-1)
        {
            tbl.className = 'itemTableBorderLeft';
        }
        var tbody = document.createElement('tbody');
        tbl.appendChild(tbody);
        
        var tr1 = document.createElement('tr');
        var td1 = document.createElement('td');
        td1.innerHTML = pList[i].Title;
        td1.className = 'itemTitle';
        td1.style.alignment = 'center';
        tr1.appendChild(td1);
        tbody.appendChild(tr1);
        
        var tr2 = document.createElement('tr');
        var td2 = document.createElement('td');
        td2.className = 'itemImg';
        td2.align = 'center';
        
        var a = document.createElement('a');
        a.href = pList[i].TargetUrl;
        
        var img = document.createElement('img');
        img.style.width = '121';
        img.style.height = '107';
        img.border = '0';
        img.alt = pList[i].AltText;
        img.src = 'http://www.annegeddes.com/shop/' + pList[i].ImgUrl;
        a.appendChild(img);
        td2.appendChild(a);
        
        td2.style.alignment = 'center';
        tr2.appendChild(td2);
        tbody.appendChild(tr2);
        
        slider.appendChild(tbl);
    }
    
    right.onmouseover=function()
    {
        var sItems = slider.childNodes.length;
				if((parseInt(slider.style.left)*-1) + (tblWidth*displayCount)-(sItems * tblWidth)<0)
        {
            timer = null;
	        slider.style.left = parseInt(slider.style.left) - tSpeed + 'px';
	        timer = setTimeout(right.onmouseover, 1);
	    }
    }
    right.onmouseout = function()
    {
        clearTimeout(timer);
    }
    
    left.onmouseover=function()
    {
        if(parseInt(slider.style.left)<0)
        {
            timer = null;
	        slider.style.left = parseInt(slider.style.left) + tSpeed + 'px';
	        timer = setTimeout(left.onmouseover, 1);
	    }
	    else
	    {
	        clearTimeout(timer);
	    }
    }
    left.onmouseout = function()
    {
        clearTimeout(timer);
    }
}