function promoAnimate()
{

    $("#promo").animate({ backgroundColor:promoRed }, 1000)
                .animate({ backgroundColor: promoRed2 }, 1000);
   

}
var timer;
var promoRed= '#FF0000';
var promoRed2='#DE2121';

$(document).ready(function () {
    var dialogBox = $("#promo").append("<div id='promoDialog'></div>");
    var promoDialog = dialogBox.children("#promoDialog");

    var dialogTop = -320;
    var dialogLeft = 400;
    var dialogHeight = 400;
    var dialogWidth = 500;
    var dialogClick = 0;
    setInterval(promoAnimate, 100);





    $("#promoContainer").children("a").click(function (event) {

        //console.log("ok");
        event.preventDefault();
        var content;


        $.post("./promo/promoView.php",
                                                { "promo": "1" },
        //function executed after AJAX call completed
                                                function (returned_data) {

                                                    //add content to the dialog
                                                    //console.log(returned_data);
                                                    //content.empty();
                                                    if (dialogClick == 0) {
                                                        content = returned_data;
                                                        dialogClick++;


                                                    }
                                                    $(promoDialog)
                                                                   .append(content)
                                                                   .dialog
                                                                   ({
                                                                       autoOpen: false,
                                                                       show: "blind",
                                                                       hide: "explode",
                                                                       //position: [dialogLeft,dialogTop],

                                                                       modal: "true"
                                                                   })
                                                                  .dialog({ "zIndex": 5000 })
                                                                  .dialog("open")
                                                                  .dialog("option", "dialogClass", 'alert')
                                                                  .dialog("option", "minHeight", dialogHeight)
                                                                  .dialog("option", "minWidth", dialogWidth);




                                                })
        //AJAX IE TESTS
        //.success(function() { alert("second success"); })
        //.error(function() { alert("AJAX error"); })
        //.complete(function() { alert("complete"); });

                                                ;




    });
});