function fade_in(num) {
    $('#slices ul li.slice'+num+' a span.bw').stop().fadeTo(500, 1);
}

function fade_out(num) {
    $('#slices ul li.slice'+num+' a span.bw').stop().fadeTo(500, 0);
}


contact_form = {'titlePosition': 'inside',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack',
        'autoDimensions': false,
        'height': 445,
        'width': 383,
        'content': '<img style="margin-top:0" src="/static/images/form-header-text.png" /> \
            <div class="form-container"> \
            <form action="/static/contact.php" method="post" name="contactform" onSubmit="return contact(\'contactform\');"> \
			<dl> \
				<dd><input id="form-name" type="text" size="25" name="name"/></dd> \
				<dd><input id="form-email" type="text" size="25" name="email"/></dd> \
				<dd><input id="form-phone" type="text" size="25" name="phone"/></dd> \
				<dd><textarea id="form-message" cols="50" rows="5" name="message"></textarea></dd> \
				<input class="company" type="text" size="25" name="company" style="display:none;"/> \
				<dd><input class="submit" type="image" name="sendContactEmail" alt=" Send " src="/static/images/send.png"/></dd> \
			</dl> \
            </form></div> \
            <img src="/static/images/phone-and-email.png" /> \
            <script type="text/javascript"> \
            $(function(){ \
                $("#form-name").fieldtag(); \
                $("#form-email").fieldtag(); \
                $("#form-phone").fieldtag(); \
                $("#form-message").fieldtag(); \
            }); \
            </script>' };

/*
about_elizabeth = {'titlePosition': 'inside',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack',
        'autoDimensions': false,
        'height': 500,
        'width': 600,
        'content': '<div><h3>About Elizabeth, owner of Eliza Marie Designs</h3> \
            <img width=300 src="/images/image21.jpg"> \
            <p>I fell in love with design when I was 11. Yes, 11.</p> \
            <p>I have a constant countdown to the next big thing in my life. It helps me realize there’s always something to look forward to.</p> \
            <p>I love everything about weddings. Everything.</p> \
            <p>I could live in cardigan sweaters.</p> \
            <p>I am hopelessly and helplessly in love with Mizzou football and Cardinals baseball.</p> \
            <p>I create lists for my lists.</p> \
            <p>I would take music over TV any day.</p> \
            <p>I don’t think I could make it without my friends and family.</p></div>' };
*/


standard = {'titlePosition': 'inside',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'autoDimensions': false,
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack',
        'autoScale': false };

fancy_settings = {
    4: standard,
    6: standard,
    7: contact_form,
    8: standard,
    9: standard,
    10: standard,
    12: contact_form,
    13: standard,
    17: standard,
    18: standard,
    20: standard,
    21: standard,
    24: standard,
    27: standard,
    29: contact_form,
    30: standard,
    32: standard,
    34: {'titlePosition': 'inside',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack',
        'autoDimensions': false,
        'autoScale': false,
        'height': 600,
        'width': 800,
        'content': '<div id="album" style="padding-top:61px"><p>You will need Adobe Flash Player to view the portfolio albums.</p></div> \
            <img style="margin-bottom:0" src="/albums/34-bg.png"> \
            <script type="text/javascript"> \
            var so = new SWFObject("/static/flippingBook.swf?xmlConfig=/albums/34.xml", "Portfolio Book", "690", "358", "8", "#FFFFFF"); \
            so.write("album");\
            </script>' },
    35: {'titlePosition': 'inside',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack',
        'autoScale': false,
        'autoDimensions': false,
        'height': 600,
        'width': 800,
        'content': '<div id="album" style="padding-top:61px"><p>You will need Adobe Flash Player to view the portfolio albums.</p></div> \
            <img style="margin-bottom:0" src="/albums/35-bg.png"> \
            <script type="text/javascript"> \
            var so = new SWFObject("/static/flippingBook.swf?xmlConfig=/albums/35.xml", "Portfolio Book", "462", "357", "8", "#FFFFFF"); \
            so.write("album");\
            </script>' },
    40: standard,
    41: contact_form,
    42: standard,
    43: {'titlePosition': 'inside',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'easingIn': 'easeOutBack',
        'easingOut': 'easeInBack',
        'autoScale': false,
        'autoDimensions': false,
        'height': 600,
        'width': 800,
        'content': '<div id="album" style="padding-top:63px"><p>You will need Adobe Flash Player to view the portfolio albums.</p></div> \
            <img style="margin-bottom:0" src="/albums/43-bg.png"> \
            <script type="text/javascript"> \
            var so = new SWFObject("/static/flippingBook.swf?xmlConfig=/albums/43.xml", "Portfolio Book", "716", "354", "8", "#FFFFFF"); \
            so.write("album");\
            </script>' }
};


wedding_images = [8, 18, 24, 35, 43];
marketing_images = [6, 10, 17, 32, 42];
odds_and_ends_images = [9, 20, 30, 34];
about_images = [13, 21, 27, 40];
contact_images = [7, 12, 29, 41];
old_images = [];


function fade_in_group(title) {
    var images = this[title];
    if (images != old_images) {
        for(var i=0; i<images.length; i++) {
            fade_in(images[i]);
            if (fancy_settings[images[i]] != null) {
                $("li.slice"+images[i]+" a").fancybox( fancy_settings[images[i]] );
                $("li.slice"+images[i]+" a").addClass("pointer");
            }
        }
        fade_out_group(old_images);
        old_images = images;
    }
}


function fade_out_group(images) {
    for(i=0; i<images.length; i++) {
        fade_out(images[i]);
        $("li.slice"+images[i]+" a").removeClass("pointer");
        $("li.slice" + images[i] + " a").unbind('click.fb');
    }
}


function init_menu() {
    $("#menu a").click(function(event){
        $("#submenu .active").removeClass("active");
        var active = $(this).attr("class")
        $("#submenu ul").each(function() {
            if($(this).attr("class") == active) {
                $(this).show();
                fade_out_group(old_images);
                old_images = [];
            } else {
                $(this).hide();
            }
        });
        event.preventDefault(); //stop browser following link
    });
    $.stage_loaded = true;
    if($.initial_page) {
        $.load_from_address($.initial_page);
    }
}


var slices_animated = false;
function animate_slices() {
    if(slices_animated) {
        return;
    }
    slices_animated = true;

    // set animation speeds in ms
    var total_duration = 6000;
    var speed = 1500;

    for (i=1; i<=48; i++) {
        if(Math.floor(Math.random()*2) == 1) {
            $(".slice"+i).css('left', "2000px");
        }
        var delay_ms = Math.floor(Math.random()*total_duration);
        $(".slice"+i).delay(delay_ms).animate({'left': "0px"}, speed);
    }

    $("#menu ul").delay(total_duration + speed).fadeIn(speed);
    $("#slices ul li span.bw").delay(total_duration + speed * 2).animate({'opacity': 0}, speed);
    setTimeout('$("#submenu .portfolio").fadeIn('+speed+')', total_duration + speed * 3);
    setTimeout('init_menu()', total_duration + speed * 3);
}