$(document).ready(function () {
    $("#iframe1").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe2").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe3").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe4").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe5").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe6").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe7").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe8").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe9").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe10").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe11").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe12").fancybox({
		'width': 850,
		'height': 600, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe13").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe14").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#iframe15").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#img1").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': true,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'image'
    });
});

$(document).ready(function () {
    $("#img2").fancybox({
		'width': 700,
		'height': 560, 
        'autoScale': true,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'image'
    });
});








$(document).ready(function () {
    $("#cardorder1").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder2").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder3").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder4").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder5").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder6").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder7").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder8").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

$(document).ready(function () {
    $("#cardorder9").fancybox({
		'width': 500,
		'height': 660, 
        'autoScale': false,
		'transitionIn'	: 'elastic',
		'transitionOut'	: 'elastic',
        'type': 'iframe'
    });
});

// AUTO RESIZE BACKGROUND IMAGE
$(document).ready(function () {
    $("#triquibackimg").load(function () {
        resize_bg();
    })
    $(window).resize(function () {
        resize_bg();
    })

    function resize_bg() {
        $("#triquibackimg").css("left", "0");
        var doc_width = $(window).width();
        var doc_height = $(window).height();
        var image_width = $("#triquibackimg").width();
        var image_height = $("#triquibackimg").height();
        var image_ratio = image_width / image_height;
        var new_width = doc_width;
        var new_height = Math.round(new_width / image_ratio);
        if (new_height < doc_height) {
            new_height = doc_height;
            new_width = Math.round(new_height * image_ratio);
            var width_offset = Math.round((new_width - doc_width) / 2);
            $("#triquibackimg").css("left", "-" + width_offset + "px");
        }
        $("#triquibackimg").width(new_width);
        $("#triquibackimg").height(new_height);
    }
});

// ANIMATED CLOUDS
var cloudMoved = false;
var cloud2Moved = false;
var cloud3Moved = false;
var moonMoved = false;

$(init);

function init() {
    cloudMove();
    cloud2Move();
    cloud3Move();
    moonMove();
}

function cloudMove() {
    if (!cloudMoved) {
        $("#cloud").css("left", $("#cloud").offset().left)
    }

    $("#cloud").animate({
        left: $("#sky").width()
    }, cloudMoved ? 180000 : 150000, "linear", function () {
        $(this).css("left", -parseInt($(this).css("width")))

        cloudMoved = true;

        cloudMove();
    })
}

function cloud2Move() {
    if (!cloud2Moved) {
        $("#cloud2").css("left", $("#cloud2").offset().left)
    }

    $("#cloud2").animate({
        left: $("#sky").width()
    }, cloud2Moved ? 120000 : 60000, "linear", function () {
        $(this).css("left", -parseInt($(this).css("width")))

        cloud2Moved = true;

        cloud2Move();
    })
}

function cloud3Move() {
    if (!cloud3Moved) {
        $("#cloud3").css("left", $("#cloud3").offset().left)
    }

    $("#cloud3").animate({
        left: $("#sky").width()
    }, cloud3Moved ? 400000 : 150000, "linear", function () {
        $(this).css("left", -parseInt($(this).css("width")))

        cloud3Moved = true;

        cloud3Move();
    })
}

function moonMove() {
    if (!moonMoved) {
        $("#moon").css("left", $("#moon").offset().left)
    }

    $("#moon").animate({
        left: $("#sky").width()
    }, moonMoved ? 1000000 : 1000000, "linear", function () {
        $(this).css("left", -parseInt($(this).css("width")))

        moonMoved = true;

        moonMove();
    })
}

/* ### COUNTDOWN TO CHRISTMAS ### */

var timerID = null;
var timerRunning = false;

function stopclock() {
    if (timerRunning) clearTimeout(timerID);
    timerRunning = false;
}

function startclock() {
    stopclock();
    showtime();
}

function showtime() {
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds();

    var date = now.getDate();
    var month = now.getMonth() + 1;
    var year = now.getYear();
    if (year < 1000) year += 1900

    var timeValue = "" + ((hours < 10) ? "0" : "") + hours
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes
    timeValue += ((seconds < 10) ? ":0" : ":") + seconds

    nextXmas = new Date("December 25, 2011")
    nextXmas.setYear(year)
    msPerDay = 24 * 60 * 60 * 1000;
    daysLeft = (nextXmas.getTime() - now.getTime()) / msPerDay;
    daysLeft = Math.round(daysLeft);
    document.Frame2.Xmas.value = daysLeft + " days until Christmas Eve!";

    timerID = setTimeout("showtime()", 1000);

    timerRunning = true;
}