//Define Ektron.ProductImage object only if it's not already defined
if (Ektron.ProductImage === undefined) {
	Ektron.ProductImage = {};
}

//Initialize Ektron ProductImage
$ektron(document).ready(function(){
	Ektron.ProductImage.init();
});

//Ektron ProductImage Object
Ektron.ProductImage = {
	init: function() {
        $ektron("#productDetail ul.thumbnailList li.img1").addClass("selected").removeClass("off");
        
        $ektron("#productDetail ul.thumbnailList li").each(function(i) {
            if ($ektron(this).hasClass("off") || $ektron(this).hasClass("selected")) {
                $ektron(this).hover(
		            function(){
		                $ektron(this).addClass("selected").removeClass("off");
		                Ektron.ProductImage.SwitchImage();
		            },
		            function(){
		                $ektron(this).addClass("off").removeClass("selected");
                        Ektron.ProductImage.SwitchImage();
		            }
	            );
            }
        });
	},
	SwitchImage: function() {
        if ($ektron("#productDetail ul.thumbnailList li.selected").length > 0){
            if ($ektron("#productDetail ul.thumbnailList li.selected").hasClass("img1") == true){
                $ektron("#productDetail ul.largeImageList li.largeImage").addClass("selected").removeClass("off");
                $ektron("#productDetail ul.largeImageList li.largeImage2").addClass("off").removeClass("selected");
                $ektron("#productDetail ul.largeImageList li.largeImage3").addClass("off").removeClass("selected");
            }
            if ($ektron("#productDetail ul.thumbnailList li.selected").hasClass("img2") == true){
                $ektron("#productDetail ul.largeImageList li.largeImage").addClass("off").removeClass("selected");
                $ektron("#productDetail ul.largeImageList li.largeImage2").addClass("selected").removeClass("off");
                $ektron("#productDetail ul.largeImageList li.largeImage3").addClass("off").removeClass("selected");
            }
            if ($ektron("#productDetail ul.thumbnailList li.selected").hasClass("img3") == true){
                $ektron("#productDetail ul.largeImageList li.largeImage").addClass("off").removeClass("selected");
                $ektron("#productDetail ul.largeImageList li.largeImage2").addClass("off").removeClass("selected");
                $ektron("#productDetail ul.largeImageList li.largeImage3").addClass("selected").removeClass("off");
            }
        }
	}
}