document.write('<scr'+'ipt src="'+baseURL+'/resources/js/ui/jquery.dimensions.js" type="text/javascript"></scri'+'pt>');
document.write('<scr'+'ipt src="'+baseURL+'/resources/js/ui/ui.mouse.js" type="text/javascript"></scri'+'pt>');
document.write('<scr'+'ipt src="'+baseURL+'/resources/js/ui/ui.draggable.js" type="text/javascript"></scri'+'pt>');
document.write('<scr'+'ipt src="'+baseURL+'/resources/js/ui/ui.draggable.ext.js" type="text/javascript"></scri'+'pt>');
document.write('<scr'+'ipt src="'+baseURL+'/resources/js/ui/ui.droppable.js" type="text/javascript"></scri'+'pt>');
document.write('<scr'+'ipt src="'+baseURL+'/resources/js/ui/ui.droppable.ext.js" type="text/javascript"></scri'+'pt>');

$(document).ready(function() {
    $('#welcome .box-select').bind('mouseover', function() {
        $('#bubble')[0].className = this.id;
    });
    $('.draggable img.item').draggable({
        helper:'clone',
        start: function(ev, ui) {
            $(ui.helper).addClass('dragging').css('z-index', '10');
        },
        revert: true
    });
    $('.droppable').droppable({
        accept: '.draggable img',
        tolerance: 'pointer',
        over: function(ev, ui) {
            $(ui.draggable.helper).css('visibility', 'hidden');

            //$('#boxed-'+ui.draggable.element.id).css('display', 'block');
            $('#boxed-'+ui.draggable.element.id).css('visibility', 'visible');
            $('#boxed-item-blank').css('visibility', 'visible');
			
            //$(this).addClass($(ui.draggable.element).id)
        },
        out: function(ev, ui) {
            $(ui.draggable.helper).css('visibility', 'visible');

            //$('#boxed-'+ui.draggable.element.id).css('display', 'none');
            $('#boxed-'+ui.draggable.element.id).css('visibility', 'hidden');
            //$(this).removeClass($(ui.draggable.element).id)
        },
        drop: function(ev, ui) {
            $(ui.draggable.helper).css('visibility', 'hidden');
            $(ui.draggable.element).draggableDisable();
            //console.log($('#info-'+ui.draggable.element.id).value)
            $('#tally')[0].value += $('#info-'+ui.draggable.element.id)[0].value + "\n";
            $('#btn-finished').css('display', 'block');
            $('#btn-finished').css('display', 'block');
        }
    });
    $('#btn-finished input').bind('click', function(){
        $('#box-wrap').addClass('tally');

        var contents = $('#tally')[0].value.split("\n");
        var total = 0;
        $('#box-contents').html('');
        contents = jQuery.each(contents, function(n, i) {
            if (this == "") return;
            var parts = this.split("|");
            $('#box-contents').append('<li>'+parts[0]+'</li>'); // - <strong class="price">$'+parts[1]+'</strong>
            total += parseFloat(parts[1]);
        });
        $('#box-contents').append('<li class="total"><img src="text-whichtotals.gif" alt="Which Totals" /><br />$'+total.toFixed(2)+'</li>');
        $('#btn-finished').css('display', 'none');
        $('#total')[0].value = total.toFixed(2);
        $('#main2').html('<p>Great! Your box is all set.</p><p><strong>Remember, you must have a parent with you to finish and pay.</strong></p>');
        return false;
    });
    $('#cancel-buy').bind('click', function() {
        $('#box-wrap').removeClass('tally');
        $('#btn-finished').css('display', 'block');
        return false;
    });
    if ($('#tally').length > 0) $('#tally')[0].value = '';
});