//document.observe("dom:loaded", setup_product_gallery);
Event.observe(window, 'load', function() {
	setup_product_gallery();
});
paginationset = 0

function setup_product_gallery(e)
{		
	try{	
		new FancyZoom2('shareLink');  
	} catch(e) { alert(e.message); }
	
	if($('imageViewer'))
		$('imageViewer').hide();
	
	/*Product Overview (add click events on anchors and hide the enlarged images that are not selected) */
	//$$('.club_overview .gallery ul li a').invoke( 'observe', 'click', display_enlarged_feature_image );
	
	$$('.club_overview .description a').each(function(node){	    
	    if(node.readAttribute('class') == "lightwindow_image")
		{				
			$(node)['rel'] = node.readAttribute('href');
			$(node)['href'] = '#club_gallery';			
			var html = "<div class='zoom_div'>";
	        html +="<div><img src='" + $(node)['rel'] + "'  alt='' /></div>";
	        html +="</div>";
        	
	        $('club_gallery').update();
	        $('club_gallery').insert(html);	
			new FancyZoom2(node.id);
			//node.observe('click', display_enlarged_image_in_popup);
		}
		if(node.readAttribute('class') == "lightwindow_video")
		{	
			$(node)['rel'] = node.readAttribute('href');
			$(node)['href'] = '#videoContainer';				
			var fz = new FancyZoom( $(node) );
			fz.element.content_div = $('videoContainer');
			node.observe('click', display_enlarged_video_in_popup);
		}
	});
	
	$$('.club_overview .gallery ul li a').each(function(node){		
        node.observe('click', display_enlarged_image);		    
	});
		
	 $$('.club_overview .gallery div img').each(function(node){				
		
		if( node.hasClassName('selected') )			
			node.show();	 
		else
			node.hide();	 			
	});	

	 //club_gallery = Pagination($('gallery'), 1, 568);	
	
	/**Product Gallery  (add the click events on anchors and buttons and hide the enlarged image view on load) */
	 $$('#gallery_overview ul li a').invoke( 'observe', 'click', display_enlarged_gallery_image );
	 $$('.gallery_close').invoke( 'observe', 'click', display_gallery_overview );
	 $$('#imageViewer ul.gallery_list li a').invoke( 'observe', 'click', display_enlarged_gallery_image );
	 if($('glove_colors'))
	 {
		$$('#glove_colors li a').invoke( 'observe', 'click', display_enlarged_color_image );
	 }
	
	$$('.model_block a').invoke( 'observe', 'click', display_enlarged_color_image );
	
	/*$$('.content .gallery a.thumbnail').each(function(node){
		new FancyZoom(node.id, {width:650, height:560});
		node.observe('click', display_enlarged_accessory_image);
	});
		
	$$('.content .description a.button_lg').each(function(node){
		new FancyZoom(node.id, {width:650, height:560});
		node.observe('click', display_enlarged_accessory_image);
	});*/
	
	if($('accessoryLightWindow'))
	{
		//alert("light window");	
		$('imageViewer').show();
		
		$$('#gallery ul li').each(function(node, index){
		if(index == 0)
		{				
			node.addClassName('selected');			
		} });
		
		if($('gallery'))
		{	
			if(paginationset == 0)
			{		
				Pagination($('gallery'), 1, 568);
			}
			paginationset  = paginationset + 1;			
			ShowHidePagination(1);
		}
	}
		
	setup_related_products();		
}

function display_enlarged_image(e) {	

	var atag = e.element().up('a').href.split("/");		
	var link = atag[atag.length - 1];	
	var div = e.element().up('div');		
	var a = e.element().up('a');		
		
	$(div).select('div img').each(function(node){
		if( node.id == link )
		{
			node.show(); 
			node.addClassName('selected');
		}
		else 		
		{
			node.hide(); 
			node.removeClassName('selected');
		}
	});	
	
	$(div).select('ul li a').each(function(node){	
		node.up('li').removeClassName('selected');
	});
	
	a.up('li').addClassName('selected');	

	e.stop();	 
}

function display_enlarged_image_in_popup(e) {
	var a = e.element();
	$(e.element().up('div')).select('ul li a').each(function(node){	
		node.up('li').removeClassName('selected');
	});
	
	a.up('li').addClassName('selected');
	
	var html = "<div class='zoom_div'>";
	html +="<div><img src='" + a.readAttribute('rel') + " /></div>";
	html +="</div>";
	
	$('club_gallery').update();
	$('club_gallery').insert(html);	
}

function display_enlarged_video_in_popup(e) {
	$(e.element().up('div')).select('ul li a').each(function(node){	
		node.up('li').removeClassName('selected');
	});
	e.element().up('li').addClassName('selected');
}

function setup_related_products()
{	
	if($('related_accessories'))
		var related_accessories_gallery = PaginatedGallery($('related_accessories'), 1, 303);	
	
	if($('related_products'))		
		var related_clubs_gallery = PaginatedGallery($('related_products'), 1, 303);
}

function display_gallery_overview(e) {
	$('gallery_overview').show();
	$('imageViewer').hide();
	e.stop();	
}

