function Items(thumbImg, thumbBg, price, outOfStock)
{
    this.ThumbnailImageUrl = thumbImg;
    this.ThumbnailBackground = thumbBg;
    this.IsOutOfStock = outOfStock;
    this.Price = price;
}

function ProdItems(wrapper, ddlElement, imgElement, prcElement, btnElement, oosElement)
{
    var _cs = new Array();
    
    this.Add = function(thumbImage, thumbBackground, price, outOfStock)
    {
        var i = new Items(thumbImage, thumbBackground, price, outOfStock);
        
        _cs.push(i);
    }
    
    this.Refresh = function()
    {
        var selected = _cs[ddlElement.selectedIndex];
        
        if (selected.ThumbnailImageUrl!=null)
        {
            wrapper.style.visibility = "visible";
            imgElement.style.backgroundImage = selected.ThumbnailImageUrl;
        }
        else if (selected.ThumbnailBackground!=null)
        {
            wrapper.style.visibility = "visible";
            imgElement.style.backgroundColor = selected.ThumbnailBackground;
        }
        else
        {
            wrapper.style.visibility = "hidden";
        }
        
        prcElement.innerHTML = selected.Price.toFixed(2);
        
        if (selected.IsOutOfStock) 
        {
            btnElement.style.visibility = "hidden";
            btnElement.style.width = "0";
            oosElement.style.visibility = "visible";
        }
        else
        {
            btnElement.style.visibility = "visible";
            btnElement.style.width = "auto";
            oosElement.style.visibility = "hidden";
        }
        
        //alert(selected.ThumbnailImageUrl);
        
        //imgElement.style = selected.ThumbnailUrl; //'background-image:url(' + selected.ThumbnailUrl + ')';
        
        //alert(selected.ThumbnailUrl);
    }
}

function DoPreClick()
{
    var hfld = document.getElementById(ppid);
    
    hfld.value = GetScrollPosition();
    
    return true;
}

function GetScrollPosition()
{
    var scrollX, scrollY;

    if (document.all)
    {
     if (!document.documentElement.scrollLeft)
        scrollX = document.body.scrollLeft;
     else
        scrollX = document.documentElement.scrollLeft;
           
     if (!document.documentElement.scrollTop)
        scrollY = document.body.scrollTop;
     else
        scrollY = document.documentElement.scrollTop;
    }   
    else
    {
     scrollX = window.pageXOffset;
     scrollY = window.pageYOffset;
    }
    
    return scrollY;
}

window.onload = function()
{
    var hfld = document.getElementById(ppid);
    
    var ypos = hfld.value;
    
    if (ypos!=null && ypos!="")
    {
        if (ypos>0) window.scrollTo(0, ypos);
    }
}