/*
$(document).ready(function() {
   centerImages();
});
*/
$(window).load(function(){
    centerImages();
    sizeDivs();
    createDialogs();
});

function centerImages(){
    $(".center").each(function(){
        $(this).css("margin-left", ((imageWidth-$(this).width())/2));
        $(this).show();
    });
}

function sizeDivs(){
    /*
    var height = $("#image").height();
    if(height<200){
        height = 200;
    }
    $("#imageDiv").css("height", height );
    $("#itemDiv").css("height", height + 150)*/
}

function createDialogs(){
    $('#dialogSignature').dialog({
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        width: 500,
        buttons: {
            "Yes": function() {
                $(this).dialog("close");
                processSignature('yes');
            },
            "No": function() {
                $(this).dialog("close");
                processSignature('no');
            }
        }
    });

    $('#dialogChildren').dialog({
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        width: 300,
        buttons: {
            "Ok": function() {
                $(this).dialog("close");
                $('#children').focus();
            }
        }
    });

    $('#dialogColor').dialog({
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        width: 300,
        buttons: {
            "Ok": function() {
                $(this).dialog("close");
                $('#color').focus();
            }
        }
    });

    $('#dialogSize').dialog({
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        width: 300,
        buttons: {
            "Ok": function() {
                $(this).dialog("close");
                $('#size').focus();
            }
        }
    });
}

function processSignature(response){
    $('#signed').val(response);
    document.formDetail.submit();
}

function selectChild(){
    var id = $('#children').val();
    url = baseUrl + '/merchandise/detail/id/' + id + '/child/' + id;
    window.location = url;
}

function selectOption(){
    var id = 0;
    var price = basePrice;
    if($('#color').length){
        id = $('#color').val();
        price += colors[id];
    }
    if($('#size').length){
        id = $('#size').val();
        price += sizes[id];
    }
    price = price.toFixed(2);
    $('#price').html(price);
}

function submitDetailForm(withSignature){
    if($('#children').length){
        if($('#children').val() == 'select'){
            $('#dialogChildren').dialog('open');
            return false;
        }
    }
    if($('#color').length){
        if($('#color').val() == 'select'){
            $('#dialogColor').dialog('open');
            return false;
        }
    }
    if($('#size').length){
        if($('#size').val() == 'select'){
            $('#dialogSize').dialog('open');
            return false;
        }
    }
    if(withSignature == 'yes'){
        $('#dialogSignature').dialog('open');
    }
    else{
        document.formDetail.submit();
    }
}