var qPreview = false;
var qfn;
var qemail;
var signs;
var myemail;
var myfn;
var qimg;
var qImgSrc;

$(document).ready(function () {
    var flashvars = {
};
var params = {
    menu: "false",
    scale: "noScale",
    allowScriptAccess: "always",
    wmode: "transparent"
};
var attributes = {
};
swfobject.embedSWF("OneStep.swf", "OneStepHolder", "235", "340", "10.0.0", "expressInstall.swf", flashvars, params, attributes);

swfobject.embedSWF("VIVA_homepage_slideshow.swf", "qtqFlash", "512", "430", "10.0.0", "expressInstall.swf", flashvars, params, attributes);



// validate signup form on keyup and submit
var validator = $("#aspnetForm").validate({
    rules: {
        fnQuilter: "required",
        emailQuilter: {
            required: true,
            email: true
        },
        fnSender: "required",
        emailSender: {
            required: true,
            email: true
        }
    },
    messages: {
        fnQuilter: "Quilter's first name is required.",
        emailQuilter: "Please enter a valid email address.",
        fnSender: "Your first name is required.",
        emailSender: "Please enter a valid email address."
    },
    // specifying a submitHandler prevents the default submit, good for the demo
    submitHandler: function () { sendEmail(); },
    // set this class to error-labels to indicate valid fields
    success: function (label) {
        // set   as text for IE 
        label.html(" ").addClass("checked");
    }
});

// Insert preloaded image after it finishes loading
$('<img />')
    .attr('src', '../_images/modal.qtqForm.bottom.png')
    .addClass("preload")
    .load(function () {
        $('.qtqBody').append($(this));
    });


});

function sendEmail() {
    var isvalid = $('#aspnetForm').valid();
    if (isvalid) {
        //webtrends
        dcsMultiTrack('DCS.dcsuri', '/quitTheQuilt#saveAFriend', 'WT.si_n', 'VIV_conv5', 'WT.si_x', '2', 'WT.si_cs', '1', 'WT.dl', '1');

        qfn = $('#fnQuilter').val();
        qemail = $('#emailQuilter').val();
        signs = $('#selectSigns option:selected').text().toLowerCase();
        myemail = $('#emailSender').val();
        myfn = $('#fnSender').val();
        qimg = $(".radioList input:checked").val();
        qImgSrc = qimg;

        $.ajax({
            type: 'POST',
            url: "Default.aspx/SendEmail",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            beforeSend: ajaxLoad,
            data: "{'FirstName' : '" + qfn + "', 'QEmail' : '" + qemail + "', 'YFirstName' : '" + myfn + "', 'YEmail' : '" + myemail + "', 'MsgText' : '" + signs + "', 'MsgImage' : '" + qImgSrc + "'}",
            success: emailSuccess
        });

    }
}

function emailSuccess() {
    hideAjaxLoad();
    //Init the overlay
    $('#socialSuccess').jqm({
        overlayClass: 'modalOverlay',
        onShow: loadModal,
        toTop: true,
        onHide: unloadModal,
        closeClass: 'modalClose'
    });

    //Check if preview is open
    //then hide preview
    if (qPreview == false) {
        $('#emailPreview').hide();
    } else {
        $('#emailPreview').jqmHide();
    }
    
    //Hide and reset form
    $('#sendToFriend').hide();
    $('#sendToFriend input:text').each(function () { $(this).val("") });
    $('#card1').attr('checked', 'checked');

    //Show success modal
    $('#emailName').html(qemail);
    $('#emailSuccess').show();
    $('#socialSuccess').jqmShow();


    //hide the flash
    //var swf = swfobject.getObjectById("qtqFlash");
   //swf.CloseModalWindows();
    

}
function hideAjaxLoad() {
    $('body').removeClass("active");
}

function ajaxLoad () {
    $('body').addClass("active");
}


/* *************************************************************************
=SHOW FORM
************************************************************************* */
function openSendToAFriendWindow() {
    $("#sendToFriend").show();
    dcsMultiTrack('DCS.dcsuri', '/quitTheQuilt#saveAFriend', 'WT.si_n', 'VIV_conv5', 'WT.si_x', '1', 'WT.dl', '1');

    stopSlideshow()

}

