$(document).ready(function () {
    $(".aFeatureThumbX").click(function () {
        setImage($(this));
        $(".aFeatureThumbX").removeClass('selected');
        $(this).addClass('selected');
    })

    //preload images - dynamically
    imagePreLd = new Image();
    $(".imgFeatureThumbX").each(function () {
        imagePreLd.src = $(this).attr("alt_lgsrc")
    });

    $(".imgFeatureThumbX").unload(function () {
        $(this).fadeIn(2000);
    });


    //===========================================================
    //Prev Button
    //===========================================================
    //left arrow key
    $(document).keydown(function (e) {
        if (e.keyCode == 37) {
            $("[alt_id='btnImgPrev']").click();
        }
    });

    $("[alt_id='btnImgPrev']").click(function () {
        //get current selection
        oCurrent = $(".aFeatureThumbX.selected").first()

        if ($(oCurrent).prev().length > 0) {
            oPrev = $(oCurrent).prev();
        } else {
            oPrev = $(".aFeatureThumbX").last();
        }
        $(".scrlOrangeBoxX").scrollTo($(oPrev));
        $(oPrev).click();
    });

    //===========================================================
    //Next Button
    //===========================================================
    //right arrow key
    $(document).keydown(function (e) {
        if (e.keyCode == 39) {
            $("[alt_id='btnImgNext']").click();
        }
    });

    $("[alt_id='btnImgNext']").click(function () {
        //get current selection
        oCurrent = $(".aFeatureThumbX.selected").first()

        if ($(oCurrent).next().length > 0) {
            oNext = $(oCurrent).next();
        } else {
            oNext = $(".aFeatureThumbX").first();
        }
        $(".scrlOrangeBoxX").scrollTo($(oNext));
        $(oNext).click();
    });


});

//**********************************************************************************
//** Set big image
function setImage(jQO) {
    jQO = jQO.children("img:first");
    var imgLarge = $("#" + imgLarge_ClientId);    
    if (aLarge_ClientId != "") {
        var aLarge = $("#" + aLarge_ClientId) 
    }

    imgLarge.stop(true,true);
	var dvCaption = $("#" + dvCaption_ClientId);
	
	if (aLarge_ClientId != "") {
	    aLarge.attr("href", jQO.attr("alt_detailsURL"));
	   }
	
	//turn off Kwik image
	$("#imgKwik").css("display", "none");

	imgLarge.fadeOut("fast", function () {
	    $(this).attr("src", jQO.attr("alt_lgsrc"));
	    $(this).fadeIn(2000);
	});


	//show Kwik if applicable
	if (jQO.attr("alt_isKwik") == "X") {
		$("#imgKwik").css("display", "inline");
	}

	dvCaption.text(jQO.attr("alt_caption"));

	//test if current items are using a selector
	if (jQO.attr("alt_showSelector") == "true") {
		//remove selected class from all using selector
		$(".selected[alt_showSelector = 'true']").removeClass("selected");
		//apply class to selected item
		jQO.addClass("selected");
	}

}