soundManager.flashVersion = 8;
soundManager.url = 'shockwaves/';
soundManager.debugMode = true;
soundManager.consoleOnly = false;

$(function() {
    $('.content').load('content/neues.html');
    $('.menu a').click(function() {
        soundManager.stopAll();
	loadPage(this.hash.slice(1));
    });
});

function loadPage(page) {
    $('.content').load('content/' + page + '.html', function() {
	if (page == 'konsum') {
	    initOrders();
	}
    });
}


var sounds = {};
var currentTrack = 1;

function createSong(id, url) {
    sounds[id] = soundManager.createSound({ id: id, url: url });
}

function clearButtons() {
    $('.playlist a').css({ color: 'white' });
    $('.player .button').css({ border: 'none' });
}

function activateButton(name) {
    $('.player .' + name).css({ border: '1px solid white' });
}

function playSong(id) {
    clearButtons();
    $('.playlist #track-' + id).css({ color: 'red' });
    activateButton('play');
    soundManager.stopAll();
    sounds[id].play();
    currentTrack = Number(id);
}

function playPrev() {
    if (currentTrack > 1) {
        playSong(currentTrack - 1);
    }
}

function playNext() {
    if (currentTrack < 8) {
        playSong(currentTrack + 1);
    }
}

function startPlayer() {
    playSong(currentTrack);
}

function stopPlayer() {
    clearButtons();
    soundManager.stopAll();
}

function initOrders() {
    var msg = "darf nicht leer sein";

    $("#order-form").validate({
	submitHandler: submitOrder,
	rules: {
	    name: {
		required: true
	    },
	    email: {
		required: true,
		email: true
	    },
	    street: {
		required: true
	    },
	    plz: {
		required: true,
		minlength: 5,
		maxlength: 5,
		digits: true
	    },
	    city: {
		required: true
	    },
	    country: {
		required: true
	    }
	},
	messages: {
	    name: msg,
	    street: msg,
	    city: msg,
	    plz: {
		required: msg,
		minlength: 'muss 5 Ziffern haben',
		maxlength: 'muss 5 Ziffern haben'
	    },
	    country: msg,
	    email: {
		required: msg,
		email: "ist keine Email-Adresse"
	    }
	}
    });
    window.shirtTemplate = $('#shirt-template tr').remove();
    window.albumTemplate = $('#album-template tr').remove();
}

function calcTotal() {
    var sum =
	$('.shirt-item').size() * 12 +
	$('.album-item').size() * 10;
    $('#total').html(sum + ' Euro');
}

function addShirt() {
    var t = shirtTemplate.clone();
    t.find('.remove').click(function() {
	t.fadeOut('slow', function() {
	    t.remove();
	    calcTotal();
	});
    });
    $('#order tbody').append(t);
    t.hide();
    t.fadeIn('slow');
    calcTotal();
}

function addAlbum() {
    var t = albumTemplate.clone();
    t.find('.remove').click(function() {
	t.fadeOut('slow', function() {
	    t.remove();
	    calcTotal();
	});
    });
    $('#order tbody').append(t);
    t.hide();
    t.fadeIn('slow');
    calcTotal();
}

function submitOrder(form) {
    if (($('.shirt-item').size() + $('.album-item').size()) == 0) {
	alert('Bitte mindestens ein T-Shirt oder ein Album bestellen!');
    } else {
	$(form).ajaxSubmit(function(data) {
	    $('.content').html(data);
	});
    }

}