/// <reference name="MicrosoftAjax.js"/>

// all the client side functions for the ItemListingControl.ascx

// *** imgSmall Button events
// change the selected image to the one just clicked
function imageSmall_OnClick(sender, eventArgs) {
    var imageUrl = sender.GetImageUrl();
    imageUrl = imageUrl.replace(/size=tiny/, "size=medium");
    imageUrl = imageUrl.replace(/size=small/, "size=medium");
    imageUrl = imageUrl.replace(/size=large/, "size=medium");
    imageUrl = imageUrl.replace(/size=full/, "size=medium");
    imageMedium.SetImageUrl(imageUrl);
}

function imageSmall_Init(sender, eventArgs) {
    $addHandler(sender.GetMainElement(), "mouseover", function() {
        imageSmall_OnClick(sender, eventArgs);
    });
}

// *** imageMedium Image events
// launch the popup with the large view of the currently selected image
function imageMedium_OnClick(sender, eventArgs) {
    var imageUrl = imageMedium.GetImageUrl();
    imageUrl = imageUrl.replace(/size=tiny/, "size=large");
    imageUrl = imageUrl.replace(/size=small/, "size=large");
    imageUrl = imageUrl.replace(/size=medium/, "size=large");
    imageUrl = imageUrl.replace(/size=full/, "size=large");
    imageLarge.SetImageUrl(imageUrl);
    popupLargeImage.Show();
}