$(function () {

    var $productLargeImage = $("#product-large-img").appendTo($("body")),
        $productAltLargeImage = $("#product-alt-img").appendTo($("body")); ;

    //connect tab links to li/div tab elements
    $("#product-tab span").click(function (e) {
        e.preventDefault();
        // change li class
        $(this).parent().addClass("product-tab-selected").siblings().removeClass("product-tab-selected");
        // show applicable container div
        $("#product-tab-container > div:eq(" + $(this).parent().index() + ")").show().siblings().hide();
    });

    //init large image area controls
    $(".view-large-img").click(function (e) {
        e.preventDefault();
        $productLargeImage.css(SSI.Utilities.centredPopup($productLargeImage)).show();
    });
    $("#product-large-img-close").click(function (e) {
        e.preventDefault();
        $("#product-large-img").hide();
    });

    //init alternative image area controls
    $(".view-alt-img").click(function (e) {
        e.preventDefault();
        $productAltLargeImage.css(SSI.Utilities.centredPopup($productAltLargeImage)).show();
    });
    // close
    $("#product-alt-img-close").click(function (e) {
        e.preventDefault();
        $("#product-alt-img").hide();
    });

    // thumbnail swap
    $("#product-alt-img-thumbs a").click(function () {
        $(".product-alt-img-selected").attr("src", $(this).attr("href"));
        return false;
    });

});