function whatNowOver(mc,page) {

    var hTop = 0;
    var hLeft = 0;
    
    var body = $$('body')[0];
    var pC = new Element('div', { id: 'whatNowHolder' }).setStyle({ display: 'none', top: '0px', left: '0px', width:'193px', height:'91px', position:'absolute' });

    body.appendChild(pC);

    if (mc == "upload") {
        
        hTop = $('quickStart').viewportOffset()[1];
        hLeft = $('quickStart').viewportOffset()[0]

        $('whatNowHolder').setStyle({ top: (hTop + 10) + 'px', left: (hLeft - 34) + 'px', display: 'block' }).update("<div id=\"whatNowInner\"><img src=\"/images/what-next/hover-pdf.png\" /></div>");

    }
    if (mc == "buy") {
        if (page == "edit") {
            hTop = $('editBuyCredits').viewportOffset()[1];
            hLeft = $('editBuyCredits').viewportOffset()[0]

            $('whatNowHolder').setStyle({ top: (hTop + 12) + 'px', left: (hLeft - 58) + 'px', display: 'block' }).update("<div id=\"whatNowInner\"><img src=\"/images/what-next/hover-buy.png\" /></div>");
            
            
        } else { //default page
            hTop = $('buycredits').viewportOffset()[1];
            hLeft = $('buycredits').viewportOffset()[0]

            $('whatNowHolder').setStyle({ top: (hTop + 10) + 'px', left: (hLeft - 46) + 'px', display: 'block' }).update("<div id=\"whatNowInner\"><img src=\"/images/what-next/hover-buy.png\" /></div>");

        }

    }
    if (mc == "request") {
        if (page == "edit") {
            hTop = $('editBuyCredits').viewportOffset()[1];
            hLeft = $('editBuyCredits').viewportOffset()[0]

            $('whatNowHolder').setStyle({ top: (hTop + 12) + 'px', left: (hLeft - 58) + 'px', display: 'block' }).update("<div id=\"whatNowInner\"><img src=\"/images/what-next/hover-request.png\" /></div>");


        } else { //default page
            hTop = $('requestCredits').viewportOffset()[1];
            hLeft = $('requestCredits').viewportOffset()[0]

            $('whatNowHolder').setStyle({ top: (hTop + 10) + 'px', left: (hLeft - 46) + 'px', display: 'block' }).update("<div id=\"whatNowInner\"><img src=\"/images/what-next/hover-request.png\" /></div>");

        }

    }

    if (mc == "finalise") {


        if (page == "default") { //default page
            var x = $$(".finaliseButton")[0];

            hTop = x.viewportOffset()[1];
            hLeft = x.viewportOffset()[0]

            $('whatNowHolder').setStyle({ top: (hTop + 15) + 'px', left: (hLeft - 60) + 'px', display: 'block' }).update("<div id=\"whatNowInner\"><img src=\"/images/what-next/hover-finalise.png\" /></div>");

        } else {//edit page
            var x = $("editFinalise");

            hTop = x.viewportOffset()[1];
            hLeft = x.viewportOffset()[0]

            $('whatNowHolder').setStyle({ top: (hTop + 12) + 'px', left: (hLeft - 60) + 'px', display: 'block' }).update("<div id=\"whatNowInner\"><img src=\"/images/what-next/hover-finalise-edit.png\" /></div>");

        }

        
    }
    
    
    
    
    

    
}

function whatNowOut() {
    $('whatNowHolder').remove();

}