function loadpage(url)
    {
        initializeobjects();
        document.getElementById('pixelsiframe').src = url;
        showpixelsiframe();
    }
    
    function resizemainiframe(height)
    {
        if(true && document.getElementById('pixelsshoppingcartiframe'))
        {
            document.getElementById('pixelsshoppingcartiframe').style.height = (height + 0) + 'px';
        }
        else
        {
            // This is for users who added the iframe to their websites before the iframe has id='pixelsshoppingcartiframe'.
        
            var documentiframes = document.getElementsByTagName('iframe');
            var currentsrc = '';
            
            for(var i = 0; i < documentiframes.length; i++)
            {
                currentsrc = documentiframes[i].src;
                
                if(currentsrc.indexOf('widgetshoppingcart/artwork') > 0)
                {
                    documentiframes[i].style.height = (height + 0) + 'px';
                }
            }   
        }
    }
    
    function scrollmainiframe()
    {
        if(document.getElementById('pixelsshoppingcartiframe'))
        {
                    
            document.getElementById('pixelsshoppingcartiframe').scrollIntoView(true);
        }
        else
        {
            // This is for users who added the iframe to their websites before the iframe has id='pixelsshoppingcartiframe'.
        
            var documentiframes = document.getElementsByTagName('iframe');
            var currentsrc = '';
            
            for(var i = 0; i < documentiframes.length; i++)
            {
                currentsrc = documentiframes[i].src;
                
                if(currentsrc.indexOf('widgetshoppingcart/artwork') > 0)
                {
                    documentiframes[i].scrollIntoView(true);
                }
            }       
        }
    }   

    function centerpixelsiframe()
    {
        var widthclient = parseInt(document.documentElement.clientWidth);
        var heightclient = parseInt(document.documentElement.clientHeight);

        if(true && window.innerHeight)
        {
            if(parseInt(window.innerHeight) != 0 && parseInt(window.innerHeight) < heightclient)
            {
                heightclient = parseInt(window.innerHeight);
            }
        }

        var widthtarget = parseInt(widthclient*0.95);
        var heighttarget = parseInt(heightclient*0.95);

        if(widthclient < 400)
        {
            widthtarget = parseInt(widthclient);
            heighttarget = parseInt(heightclient);
        }
        
        var offsetx = 0;
        var offsety = 0;

        if(document.getElementById('pixelsiframeparentdiv'))
        {
            var targetobject = document.getElementById('pixelsiframeparentdiv');

            targetobject.style.width = widthtarget + 'px';
            targetobject.style.height = heighttarget + 'px';
            
            targetobject.style.left = (offsetx + parseInt((widthclient - widthtarget) / 2)) + 'px';
            targetobject.style.top = (offsety + parseInt((heightclient - heighttarget) / 2)) + 'px';            
            
        }
    }
    
    function showpixelsiframe()
    {
        centerpixelsiframe();
        
        var backgroundobject = document.getElementById('backgrounddiv');
        var targetobject = document.getElementById('pixelsiframeparentdiv');

        backgroundobject.style.width = '100%';
        backgroundobject.style.height = '100%';
        backgroundobject.style.visibility = 'visible';
        targetobject.style.visibility = 'visible';

    }
    
    function hidepixelsiframe()
    {
        document.getElementById('backgrounddiv').style.visibility = 'hidden';
        document.getElementById('pixelsiframeparentdiv').style.visibility = 'hidden';       
        document.getElementById('pixelsiframe').src = 'https://fineartamerica.com/widgetshoppingcart/loading.php';
    }
    
    function initializeobjects()
    {
        var newparentdiv;
        var newdiv;
        var cssstyle;   
    
        if(!document.getElementById('backgrounddiv'))
        {
            newdiv = document.createElement('div');         
            cssstyle = 'position: fixed; z-index: 1000; left: 0px; top: 0px; width: 10px; height: 10px; background-color: #000000; visibility: hidden; opacity: 0.65; filter: alpha(opacity=50);';
            newdiv.id = 'backgrounddiv';
            newdiv.setAttribute('style',cssstyle);
            newdiv.style.cssText = cssstyle;
            document.body.appendChild(newdiv);              

        }   
    
        if(!document.getElementById('pixelsiframeparentdiv'))
        {
            newparentdiv = document.createElement('div');
            cssstyle = 'position: fixed; z-index: 100000; width: 10px; height: 10px; background-color: #FFFFFF; border: 1px solid #444444; box-shadow: 0px 0px 40px #000000; visibility: hidden;';
            newparentdiv.id = 'pixelsiframeparentdiv';
            newparentdiv.setAttribute('style',cssstyle);
            newparentdiv.style.cssText = cssstyle;
            
            newdiv = document.createElement('iframe');
            cssstyle = 'width: 100%; height: 100%; border: none;';
            newdiv.id = 'pixelsiframe';
            newdiv.src = 'https://fineartamerica.com/widgetshoppingcart/loading.php';
            newdiv.setAttribute('style',cssstyle);
            newdiv.style.cssText = cssstyle;
            
            var useragent = window.navigator.userAgent;

            if(useragent.match(/iPad/i) || useragent.match(/iPhone/i)) 
            {
                // iPad or iPhone
                newparentdiv.style.overflowY = 'scroll';
                newparentdiv.style.webkitOverflowScrolling = 'touch';
            }
            else 
            {
                // Anything else
                
            }               
            
            document.body.appendChild(newparentdiv);
            document.getElementById('pixelsiframeparentdiv').appendChild(newdiv);   
        }

    }
    
    window.addEventListener('orientationchange',centerpixelsiframe);
    window.addEventListener('resize',centerpixelsiframe);
    
    // http://davidwalsh.name/window-iframe
    // http://stackoverflow.com/questions/3800309/using-postmessage-to-refresh-iframes-parent-document
    
    // Create IE + others compatible event handler
    var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
    var eventer = window[eventMethod];
    var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

    // Listen to message from child window
    eventer(messageEvent,function(e) {eval(e.data)},false);