function toggle(id) {
    $("#item_tabs").tabs("select", id);
}

$(document).ready(function() {

    $("#item_tabs").tabs();

    $('#installmentLink').click(showDialog);
    $statusDialog = $('#installmentDialog');
    $statusDialog.dialog({
        autoOpen: false,
        bgiframe: false,
        minHeight: 600,
        width: 644,
        modal: true,
        draggable: true,
        moveToTop: true,
        closeOnEscape: true,
        resizable: false,
        close: function(ev, ui) { $(this).hide(); }
    });

    $('.moreImagesClick').click(function() {
        $('#moreImages').toggleClass("ui-helper-hidden");
        if ($("#moreImages").hasClass("ui-helper-hidden")) {
            $('#moreImagesClick').text(showmoreimages);
        } else {
            $('#moreImagesClick').text(hidemoreimages);
        }
    });

    $("p#itemMoreImages a").fancybox();


    $('#itemvariantselect').change(function() {

    });

    $('.subscriptionInfoDialogShow').click(showSubscriptionInfoDialog);
    $subscriptionDialog = $('#subscriptionInfoDialog');
    $subscriptionDialog.dialog({
        autoOpen: false,
        minHeight: 200,
        width: 360,
        autoResize: true,
        modal: true,
        draggable: true,
        moveToTop: true,
        position: 'middle',
        closeOnEscape: true,
        resizable: true,
        close: function(ev, ui) { $(this).hide(); }
    });

});


var showDialog = function() { $statusDialog.show(); $statusDialog.dialog("open"); };

var showSubscriptionInfoDialog = function() {
    $subscriptionDialog.show();
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: '/SubscriptionInfo/' + $(this).attr("id"),
        data: "{}",
        dataType: "json",
        success: function(data) {
                    $('#subscriptionInfoDialog').dialog('option', 'title', data['subTitle']);
                    $('#subscriptionInfoDialogContainer').html(data['subText']);
                    //IE 6 seems to forget height after destroying dialog once so we set it every time...
                    $('#subscriptionInfoDialog').dialog('option', 'minHeight', 200);
                 }
    });

    $subscriptionDialog.dialog("open");
};

function accessories_click() {
    disable_all_tabs();
    document.getElementById('tab_accessories_img').src = tab_accessories_selected;
}

function description_click() {
    disable_all_tabs();
    document.getElementById('tab_description_img').src = tab_description_selected;
}

function productlines_click() {
    disable_all_tabs();
    document.getElementById('tab_productlines_img').src = tab_productlines_selected;
}

function disable_all_tabs() {
    if (document.getElementById('tab_accessories_img'))
        document.getElementById('tab_accessories_img').src = tab_accessories_deselected;
    if (document.getElementById('tab_description_img'))
        document.getElementById('tab_description_img').src = tab_description_deselected;
    if (document.getElementById('tab_productlines_img'))
        document.getElementById('tab_productlines_img').src = tab_productlines_deselected;
}

/*
function populateSubscriptionInfoDialog(infoTitle, infoText)
{
document.getElementById('subscriptionInfoDialog').title = infoTitle;
document.getElementById('subscriptionInfoDialog').innerHTML = infoText;
}
*/
function populateSubscriptionInfoDialog(infoText) {
    alert(infoText);
    document.getElementById('subscriptionInfoDialog').innerHTML = infoText;
}