$(document).ready(function() {
    doFit();
});
$(document).bind('animDone', function() {
    var logo1 = $('#logo1'); var logo2 = $('#logo2'); var lula = $('#lula_right');
    var rose = $('#rose'); var content = $('#content');

    $('#lula_right').pos({ right: 0, bottom: 0 });
    $(logo1).pos({ left: 0, top: 0 });
    $(logo2).pos({ left: 0, top: 0 });
    $(rose).pos({ top: 20, left: 600 });
    $(content).pos({ top: 120, right: 250, bottom: 100, left: 20 });

    logo2.fadeTo(0, .01).css('display', 'block');

    fadeInFacet(500, logo1, 500);
    fadeInFacet(1000, rose, 1000);
    fadeInFacet(1500, lula, 1000);
    fadeInFacet(2000, content, 1000);
    setTimeout(function() { pulseGlow() }, 1750);

    var btn2 = newBtn('ModelMayhem', 'http://www.modelmayhem.com/LulaLaRose');
    $('#main_box').append(btn2);
    btn2.pos({ left: 15, bottom: 15 })
    fadeInFacet(700, btn2, 500);

    btn3 = newBtn('Facebook', 'http://www.facebook.com/pages/Lula-La-Rose/280135075343');
    $('#main_box').append(btn3);
    btn3.pos({ left: 165, bottom: 15 })
    fadeInFacet(1000, btn3, 500);

    btn4 = newBtn('MySpace', 'http://www.myspace.com/stevikosloskey');
    $('#main_box').append(btn4);
    btn4.pos({ left: 315, bottom: 15 })
    fadeInFacet(1300, btn4, 500);

    btn5 = newBtn('PinupLifestyle', 'http://www.pinuplifestyle.com/profile/LulaLaRose');
    $('#main_box').append(btn5);
    btn5.pos({ left: 465, bottom: 15 })
    fadeInFacet(1000, btn5, 500);

    btn6 = newBtn('ContactMe');
    $('#main_box').append(btn6);
    btn6.click(showContact);
    btn6.pos({ left: 615, bottom: 15 })
    fadeInFacet(700, btn6, 500);

    setTimeout('setViewer();', 2500);
});


function showContact() {

    //from, email, subject, message

    var backfade_id = 'back-fader_contact';
    $('body').append($('<div>').attr('id', backfade_id).css({ 'z-index': '3900', 'position': 'absolute', 'top': '0px', 'bottom': '0px', 'right': '0px', 'left': '0px', 'display': 'none', 'background-color': '#402020' }));

    var id = 'dlg_mail';
    var nheight = 390; var nwidth = 300;

    var dlg = newDlg(id, nwidth, nheight, 45, 45, 'Contact Lula', function() { $('#' + backfade_id).fadeOut(100, function() { $('#' + backfade_id).remove() }); }, false, true);
    $('body').append(dlg);

    var cont = $('#' + id + '_content');
    cont.css('padding', '20px').html('');

    var fromT = $('<div>').html('Name');
    cont.append(fromT);
    var fromI = $('<input>').id('from').attr('class', 'textBlur').css({ 'width': '200px' });
    fromI.focus(function() { $(this).attr('class', 'textFocus') });
    fromI.blur(function() { $(this).attr('class', 'textBlur') });
    cont.append(fromI);

    cont.append($('<div>').css('height', '10px'));

    var emailT = $('<div>').html('Email Address');
    cont.append(emailT);
    var emailI = $('<input>').id('email').attr('class', 'textBlur').css({ 'width': '200px' });
    emailI.focus(function() { $(this).attr('class', 'textFocus') });
    emailI.blur(function() { $(this).attr('class', 'textBlur') });
    cont.append(emailI);

    cont.append($('<div>').css('height', '10px'));

    var subjT = $('<div>').html('Subject');
    cont.append(subjT);
    var subjI = $('<input>').id('subj').attr('class', 'textBlur').css({ 'width': '250px' });
    subjI.focus(function() { $(this).attr('class', 'textFocus') });
    subjI.blur(function() { $(this).attr('class', 'textBlur') });
    cont.append(subjI);

    cont.append($('<div>').css('height', '10px'));

    var msgT = $('<div>').html('Message');
    cont.append(msgT);
    var msgI = $('<textarea>').id('msg').attr('class', 'textBlur').css({ 'width': '250px', 'height': '100px' });
    msgI.focus(function() { $(this).attr('class', 'textFocus') });
    msgI.blur(function() { $(this).attr('class', 'textBlur') });
    cont.append(msgI);

    cont.append($('<div>').css('height', '10px'));
    var btn = $('<input>').attr({ 'class': 'btn', 'type': 'button', 'value': 'Send' }).css({ 'z-index': '6000', 'position': 'relative', 'left': '182px', 'width': '70px' });

    cont.append(btn);
    // public string SendMail(string From, string Email, string Subject, string Message)
    btn.click(function() {
        var v_from = $('#from').val();
        var v_email = $('#email').val();
        var v_subj = $('#subj').val();
        var v_msg = $('#msg').val();

        var dataOut = {
            'From': v_from,
            'Email': v_email,
            'Subject': v_subj,
            'Message': v_msg
        };
        $.ajax({
            async: false,
            type: "GET",
            url: "/Home/SendMail",
            data: dataOut,
            dataType: "application/x-www-form-urlencoded",
            success: function(ajaxData) {
                if (ajaxData == '') {
                    alert('Your message has been sent!');
                    $('#' + backfade_id).fadeOut(100, function() { $('#' + backfade_id).remove() });
                    dlg.fadeOut(100, function() { dlg.remove(); });
                } else {
                    alert(ajaxData);
                }
            },
            error: function(xhr, msg, e) {
                alert("An occured error sending the email." + xhr.responseText);
            }
        });
    });

    dlg.centerOnScreen();
    $('#' + backfade_id).fadeTo(0, 0).css('display', 'block');
    setTimeout(function() { $('#' + backfade_id).fadeTo(250, .75); }, 50);
    dlg.fadeIn();

    fromI.focus();
    return false;
}

