$(function() {
preload([
'rms/back.png',
'rms/mega_0.png',
'rms/mega_1.png',
'rms/mega_2.png',
'rms/mega_3.png',
'rms/mega_4.png',
'rms/mega_5.png',
'rms/mega_6.png',
'rms/mega_7.png',
'rms/mega_8.png',
'rms/spark.png',
'rms/spark_name.png',
'rms/snake.png',
'rms/snake_name.png',
'rms/needle.png',
'rms/needle_name.png',
'rms/hard.png',
'rms/hard_name.png',
'rms/top.png',
'rms/top_name.png',
'rms/gemini.png',
'rms/gemini_name.png',
'rms/magnet.png',
'rms/magnet_name.png',
'rms/shadow.png',
'rms/shadow_name.png',
'rms/mega_name.png',
'rms/frame.png',
'rms/frame_ani.gif',
'rms/mystery.png',
'rms/frame_bro.png',
'rms/frame_bro_ani.gif',
'rms/break.png',
'rms/break_name.png'
]);
$('#robotmasterScreen').hide();
$('#passwordScreen').hide();
$('#start').on('mouseenter', function() {
$(this).siblings().attr('src', 'redarrow.png');
})
$('#start').on('mouseleave', function() {
$(this).siblings().attr('src', 'redarrow_off.png');
})
$('#start').on('click', function() {
$('#startScreen').hide();
$('#robotmasterScreen').show();
$( ".row" ).animate( { width: "100%" }, 1000 )
})
$('#reset').on('click', function() {
reset()
})
$('#password').on('click', function() {
$('#passwordScreen').slideToggle()
})
$('.portrait').on('click', function() {
var parent = $(this).parent();
if ( !(parent.hasClass('selected') ) ) {
$('.selected').removeClass('selected');
parent.addClass('selected');
$('.mega').attr('src', 'rms/mega_' + parent.index('.frame') + '.png');
}
})
$('.portrait').on('dblclick', function() {
var parent = $(this).parent();
if ( !( parent.hasClass('broken') || parent.hasClass('defeated') || $(this).hasClass('mega') ) ) {
$(this).attr('src', 'rms/noemeny.png');
parent.addClass('defeated');
password();
if ( $('.defeated').length >= 8 ) {
if ( $('#robotmasterMatrix').hasClass('second') ) {
console.log('Reset!!');
$('#robotmasterMatrix').removeClass('second');
reset();
} else if ( $('#robotmasterMatrix').hasClass('first') ) {
var frames = $('.frame'),
mega = $('.mega');
console.log('Break Wars!!');
$('#robotmasterMatrix').removeClass('first').addClass('second');
$('.selected').removeClass('selected');
$('.mega').parent().addClass('selected').children(':not(.portrait)').attr('src', 'rms/break_name.png')
$('.mega').addClass('break').removeClass('mega').attr('src', 'rms/break.png');
setTimeout( function () { frames.eq(0).addClass('broken') }, 500, frames);
setTimeout( function () { frames.eq(2).addClass('broken') }, 1000, frames);
setTimeout( function () { frames.eq(6).addClass('broken') }, 1500, frames);
setTimeout( function () { frames.eq(8).addClass('broken') }, 2000, frames);
} else {
var frames = $('.frame');
console.log('Mystery begins!!');
$('#robotmasterMatrix').addClass('first');
$('.selected').removeClass('selected');
$('.mega').attr('src', 'rms/mega_4.png').parent().addClass('selected');
setTimeout( function () { frames.eq(1).addClass('broken') }, 500, frames);
setTimeout( function () { frames.eq(3).addClass('broken') }, 1000, frames);
setTimeout( function () { frames.eq(5).addClass('broken') }, 1500, frames);
setTimeout( function () { frames.eq(7).addClass('broken') }, 2000, frames);
setTimeout( function () { frames.eq(0).removeClass('defeated').children('.portrait').attr('src', 'rms/mystery.png') }, 2500, frames);
setTimeout( function () { frames.eq(2).removeClass('defeated').children('.portrait').attr('src', 'rms/mystery.png') }, 3000, frames);
setTimeout( function () { frames.eq(6).removeClass('defeated').children('.portrait').attr('src', 'rms/mystery.png') }, 3500, frames);
setTimeout( function () { frames.eq(8).removeClass('defeated').children('.portrait').attr('src', 'rms/mystery.png') }, 4000, frames);
}
}
}
})
$('#etanks img').on('click', function() {
if ($(this).index()) {
$(this).attr('src', 'password/etanks_on.png').prevAll('img[src^="password/etanks_"]').attr('src', 'password/etanks_on.png');
}
$(this).nextAll().attr('src', 'password/etanks_off.png');
password();
})
});
function reset() {
var frames = $('.frame'),
robotMasters = [ 'spark', 'snake', 'needle', 'hard', '', 'top', 'gemini', 'magnet', 'shadow' ];
$('#robotmasterMatrix').removeClass('first second');
frames.removeClass('broken defeated selected');
for ( var i = 0; i <= 8; i++ ) {
if ( i == 4 ) {
frames.eq(i).addClass('selected');
frames.eq(i).children('.portrait').removeClass('break').addClass('mega').attr('src', 'rms/mega_4.png');
frames.eq(i).children(':not(.portrait)').removeClass('break').attr('src', 'rms/mega_name.png');
} else {
frames.eq(i).children('.portrait').attr('src', 'rms/' + robotMasters[i] + '.png');
}
}
$('#etanks img').attr('src', 'password/etanks_off.png').eq(0).attr('src', 'password/x.png');
clear();
}
function clear() {
$('.psswd td').html(' ');
}
function password() {
var etanks = $('#etanks img[src="password/etanks_on.png"').length;
clear();
if ( etanks == 0 ){
dot('red', 'c5');
} else if ( etanks == 1 ){
dot('red', 'e6');
} else if ( etanks == 2 ){
dot('red', 'e4');
} else if ( etanks == 3 ){
dot('red', 'b4');
} else if ( etanks == 4 ){
dot('red', 'a5');
} else if ( etanks == 5 ){
dot('red', 'c1');
} else if ( etanks == 6 ){
dot('red', 'd2');
} else if ( etanks == 7 ){
dot('red', 'c3');
} else if ( etanks == 8 ){
dot('red', 'f2');
} else if ( etanks == 9 ){
dot('red', 'a6');
}
if ( $('#robotmasterMatrix').hasClass('second') ) {
dot('blue', 'f4');
dot('blue', 'a3');
dot('blue', 'd3');
dot('blue', 'b5');
dot('blue', 'a1');
dot('blue', 'b2');
} else if ( $('#robotmasterMatrix').hasClass('first') ) {
dot('blue', 'f4');
dot('blue', 'a3');
dot('blue', 'd3');
dot('blue', 'b5');
if ( isDefeated('spark') && isDefeated('shadow') ) {
dot('blue', 'a1');
} else if ( isDefeated('spark') ) {
dot('red', 'a1');
} else if ( isDefeated('shadow') ) {
dot('red', 'a4');
}
if ( isDefeated('needle') && isDefeated('gemini') ) {
dot('blue', 'b2');
} else if ( isDefeated('needle') ) {
dot('red', 'b2');
} else if ( isDefeated('gemini') ) {
dot('red', 'b6');
}
} else {
if ( isDefeated('spark') && isDefeated('shadow') ) {
dot('blue', 'f4');
} else if ( isDefeated('spark') ) {
dot('red', 'f4');
} else if ( isDefeated('shadow') ) {
dot('red', 'd6');
}
if ( isDefeated('snake') && isDefeated('top') ) {
dot('blue', 'a3');
} else if ( isDefeated('snake') ) {
dot('red', 'f6');
} else if ( isDefeated('top') ) {
dot('red', 'a3');
}
if ( isDefeated('needle') && isDefeated('magnet') ) {
dot('blue', 'd3');
} else if ( isDefeated('needle') ) {
dot('red', 'd3');
} else if ( isDefeated('magnet') ) {
dot('red', 'f5');
}
if ( isDefeated('hard') && isDefeated('gemini') ) {
dot('blue', 'b5');
} else if ( isDefeated('hard') ) {
dot('red', 'c4');
} else if ( isDefeated('gemini') ) {
dot('red', 'b5');
}
}
}
function dot(color, position) {
var coord = { 'a': [0, 0], 'b': [0, 1], 'c': [0, 2], 'd': [1, 0], 'e': [1, 1], 'f': [1, 2] };
$('.psswd').eq(coord[position[0]][0]).children()
.children().eq(coord[position[0]][1])
.children().eq(parseInt(position[1], 10) - 1).html('');
}
function isDefeated(robotMaster) {
return $('.defeated').children('img[src="rms/' + robotMaster +'_name.png"]').length;
}
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('')[0].src = this;
});
}