//  INSERTS FLASH ITEMS INTO HEADER

$(function() {
          
    $('#bannerflash').flash({
        swf: '/services/banner.swf',
        width: 640,
        height: 60,
        wmode: 'transparent'
    }); 
    $('#clockflash').flash({
        swf: '/services/clock.swf',
        width: 60,
        height: 60,
        wmode: 'transparent'
    });

    if ($('#easylink').length) {
        var level = 0;
        var className;
        $('#sidebar a').each(function() {
            switch (level) {
                case 0:
                    className = 'red'; break;
                case 1:
                    className = 'purple'; break;
                case 2:
                    className = 'green'; break;
                default:
                    className = 'blue'; break;
            }
            $('<a />').addClass('easylink').addClass(className).attr('href', $(this).attr('href')).text($(this).text()).appendTo('#easylink');
            if (level < 3) { level++; } else { level = 0; }
        });
    }	
});


$(function () {
    $('#quiz').each(function () {
        AddStyleSheet();
        $(this).html('');
        $(this).append('<div id="questionwrapper"></div>');
        $(this).append('<div id="measure" class="result">');
        for (i = 10; i > 0; i--) {
            $('#measure').append(i * 10 + '%<br />');
        }
        $(this).append('<div id="result1" class="result"></div>');
        $(this).append('<div id="result2" class="result"></div>');
        $('#questionwrapper').append('<h1 id="question"></h1>');
        $('#questionwrapper').append('<input id="true" type="button" class="submit" value="Yes" />');
        $('#questionwrapper').append('<input id="false" type="button" class="submit" value="No" />');
        $('#questionwrapper').append('<div id="txtResult"></div>');
        $('#questionwrapper').append('<div id="txtAlert"></div>');


        var QuizID = $(this).attr('title');
        $.post("../quiz/inithandler.ashx",
                     { quizid: QuizID },

                    function (data) {
                        $('#question').text(data);
                    }
                );
        init(QuizID);
    });

    function init(QuizID) {
        var ht = 0;

        timer();
        function timer() {
            setTimeout(getResult, 500);
        }

        function getResult() {
            var result;
            $.post("../quiz/resulthandler.ashx",
                    { quizid: QuizID },
                    function (e) {
                        var scale = 3;
                        result = e.split(',');
                        $('#txtResult').html('<h3>Results</h3><p>Yes: ' + result[0] + ' votes<br />No: ' + result[1] + ' votes<br />Total responses: ' + result[4] + '</p>');
                        $('#result1').animate({ height: result[2] * scale + 'px' }, 200);
                        $('#result2').animate({ height: result[3] * scale + 'px' }, 200);
                        $('#result1').html('Yes <br />' + result[2] + '%');
                        $('#result2').html('No <br />' + result[3] + '%');
                    });
            timer();

        }


        $('.submit').live('click', function () {
            var choice = $(this).attr('id');

            $.post("../quiz/playhandler.ashx",
                 { quizid: QuizID, choice: choice },

                 function (e) {
                     $('#txtAlert').text(e); // alert(e);
                 }
                );
        });

    }
    function AddStyleSheet() {
        var headID = document.getElementsByTagName("head")[0];
        var cssNode = document.createElement('link');
        cssNode.type = 'text/css';
        cssNode.rel = 'stylesheet';
        cssNode.href = '../quiz/css/quiz.css';
        cssNode.media = 'screen';
        headID.appendChild(cssNode);
    }
});