function showBigImage(smallImageId, bigImageId) {
    var lastImageHiddenField = document.getElementById("lastimage");
    var lastImage = lastImageHiddenField.value;
    
    if (lastImage != $("#" + smallImageId).attr("src")) {
        //$("#" + bigImageId).fadeOut(300);
        $("#" + bigImageId).attr("src", $("#" + smallImageId).attr("src"));
        
        //Update lastimage value
        $("#lastimage").attr("value", $("#" + smallImageId).attr("src"));
    }
    
    //Pause slide show
    $("#PlaySlideShowButton").click();
}

function resumeSlideShow(smallImageId, bigImageId) {
    //Resume slide show
    $("#PlaySlideShowButton").click();

    //Clear last image value    
    $("#lastimage").attr("value", "");
}

function callFireEvent(elementIdFromCaller) {

    var elementId = document.getElementById(elementIdFromCaller);

    fireEvent(elementId, 'click');
}

function fireEvent(obj, evt) {

    if (obj != null) {
        var fireOnThis = obj;
        if (document.createEvent) {
            var evObj = document.createEvent('MouseEvents');
            evObj.initEvent(evt, true, false);
            evObj.initEvent(evt, true, false);
            fireOnThis.dispatchEvent(evObj);
        } else if (document.createEventObject) {
            fireOnThis.fireEvent('on' + evt);
        }
    }
}