function display_enlarged_color_image(e) {	
	var selectedImageIndex = 0;
	var atag = e.element().up('a').href.split("/");
	var link = atag[atag.length - 1];
	var thumb = "thumb_" + link.gsub('color_', '');		

	$$('#imageViewer ul li').each(function(node, index){		
	//alert(node.id + "   " + thumb);
		if( node.id == thumb )	
		{	
			node.addClassName('selected');		
			selectedImageIndex = index - 1;	
		}
		else		
		{
			node.removeClassName('selected');
		}
	});	
	
	var page = Math.ceil(selectedImageIndex / 4);
	//alert(selectedImageIndex + " page = " + page);
	
	//alert("paginationset = " + paginationset);
	if(paginationset == 0)
	{
		//alert("here");
		Pagination($('gallery'), 1, 568);
	}
	paginationset  = paginationset + 1;
	$('gallery').MoveGallery(page, 0.0);	
	ShowHidePagination(page);
	
	$('gallery_overview').hide();
	$('imageViewer').show();
	
	
	var features = e.element().up('ul#club_tabs');	
	var lis = features.immediateDescendants();
		
	lis.each(function(node, index) {		
		node.removeClassName('selected');
		if(index == 2)
			node.addClassName('selected');
	});
	
	e.stop();	
}

/*function display_gallery(var thumb) {
var selectedImageIndex = 0;
	
	var link = atag[atag.length - 1];
	var thumb = "thumb_" + link;
	//alert(thumb);

	$$('#imageViewer ul li').each(function(node, index){		
		//alert(node.id + "   " + thumb);
		if( node.id == thumb )	
		{	
		
			node.addClassName('selected');		
			selectedImageIndex = index - 1;	
		}
		else		
		{
			node.removeClassName('selected');
		}
	});	
	
	var page = Math.ceil(selectedImageIndex / 4);
	//alert(selectedImageIndex + " page = " + page);
	
	//alert("paginationset = " + paginationset);
	if(paginationset == 0)
	{
		//alert("here");
		Pagination($('gallery'), 1, 568);
	}
	paginationset  = paginationset + 1;
	$('gallery').MoveGallery(page, 0.0);	
	ShowHidePagination(page);
	
	$('gallery_overview').hide();
	$('imageViewer').show();

}*/

function display_enlarged_gallery_image(e) {	
	
	var selectedImageIndex = 0;
	var atag = e.element().up('a').href.split("/");
	var link = atag[atag.length - 1];
	var thumb = "thumb_" + link;
	//alert(thumb);

	$$('#imageViewer ul li').each(function(node, index){		
		//alert(node.id + "   " + thumb);
		if( node.id == thumb )	
		{	
		
			node.addClassName('selected');		
			selectedImageIndex = index - 1;	
		}
		else		
		{
			node.removeClassName('selected');
		}
	});	
	
	var page = Math.ceil(selectedImageIndex / 4);
	//alert(selectedImageIndex + " page = " + page);
	
	//alert("paginationset = " + paginationset);
	if(paginationset == 0)
	{
		//alert("here");
		Pagination($('gallery'), 1, 568);
	}
	paginationset  = paginationset + 1;
	$('gallery').MoveGallery(page, 0.0);	
	ShowHidePagination(page);
	
	$('gallery_overview').hide();
	$('imageViewer').show();
	
	e.stop();	
}

function Pagination(elem, page, width)
{
	if(!elem) return;
		
	elem.scroller = elem.select('.pagination_scroller')[0];
	elem.pagination_window = $(elem).select('.pagination_window')[0];	
	elem.curPage = page;
	elem.pageWidth = width;
	
	
	var num_per_page = 4;
	var noOfProducts = $$('#gallery .gallery_list li').length;
	
	elem.maxPage = Math.ceil((noOfProducts)/ num_per_page);	
	
	elem.MoveGallery = function(page, speed) 
	{		
		if(page > elem.maxPage)
			page = 1;
			
		if(page < 1)
			page = elem.maxPage;			
		
		var pos = -1 * ((elem.pageWidth * page) - (elem.pageWidth));	
		new Effect.Move(elem.scroller, { x: pos, y: 0, mode: 'absolute', duration:speed });

		elem.curPage = page;		
	}
	
	elem.NextPage = function()
	{
		var page = elem.curPage + 1;
		//alert("next = " + page);
		elem.MoveGallery(page, 0.9);
		ShowHidePagination(page);	
	}
	
	elem.PrevPage = function()
	{
		var page = elem.curPage - 1;
		//alert("prev = " + page);
		elem.MoveGallery(page, 0.9);
		ShowHidePagination(page);
	}	
	
	elem.NextClick = function(e)
	{

		e.stop();		
		elem.NextPage(e);
	}
	
	elem.PrevClick = function(e)
	{
		e.stop();
		elem.PrevPage();
	}	
	
	elem.select('.pagination_next').invoke('observe', 'click', elem.NextClick);
	elem.select('.pagination_prev').invoke('observe', 'click', elem.PrevClick);	
	
	return elem;
}

function ShowHidePagination(page)
{
	if( parseInt(page) < parseInt($('gallery').maxPage) )
		$('arrow_next_link').show();		
	else	
		$('arrow_next_link').hide();	
		
	if( parseInt(page) > 1 )
		$('arrow_prev_link').show();		
	else	
		$('arrow_prev_link').hide();	
}

function share_link()
{
	var url = '/videos/video_share_award_points.aspx';
	new Ajax.Request(url, {
	  method: 'get',
	  onSuccess: function(transport) {
 		//alert(transport.responseText);
		//check the response message from the ajax call here i.e. transport.responseText;
	  }
	});	
}