//
// $Id: ContentImage.js,v 1.1.1.1 2010/02/26 08:30:05 steve Exp $
//
var ContentImage = function() {

    this.cms = new CMSActions()

    this.init = function() {
    
        var self = this
        
        $('img.contentImageEditButton').click( function() { self.showEditor($(this)) })
        $('img.contentImageDeleteButton').click( function() { self.cms.deleteSection($(this), 'Image') })
        $('img.contentImageMoveUpButton').click( function() { self.cms.move($(this), 'Up', 'Image') })
        $('img.contentImageMoveDownButton').click( function() { self.cms.move($(this), 'Down', 'Image') })
        $('img.contentImageAddBeforeButton').click( function() { self.cms.showAddSection($(this), 'Before', 'Image') })
        $('img.contentImageAddAfterButton').click( function() { self.cms.showAddSection($(this), 'After', 'Image') })
        $('input.contentImageSave').click( function() { self.saveDetails($(this)) })
    }
    
    this.showEditor = function(elem) {

        var self = this
        
        var id     = $(elem).attr('id').split('_')
        var editor = 'contentImageEditorEdit_' + id[1]
        var left   = $(elem).offset().left
        var top    = $(elem).offset().top
        
        $('#' + editor).css('top', top + 'px')
        $('#' + editor).css('left', left + 'px')
        $('#' + editor).fadeIn()
    }
    
    this.saveDetails = function(elem) {
    
        var self = this
        
        var id = $(elem).attr('id').split('_')
        id = id[1]
        
        var file = ''
        $('#contentImageEditorEdit_' + id + ' .imageRadio').each(
            function () {
                if ($(this).attr('checked')) {
                    file = $(this).val()
                }
            })
        var alt  = escape($('#contentImageEditorEditAlt_' + id).val())
        var pos  = $('#contentImageEditorEditPosition_' + id).val()
        
        $.ajax({
                  type:     'POST',
                  url:      AJAXURL,
                  data:     'Action=saveContentImage&SectionId=' + id +
                                                   '&Image=' + file +
                                                   '&PositionId=' + pos +
                                                   '&Alt=' + alt,
                  dataType: 'json',
                  timeout:  40000,
            error:
                function() {
                    return false;
                },
            success:
                function(data) {
                    if (data.Error) {
                        alert(data.Message)
                    } else {
                        self.cms.reloadPage('#contentImageEditorEdit_' + id)
                    }
                }
        })
    }
    
    this.showAddSection = function(elem, where) {

        var self = this

        var id = $(elem).attr('id').split('_')
        var editor = 'newSection_contentImage_' + id[1]
        var title  = 'newSectionTitle_contentImage_' + id[1]

        $('#' + title).html(where)

        var left   = $(elem).offset().left
        var top    = $(elem).offset().top

        $('#' + editor).css('top', top + 'px')
        $('#' + editor).css('left', left + 'px')
        $('#' + editor).fadeIn()
    }

}