var active = false;

$(document).ready(function() {
    if(/^#tab\-\d+$/.test(location.hash)) {
        var page = location.hash.substr(5);
    }
    else {
        var page = "1";
    }

    showPresenterPage(page, false);

    $('#hover-presenter #side-menu ul li a').each(function() {
        $(this).mouseover(function() {
            var num = $(this).attr('href').substr(5);
            if(active != num) {
                showPresenterPage(num, true);
                active = num;
            }
        });
    })
});

function hideAllPresenterPages() {
    $('#hover-presenter #side-contents div').hide();
    $('#hover-presenter #side-menu ul li').each(function() {
        $(this).removeClass('selected');
    })
}

function showPresenterPage(page, effect) {
    hideAllPresenterPages()
    if(!effect) {
        $('#hover-presenter #side-contents div#tab-' + page).show();
    }
    else {
        $('#hover-presenter #side-contents div#tab-' + page).fadeIn('medium');
    }
    $('#hover-presenter #side-menu ul li a[href=#tab-' + page + ']').parent().addClass('selected');
	
	var back="none";
				switch(page) {
					case "1":
						back = "url(/images/presenter/dubbing.gif)";
						break;
					case "2":
						back = "url(/images/presenter/script.gif)";
						break;
					case "3":
						back = "url(/images/presenter/vc.gif)";
						break;
					case "4":
						back = "url(/images/presenter/vt.gif)";
						break;
					case "5":
						back = "url(/images/presenter/vo.gif)";
						break;
					case "6":
						back = "url(/images/presenter/subtitling.gif)";
						break;
					case "7":
						back = "url(/images/presenter/editing.gif)";
						break;
					case "8":
						back = "url(/images/presenter/track.gif)";
						break;
					case "9":
						back = "url(/images/presenter/music.gif)";
						break;
					case "10":
						back = "url(/images/presenter/project.gif)";
						break;
				}
				$('#contents').css('background', 'white ' + back + ' no-repeat center right');
}