var DrawBackground = function() {
$("#specialsdiv").backgroundCanvasPaint(specialsRectangle);
$("#divspecials").backgroundCanvasPaint(productsRectangle);

}
var specialsRectangle = function(context, width, height, canvas, $canvas, $canvasDiv, $content, $element) {
    var options = { x: 0, height: height, width: width, radius: 30, border: 0 };
    // Draw a red red border round corner rectangle
    context.fillStyle = "#EDEDFD";
    $.canvasPaint.roundedRect(context, options);
    // Draw the gradient filled inner rectangle   
    var backgroundGradient = context.createLinearGradient(0, 0, 0, height - 10);
    backgroundGradient.addColorStop(0, '#FFF');
    backgroundGradient.addColorStop(1, '#FFF');
    //	backgroundGradient.addColorStop(0, '#AAAAFF');
    //	backgroundGradient.addColorStop(1, '#AAFFAA');
    options.border = 2;
    context.fillStyle = backgroundGradient;
    $.canvasPaint.roundedRect(context, options);
}
var productsRectangle = function(context, width, height, canvas, $canvas, $canvasDiv, $content, $element) {
    var options = { x: 0, height: height, width: width, radius: 30, border: 0 };
    // Draw a red red border round corner rectangle
    context.fillStyle = "#EDEDFD";
    $.canvasPaint.roundedRect(context, options);
    // Draw the gradient filled inner rectangle   
    var backgroundGradient = context.createLinearGradient(0, 0, 0, height - 10);
//    backgroundGradient.addColorStop(0, 'transparent');
//    backgroundGradient.addColorStop(1, 'transparent');
    //	backgroundGradient.addColorStop(0, '#AAAAFF');
    //	backgroundGradient.addColorStop(1, '#AAFFAA');
    options.border = 10;
    context.fillStyle = backgroundGradient;
    $.canvasPaint.roundedRect(context, options);
}
var soon = function() {
    alert("We will start to take applications after Mar. 1st.");
}
var LoadRandomProductImages = function() {

    $.get('ajaxpages/index.aspx' + location.search + '&method=LoadRandomProductImages',
    function(d) {
        $("#divOtherItemsList").html(d);

        $("#divOtherItemsList li").each(function(e) {
            $(this).css({ cursor: 'pointer' });
            $(this).click(function(e) {
                var url = this.id;
                url = "ProdImages\\" + url;
                $("#imgProductImages").attr('src', url);
            });
        });
    })

}
var Login = function () {
location.href = "index_login.aspx" + location.search;
}
$(function() {
    $("#specialsdiv").backgroundCanvas();

    LoadRandomProductImages();
    //$id("btnlogin").focus();
    $id("balloon1").focus();
//    $("#btnlogin, #balloon1").click(function(e) {
//        location.href = "index_login.aspx" + location.search;
//    });
    $("#divballoons").keypress(function(e) {
        e = e || window.event;
        
        if (e.keyCode == 13) {
            $("#btnlogin").click();
        }
    });



});


$(window).load(function() { DrawBackground(); });
$(window).resize(function() { DrawBackground(); });