/**
* Pop up stuff
*/

function popupShow(popupId, clickId) {

   //alert(">>>>>>>>> popupId "+popupId);
   //alert(">>>>>>>>> clickId "+clickId);
    var newTop  = 550;
    var newLeft = 300;

    if(clickId=='clickChangeThumbnail' || clickId=='watermarkImage')
    {
        var position  = Position.positionedOffset($(clickId));
        newTop  = position[1];
        newLeft = position[0]/2;
        newLeft = newLeft + 100;
    }

    else if(clickId=='cropImageArea' || clickId=='showCropArea')
    {
       // newLeft = (screen.width/2)-(parseInt(document.getElementById('cropImageArea').style.width)/2)
       //  new Effect.ScrollTo(popupId, {offset:-25});
        var po = centerElement($(popupId));
        newTop = po.top - 100;
        newLeft = po.left;
        
    }
    else if(clickId=='showQuote' || clickId=='' )
    {
         newTop  = 75;
         newLeft = 250;
    }
    else if(clickId=='NotGiven'){
        var po = centerElement($(popupId));
        newTop = po.top;
        newLeft = po.left;
    }
    else if( popupId =='customMessageEditor' ){
       var position = Position.cumulativeOffset($(clickId));
        newTop  = position[1]+10;
        newLeft = position[0]+10;
    }

    Element.setStyle(popupId, {top: newTop + 'px', left: newLeft + 'px'});
    //alert(">>>>>>>>>>> 12");
    Element.show(popupId);
}

function centerElement(element) {
    var pwidth = document.viewport.getWidth();
    var pheight = document.viewport.getHeight();

    var sleft = document.viewport.getScrollOffsets().left;
    var stop = document.viewport.getScrollOffsets().top;

    var left = ((pwidth / 2) + sleft) - ($(element).getWidth() / 2);
    var top = ((pheight / 2) + stop) - ($(element).getHeight() / 2);

    Element.setStyle($(element), {top: top + 'px', left: left + 'px'});

    return {left : left, top : top};
}

function popupProduct(popupId, clickId){

    var position  = Position.positionedOffset($(clickId));
    newTop  = position[1]+20;
    newLeft = position[0]/2;
    newLeft = newLeft + 100;
    
    Element.setStyle(popupId, {top: newTop + 'px', left: newLeft + 'px'});

    Element.show(popupId);
}

function popupChat(popupId, clickId, thread) {
    var gPosition = Position.positionedOffset($('chatDetailContainer'));

    if (clickId == "delete-top") {
        var newTop = gPosition[1] + 90;
        var newLeft = gPosition[0] + 220;
    } else if (clickId == "delete-log") {
        var position = Position.positionedOffset($('delete-log'));
        var newTop = position[1] + 50;
        var newLeft = position[0] + 100;
    }

    var content = '<p>Are you sure you want to delete this chat?</p> \
    <div class="buttons"> \
       <button onclick="deleteChat(\''+thread+'\'); return false;">ok</button> \
       <button onclick="popupHide(\'deleteConfirm\'); return false;">cancel</button> \
    </div>';

    $(popupId).update(content);

    Element.setStyle(popupId, {top: newTop + 'px', left: newLeft + 'px'});

    Element.show(popupId);
}

function popupHide(popId) {
    Element.hide(popId);
    if (document.getElementById('folderDetail') != null)
        $('folderDetail').removeClassName('transparency');
}

function conf() {
    var check = confirm("Are you sure you want to delete this product?");
    if(check) {
        return true;
    } else {
        return false;
    }
}

function toogleBlue(element) {
        node = $('table_cont').getElementsByClassName('blue');
        for (i =0; i<node.length; i++) {
            node[i].removeClassName('blue');
        }
        $(element).addClassName('blue'); 
}

function seeThread() {
        node = $('table_cont').getElementsByClassName('blue');
        alert(node[0].firstDescendant().id);
}

function selectPublic() {
    $('public_private_wrapper').removeClassName('private_selected');
    $('public_private_wrapper').addClassName('public_selected');
    
    $('private_options').hide();
    $('publicRadio').writeAttribute("checked","checked");


}

function selectPrivate() {
    $('public_private_wrapper').removeClassName('public_selected');
    $('public_private_wrapper').addClassName('private_selected');

    $('private_options').show();

    $('privateRadio').writeAttribute("checked","checked");
}

function adderShow() {
    wf = $('addShow');    
    if (wf.options[wf.selectedIndex].value == "website") {
        $('addFile').hide();
        $('addUrl').show(); 
    } else {
        $('addUrl').hide();
        $('addFile').show(); 
    }
}

function chatTimer() {
    new Ajax.Updater('chatTimer', '/chat?timer');
}

// boxAlert object
var boxAlert = {
    box : null,
    popcontent : null,

    show : function(content, top, left, width, ok, cancel, close) {
        boxAlert.box = $('boxAlert');
        boxAlert.popcontent = $('popContent');
        if (close) {
            var close = '<p class="close_box2"><input type="image" onclick="boxAlert.hide(); return false;" class="button" id="closebox_btn" src="/html2/images/close_button.gif" alt="Close box"/></p>';
            content = content + close;
        }

        if (ok || cancel) { 
            var buttons = '<div class="buttons">';
            if (ok) {
                buttons += ok;
            }
            if (cancel) {
                buttons += cancel;
            }
            buttons += '</div>';
            content = content + buttons;
        }
        
        Element.setStyle(boxAlert.box, {top: top + 'px', left: left + 'px'});
        if (width) {
            Element.setStyle(boxAlert.box, {width: width + 'px'});

        }

        boxAlert.popcontent.update(content);
        boxAlert.box.show(); 
    },

    hide : function() {
        boxAlert.box.hide();
    }
}