/* *************************************************************************
=HIDE FORM
************************************************************************* */
function hideForm() {
    $("#sendToFriend").hide();

    var swf = swfobject.getObjectById("qtqFlash");
    swf.CloseModalWindows();

    resumeSlideshow();
}

/* *************************************************************************
=PREVIEW FORM
************************************************************************* */
function previewForm() {
    $('#imgPreview img').attr('src', '../_images/qtq.preview.0.gif');
    var isvalid = $('#aspnetForm').valid();
    if (isvalid) {

        stopSlideshow()

        var qfn = $('#fnQuilter').val();
        $("#qName").html(qfn);

        var signs = $('#selectSigns option:selected').text().toLowerCase();
        $("#qSigns").html(signs);

        var myfn = $('#fnSender').val();
        $("#myName").html(myfn);

        var qimg = $(".radioList input:checked").val();
        $('#imgPreview img').attr('src', '../_images/qtq.preview.' + qimg + '.jpg')

        qPreview = true;

        $('#emailPreview').jqm({
            overlayClass: 'modalOverlay',
            onShow: loadModal,
            onHide: unloadModal,
            toTop: true,
            closeClass: 'modalClose'
        });
        $('#emailPreview').jqmShow();
        $('#emailPreview').prependTo('body');
        $('#emailPreview .modalClose').css('z-index', '1000');
        return false;
    } else { return false; }
}

/* *************************************************************************
=SHOW BIOS
************************************************************************* */
function showBios() {

    //Init the overlay
    $('#qtqBios').jqm({
        overlayClass: 'modalOverlay',
        onShow: loadModal,
        toTop: true,
        onHide: unloadModal,
        closeClass: 'modalClose'
    });

    $('#qtqBios').jqmShow();
}


/* *************************************************************************
=SHOW VIDEO
************************************************************************* */
function showVideo() {
    
    //Init the overlay
    $('#qtqVideo').jqm({
        overlayClass: 'modalOverlay',
        onShow: loadModal,
        toTop: true,
        onHide: hideVideoModal,
        closeClass: 'modalClose'
    });

    $('#videoContainer').show();
    $('#qtqVideo').jqmShow();

    stopSlideshow()
    playVideo();
}

function hideVideoModal(hash) {
    hash.w.hide();
    hash.o.remove();
    resumeSlideshow();
    $('#MediaPlayerFlash').remove();
}

/* *************************************************************************
=FACEBOOK LINK
************************************************************************* */
function onClickFacebookTab() {
    dcsMultiTrack('DCS.dcsuri', '/quitthequilt.aspx', 'WT.ti', 'Quit the quilt', 'WT.z_ll', 'Quit the quilt', 'WT.z_ln', 'Facebook', 'WT.dl', '40');
    window.open("http://www.facebook.com/VIVATowels", "VIVA");
}

/* *************************************************************************
=STOP / START THE SLIDESHOW
************************************************************************* */
function stopSlideshow() {
    var swf = swfobject.getObjectById("qtqFlash");
    swf.StopAll();
}

function resumeSlideshow() {
    var swf = swfobject.getObjectById("qtqFlash");
    swf.ResumeAll();
}




function playVideo() {

    $('#flashVideo').remove();
    var newFlash = "<div id='flashVideo'><p><br /><strong>Thanks for your interest in Viva<sup>&reg;</sup>!</strong> For the full site experience <br /> you\'ll need to download <a href='http://get.adobe.com/flashplayer/'>Adobe Flash Player Here.</a></p></div>";
    $(newFlash).insertBefore("#videoText");
    
    flashvars = {
        videoPath: "/_flash/mediaplayer/assets/HD_Viva_1Step_30_KKTV0013H-601x338_trimmed_4.flv",
        imagePreviewPath: "/_flash/mediaplayer/assets/VivaPreview.jpg",
        videoWidth: 601,
        videoHeight: 338,
        videoName: "QuittheQuiltVideo",
        autoPlay: false
    };
    params = {
        menu: "false",
        scale: "noScale",
       // bgcolor: "#000000",
        allowScriptAccess: "always",
        wmode: "transparent"
    };
    attributes = {
        id: "MediaPlayerFlash",
        name: "MediaPlayerFlash"
    };

  swfobject.embedSWF("/_flash/mediaplayer/SquidMediaPlayer.swf", "flashVideo", "601", "378", "10.0.0", "expressInstall.swf", flashvars, params, attributes);

}