function showNews() {
    var backfade_id = 'back-fader';
    $('body').append($('<div>').attr('id', backfade_id).css({ 'z-index': '3900', 'position': 'absolute', 'top': '0px', 'bottom': '0px', 'right': '0px', 'left': '0px', 'display': 'none', 'background-color': '#402020' }));

    var id = 'dlg';
    var nheight = $(window).height() - 150; var nwidth = $(window).width() - 250;
    if (nwidth > 800) nwidth = 800;

    var dlg = newDlg(id, nwidth, nheight, 45, 45, 'Lula La Rose News', function() { $('#' + backfade_id).fadeOut(500, function() { $('#' + backfade_id).remove() }); }, false);
    $('body').append(dlg);

    var cont = $('#' + id + '_content');
    cont.css('padding', '10px').html('');

    var ifr = $('<iframe>');
    cont.append(ifr);

    ifr.pos({ left: 0, top: 0, width: nwidth - 10, height: nheight - 50 });
    ifr.css({ 'border': 'none', 'z-index': '10000' });
    ifr.attr('src', '/news.htm');

    dlg.centerOnScreen();
    $('#' + backfade_id).fadeTo(0, 0).css('display', 'block');
    setTimeout(function() { $('#' + backfade_id).fadeTo(500, .5); }, 100);
    dlg.fadeIn();

    return false;
}
function newBtn(btnName, url) {
    var obj = $('<div>').css({ 'z-index': '5000', 'cursor': 'pointer', 'width': '125px', 'height': '50px', 'position': 'absolute' });
    var bOff = '/content/images/btn' + btnName + '.png';
    var bOn = '/content/images/btn' + btnName + 'Ro.png';

    var bOnId = 'btn' + btnName;
    var bOffId = 'btn' + btnName + 'off';

    var imgOn = $('<img>').pos({ top: 0, left: 0 }).id(bOnId).attr('src', bOn);
    var imgOff = $('<img>').pos({ top: 0, left: 0 }).id(bOffId).attr('src', bOff);

    obj.append(imgOff);
    obj.append(imgOn);

    imgOn.fadeTo(0, 0);

    obj.mouseover(function() {
        fadeTo(bOnId, 0, 100, 100);
    });
    obj.mouseout(function() {
        fadeTo(bOnId, 100, 0, 350);
    });
    if (url != null)
        obj.click(function() { window.open(url) });

    return obj;
}

function pulseGlow() {
    var logo2 = $('#logo2');
    logo2.fadeTo(600, 1, function() {
        logo2.fadeTo(1500, .40, function() {
            setTimeout(function() { pulseGlow() }, 250);
        })
    })

}
function fadeInFacet(time, obj, fadeSpeed) {
    $(obj).css('display', 'block').fadeOut(0);
    setTimeout(function() { obj.fadeIn(fadeSpeed) }, time);
}

$(window).resize(function() {
    doFit();
});

function doFit() {
    var main = $('#main_box');
    main.resizeToScreen();

    var w = main.width(); var h = main.height();
    var lulaH = 560; var lula = $('#lula_right');
    if (lulaH > h) {
        lula.css('height', h + 'px');
    } else {
        lula.css('height', '');
    }
    setViewer();
}

function setViewer() {
    var vwr = $('#viewer'); var mb = $('#main_box');
    vwr.css('width', (mb.width() * 0.3) + 'px');
    smug(7637764, 'V6KFq', $(vwr).width(), mb.height() - 240, false, false, function(data) {
        $(vwr).html(data);
    });
}
function smug(id, key, width, height, thumbs, buttons, callback) {
    var url = '/Home/GalleryViewer/' + id + '/' + key + '/' + thumbs + '.' + buttons + '.' + width + '.' + height + '.htm';
    $.get(url, function(data) {
        if (callback != null)
            callback(data);
    });
}