var click_functions = {
    'contact'   :   function() {
        var email = {
            img :   document.createElement('img'),
            src :   "images/static/meena_at_gmail.png",
            ml2 :   "mailto:meena.khalili@gmail.com"
        };
        $('#email').remove();
        email.img.src = email.src;
        var div = document.createElement('div');
        div.id = 'email';
        $('#option_list').append(div);
        $(div).css({ 
            'height' :  ($('#option_list').height()/3+'px'),
            'margin-left'  :   parseInt(($('.right').css('left')))+40+'px',
            'margin-top'   :   "-25px"
        }).hide().append(email.img);
        $(email.img).css( {
                'height':   ($( '#option_list > ul > li').height()/3+'px')
            });
        $(div).fadeIn('slow').click(function() {
            window.location.href = email.ml2;
        });
    }
};

function download_document (name)
{
    var dir = "docs/";
    var filename = dir+name+".pdf";
    window.location.href = filename;
}

function create_bullet ( bullet, text, height )
{
    var elems = [
        document.createElement('li'), 
        document.createElement('div'), 
        document.createElement('div'), 
        document.createElement('img'), 
        document.createElement('img')
    ];

    var i;
    for (i = 0; i < elems.length; i++)
    {
        if (i == 0 || (i % 2 != 0))
        {
            $(elems[i]).css('height', height+'px');
        }
        else
        {
            $(elems[i]).css('height', height*.4+'px');
        }
    }

    $(elems[3]).attr('src', 'images/mouseout/'+bullet+'.png');
    $(elems[4]).attr('src', 'images/static/'+text+'.png');
    $(elems[1]).append(elems[3]).addClass('left');
    $(elems[2]).append(elems[4]).addClass('right');
    $(elems[0]).append(elems[1]).append(elems[2]);
    return elems[0];
}

function set_dimensions(complete)
{

    var scr_h = $(window).height();
    var scr_w = $(window).width();
    var logo = {                                                         
        width   :   (scr_w*.25),
        height  :   (scr_h*(.05)),
        img     :   document.createElement('img'),                       
        src     :   'images/static/mk_vc.png'                            
    }; 
    $(logo.img).attr('src', logo.src).load(function() {                                   
        if (!complete)
        {
            $('#logo').append(logo.img); 
        }
        $('#logo').css({                                                     
            'left'          :   (scr_w/2)-(logo.width/2)+'px',
//            'width'         :   logo.width+'px',
            'height'        :   logo.height+'px',
            'margin-top'    :   scr_h*.15+'px'
        }); 
       // $('#logo').css('left', (scr_w/2)-(logo.width/2)+'px');
        $('#logo > img').css('height', $('#logo').css('height'));
        var ul = {
            obj         :   document.createElement('ul'),
            margin_top  :   (logo.width*.2) + parseInt($('#logo').css('margin-top').split('px')[0]),
            margin_left :   parseInt($('#logo').css('left').split('px')[0])
        };

        
        var bullets = {                                                       
            files : {                                                        
                "option_1" :   ["c_vitae", 'pdf'],
                "option_2" :   ["professional_samples", 'pdf'],
                "option_3" :   ["student_samples", 'pdf'],
                "option_4" :   ["lot_15", 'http://www.lot15studio.com'],
                "option_5" :   ["northside_gal", 'http://northsidegal.tumblr.com'],
                "option_6" :   ["contact" , 'fn']
            }, 
            height:     ((scr_h*.4) - ($(logo.img).width()*.10))/6                
        };
        if (complete)
        {
            $('#option_list').empty();
        }
        var bullet; 
        var li; 
        for (bullet in bullets.files) 
        {        
            li = create_bullet (bullet, bullets.files[bullet][0], bullets.height);
            li.name = bullets.files[bullet][0];
            li.action = bullets.files[bullet][1]
            $(ul.obj).append(li); 
        }               
        $('#option_list').append(ul.obj).css({
            'left'  :   ul.margin_left,
            'top'   :   ul.margin_top
        });
        $('.right').each(function() {
            var pt = $(this).parent().height();
            var mt = $(this).height();
            var pl = $('.left', $(this).parent()).height()*1;
            var t = (pt/2) - (mt/2);
            $(this).css({
                'top' :  t,
                'left': pl
            });
        });
        $('#option_list > ul > li').hover(function() {
            $(this).find('.left').animate({backgroundColor:'#000'},150);
        }, function () {
            $('.left', this).animate({backgroundColor:'transparent'},200);
        });
        $('#option_list > ul > li').click(function() {
            switch (this.action)
            {
                case 'pdf'  :   download_document (this.name);
                                break;
                case 'fn'   :   click_functions[this.name]();
                                break;
                default     :   var link = this.action;
                                var last = this;
                                $(this).siblings().fadeOut('slow', function() {
                                    $(last).delay(500).fadeOut('slow', function() {
                                        window.location.href = link;
                                    });
                                });
                                break;
            };
        });
    });
}

function main()
{
    set_dimensions(false);
    $(window).resize(function() {
        set_dimensions(true)
    });
}

$(document).ready( main );