window.onload = function initialLoad()
{
    updateOrientation();
}

function updateOrientation()
{
    var w = "320px";
    var h = "480px";
    var contentType = "";    
    switch (window.orientation)
    {
        case 0:
            w = "320px";
            h = "356px";
            contentType = 'portrait';
            break;

        case -90:
            w = "480px";
            h = "208px";
            contentType = 'landscape_right';
            break;

        case 90:
            w = "480px";
            h = "208px";
            contentType = 'landscape_left';
            break;

        case 180:
            w = "320px";
            h = "356px";
            contentType = 'flipped';
            break;
    }
    var pg = document.getElementById('page_wrapper');
    pg.setAttribute('class', contentType);
    pg.setAttribute('style', 'width:' + w + '; height:' + h + ';');
   

/*
    document.getElementById('page_wrapper').setAttribute('class', contentType);
    getElem(false, 'page_wrapper').setAttribute('style', 'width:' + w + ';height:' + h + ';');*/
      
}