﻿function InitialiseZoom()
{
	var options_ = {
		  zoomWidth: 350,
		  zoomHeight: 350,
		  position: "bottom",
		  title: false,
		  xOffset: 0
	  };
	  $(".jqzoom_").attr("href", "images/main_hr.jpg");
	  $(".jqzoom_").jqzoom(options_);	
}

$(function()
{
    // initialise colorbox
		$(".colorbox").colorbox();
		$(".video").colorbox();
        //$('#grottogallery').spacegallery({loadingClass: 'loading'});
		
    // initialise jqzoom
        var options = {
            zoomWidth: 433,
            zoomHeight: 433,
            position: "left",
            title: false
        };
		
	    $("._Image").removeClass("enlarge");
        if ($("._Image").attr("enlarge") == "1")
        {
            $("._Image").addClass("enlarge");
            $("#lnkenlarge").css("display", "");
        }
        
        $("._Image").removeClass("zoom");
        if ($("._Image").attr("zoom") == "1")
        {
            $("._Image").addClass("zoom");
            $("#lnkzoom").css("display", ""); 
        }
               
        var _yOff = parseInt($("._Image").attr("yoff"));
		var _xOff = parseInt($("._Image").attr("xoff"));
        $.extend(options, { xOffset: _xOff + 12, yOffset: -_yOff - 6 });
        if (_yOff > 0)
        {
            $("._Image").css("margin-top", _yOff + "px"); 
			$("._Image").css("margin-left", "0px");
        }
		if (_xOff > 0)
        {
            $("._Image").css("margin-top", "0px");
			$("._Image").css("margin-left", _xOff + "px");
        }
        $(".enlarge").colorbox({href:"/images/products/large/" + $("._Main").attr("title") + "_1.jpg"});
        $(".zoom").jqzoom(options);
        
        
        $("._Thumb").click(function()
        {
            $("._Image").unbind();            
            $("._Main").attr("src", "/images/products/medium/" + $(this).attr("title"));
            $("._Image").attr("href", "/images/products/xlarge/" + $(this).attr("title"));
            
            $("._Image").removeClass("enlarge");
            if ($(this).attr("enlarge") == "1")
            {
                $("._Image").addClass("enlarge");
                $("#lnkenlarge").css("display", "");
            }
            else
            {
                $("#lnkenlarge").css("display", "none");
            }
                        
            $("._Image").removeClass("zoom");
            if ($(this).attr("zoom") == "1")
            {
                $("._Image").addClass("zoom");
                $("#lnkzoom").css("display", "");
            }
            else
            {
                $("#lnkzoom").css("display", "none");   
            } 
                                                
            var _yOff = parseInt($(this).attr("yoff"));
			var _xOff = parseInt($(this).attr("xoff"));
            $.extend(options, { xOffset: _xOff + 12, yOffset: -_yOff - 6 });
            if (_yOff > 0)
            {
                $("._Image").css("margin-top", _yOff + "px");
				$("._Image").css("margin-left", "0px");
            }
			if (_xOff > 0)
            {
                $("._Image").css("margin-top", "0px");
				$("._Image").css("margin-left", _xOff + "px");           
            }
            $(".enlarge").colorbox({href:"/images/products/large/" + $(this).attr("title")});
            $(".zoom").jqzoom(options);
        }); 
		
//		$('div.navigation').css({'width' : '300px', 'float' : 'left'});
//		$('div.content').css('display', 'block');

//		// Initially set opacity on thumbs and add
//		// additional styling for hover effect on thumbs
//		var onMouseOutOpacity = 0.67;
//		$('#gallerific_thumbs .gallerific-thumbs li').opacityrollover({
//			mouseOutOpacity:   onMouseOutOpacity,
//			mouseOverOpacity:  1.0,
//			fadeSpeed:         'fast',
//			exemptionSelector: '.gallerific-thumbs-selected'
//		});
//		
//		// Initialize Advanced Galleriffic Gallery
//		var gallery = $('#gallerific_thumbs').galleriffic({
//			delay:                     2500,
//			numThumbs:                 15,
//			preloadAhead:              10,
//			enableTopPager:            true,
//			enableBottomPager:         true,
//			maxPagesToShow:            7,
//			imageContainerSel:         '#gallerific_slideshow',
//			controlsContainerSel:      '#gallerific_controls',
//			captionContainerSel:       '#gallerific_caption',
//			loadingContainerSel:       '#gallerific_loading',
//			renderSSControls:          true,
//			renderNavControls:         true,
//			playLinkText:              'Play Slideshow',
//			pauseLinkText:             'Pause Slideshow',
//			prevLinkText:              '&lsaquo; Previous Photo',
//			nextLinkText:              'Next Photo &rsaquo;',
//			nextPageLinkText:          'Next &rsaquo;',
//			prevPageLinkText:          '&lsaquo; Prev',
//			enableHistory:             false,
//			autoStart:                 false,
//			syncTransitions:           true,
//			defaultTransitionDuration: 900,
//			onSlideChange:             function(prevIndex, nextIndex) {
//				// 'this' refers to the gallery, which is an extension of $('#thumbs')
//				this.find('.gallerific-thumbs').children()
//					.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
//					.eq(nextIndex).fadeTo('fast', 1.0);
//			},
//			onPageTransitionOut:       function(callback) {
//				this.fadeTo('fast', 0.0, callback);
//			},
//			onPageTransitionIn:        function() {
//				this.fadeTo('fast', 1.0);
//			}
//		}); 
});