var comments;
var commentIndex = 0;

$(function() {
    var tabContainers = $('div#site_content > div');
    tabContainers.hide().filter(':first').show();

    $('div#site_content ul#tabNavigation a').click(function() {
        tabContainers.hide();
        tabContainers.filter(this.hash).show();
        $('div#site_content ul#tabNavigation li').removeClass('selected');
        $(this).parent().addClass('selected');

        switch (this.hash) {
            case '#home':
                $('div#content div#scene').css({ "background-image": "url(images/bg_home.jpg)" });
                break;
            case '#about':
                $('div#content div#scene').css({ "background-image": "url(images/bg_about.jpg)" });
                break;
            case '#comment':
                $('div#content div#scene').css({ "background-image": "url(images/bg_default.jpg)" });
                break;
            case '#milestone':
                $('div#content div#scene').css({ "background-image": "url(images/bg_milestone.jpg)" });
                break;
            case '#visualmedia':
                $('div#content div#scene').css({ "background-image": "url(images/404.gif)" });
                break;
        }

        return false;
    }).filter(':first').click();
});

$(document).ready(function() {
    $('div#addComment textarea').maxlength({ maxCharacters: 255 });

    $('#homeObject').flash({
        src: 'images/header.swf',
        wmode: 'transparent',
        menu: 'false',
        width: '535',
        height: '110',
        align: 'middle'
    });

    $('#milestoneObject').flash({
        src: 'images/bee.swf',
        wmode: 'transparent',
        menu: 'false',
        width: '172',
        height: '225',
        align: 'middle'
    });

    $('#aboutObject').flash({
        src: 'images/giraffe.swf',
        wmode: 'transparent',
        menu: 'false',
        width: '136',
        height: '250',
        align: 'middle'
    });

    $('#commentObject').flash({
        src: 'images/crab.swf',
        wmode: 'transparent',
        menu: 'false',
        width: '216',
        height: '189',
        align: 'middle'
    });

    $('div#written input#Send').click(function() {
        commentIndex++;
        showComment();
    });

    $.preloadCssImages();

    $.get(xmlFile, function(xml) {
        comments = $.xml2json(xml);
        showComment();
    });
});

function showComment() {
    if (commentIndex >= comments.COMMENT.length) {
        commentIndex = 0;
    }

    var commentItem;
    if (comments.COMMENT.length > 1) {
        commentItem = comments.COMMENT[commentIndex];
    }
    else {
        commentItem = comments.COMMENT;
    }

    $('div#written div#COMMENT_TEXT').html(commentItem.COMMENT_TEXT.replace('\n', '<br>'));
    $('div#written div#writer').text(commentItem.WRITER);
}

function saveComment() {
    $('div#comment input#btnAddComment').attr("disabled", true);
    PageMethod("SaveComment", ["name", $('div#addComment input#txtName').val(), "email", $('div#addComment input#txtEmail').val(), "comment", $('div#addComment textarea#txtComment').val()], onSucceeded, onFailed);
}

function onSucceeded(result) {
    if (result.d.substring(0, 1) == '1') {
        $('div#addComment input#txtName').val('');
        $('div#addComment input#txtEmail').val('');
        $('div#addComment textarea#txtComment').val('');
        showDialog('Tebrikler', result.d.substring(1));
    }
    else {
        $('div#comment input#btnAddComment').attr("disabled", false);
        showDialog('Olmadıki', result.d.substring(1));
    }
}

function onFailed() {
    showDialog('Opps!', 'Beklenmedik bir hata oluştu, lüffen daha sonra tekrar deneyiniz.');
}

function showDialog(title, text) {
    $("<div title='" + title + "'><p>" + text + "</p></div>").dialog({
        bgiframe: true,
        modal: true
    });
}