(function(){
    if (typeof(window.Mailgun) != "undefined") {
        throw Exception("naming conflict");
    }
    
    window.Mailgun = {};
    var M = window.Mailgun;

    M.home = function(){
        var links = $(".links a");
        var links_array = $.makeArray(links);

        var snippets = $(".snippet");
        var snippets_array = $.makeArray(snippets);

        links.click(function(){
            var self = $(this);
            if ( !self.hasClass("active") ) {
                links.removeClass("active");
                self.addClass("active");
                show_snippet($.inArray(this, links_array));
            }
        });

        var show_snippet = function(index) {
            snippets.hide();
            $(snippets_array[index]).fadeIn('slow');
        };
        
        show_snippet(0);
    };

    M.how_it_works = function(){
        var thumbs = $(".howitworks div.thumb");
        var thumbs_array = $.makeArray(thumbs);

        var slides = $(".slide");
        var slides_array = $.makeArray(slides);

        var set_class = function(element, set_to_active){
            var classes = $(element).attr('class').split(" ");
            var last_class = classes.pop();
            var last_class_el = last_class.split("-");
            if(last_class_el[1] == 'inactive'){
                if(set_to_active){
                    last_class_el[1] = 'active';      
                }
            }
            else{
                if(!set_to_active){
                    last_class_el[1] = 'inactive';   
                }
            }
            classes.push(last_class_el.join("-"));
            $(element).attr('class', classes.join(" "));                                            
        };

        thumbs.click(function(){
                         var self = $(this);
                         thumbs.each(function(index, element){
                                         set_class(element, false);
                                     });
                         set_class(self, true);
                         show_slide($.inArray(this, thumbs_array));
        });

        var show_slide = function(index) {
            slides.hide();
            $(slides_array[index]).fadeIn('slow');
        };
        
        show_slide(0);

    };

    M.pricing = function(){
        
    };

    
    
})();