$(function() {

    var generic = new SiteGeneric()
	generic.init()

    var site = new Site()
    site.init()
})

var Site = function() {

    this.fullContent = 0 

    this.json = new Json()

    this.init = function () {

        var self = this

        // Animation - TBD
        //
        $('#topRow1 div').mouseover( function() { self.showContent($(this)) } )
        $('#topRow1 div').mouseout( function() { self.hideContent($(this)) } )
        $('#col_3 li').mouseover( function() { $(this).addClass('liOver') } )
        $('#col_3 li').mouseout( function() { $(this).removeClass('liOver') } )
        
        // Popup
        //
        $('#pig_Image').mouseover( function() { self.showPopup($(this)) } )
        $('#pig_Image').mouseout( function() { self.hidePopup($(this)) } )

        // Contact
        //
        $('#contactHint').mouseover( function() { $('#contactUsHint').fadeIn() } )
        $('#contactHint').mouseout( function() { $('#contactUsHint').fadeOut() } )

        // Anti-SPAM
        //
        $('a.dmbMail').attr('href', 'mailto:fiona.wells@domarketingbetter.com')
        $('a.dmbMail').html('fiona.wells@domarketingbetter.com')
    }

    this.showPopup = function(elem) {

        var self = this

        if ($(this).attr('id') == 'Popup') {
            return
        }
    
        var id = $(elem).attr('id').split('_')
        id     = id[0]

        $.ajax({
                  url:      AJAXURL + '?Action=getPopUpContent&Id=' + id,
                  dataType: 'json',
                  timeout:  40000,
            error:
                function() {
                    return false
                },
            success:
                function(data) {
                    if (data.Error) {
                        alert(data.Message)
                        return false
                    } else {
                        var top  = $(elem).offset().top
                        var left = $(elem).offset().left

                        top  = top  + 50 ;
                        left = left + 200 ;
                    
                        $('div.top').addClass('faded')
                        $('div#bottomRow_1').addClass('faded')
                        $('div#bottomRow_3').addClass('faded')
                    
                        self._showPopup('Popup', left, top, self.json.jsonDecode(data.Content))
                    }
                }
        })
    }

    this._showPopup = function(elem, left, top, content) {

        $('div#' + elem).css('left', left + 'px')
        $('div#' + elem).css('top', +top + 'px')
        $('div#' + elem).html(content)
        var i = 1 ;
        for (var i = 1; i < 7; i++) {
            left = left + 1
            top  = top  + 1
            $('div#' + elem + i).css('left', +left + 'px')
            $('div#' + elem + i).css('top', +top + 'px')
            $('div#' + elem + i).html(content)
        }
        $('div#Popup').show()
        for (var i = 1; i < 7; i++) {
            $('div#' + elem + i).show()
        }
    }

    this.hidePopup = function(elem) {

        if ($(elem).hasClass('menu')) {
            return
        }
        $('div.top').removeClass('faded')
        $('#bottomRow_1').removeClass('faded')
        $('#bottomRow_3').removeClass('faded')

        $('#Popup').fadeOut('slow')
        $('#Popup1').hide()
        $('#Popup2').hide()
        $('#Popup3').hide()
        $('#Popup4').hide()
        $('#Popup5').hide()
    }

    this.showContent = function(elem) {

        $(elem).addClass('menuOver')
        var id = $(elem).attr('id').split('_')
        id = id[1] ;
    
        $('div.bottom').addClass('faded')
        $('#bottomRow_' + id).removeClass('faded')
    }

    this.hideContent = function(elem) {

        $(elem).removeClass('menuOver')
        $('div.bottom').removeClass('faded')
    }
}