/* $Id: product_scripts.js 1789 2009-10-02 09:32:36Z cxw $ */

	/* ==================================== */
	/* PRODUCT PORTLET 						*/
	/* ==================================== */
	var currentTabNumber = 1;
	
	function showTab(tabNumber) {
		if (tabNumber != currentTabNumber) {
			var currentPanel = $('#tabbed-panel-'+currentTabNumber);
			var newPanel = $('#tabbed-panel-'+tabNumber);
			var currentTab = $('#tab-'+currentTabNumber);
			var newTab = $('#tab-'+tabNumber);
			
			$(currentPanel).hide();
			$(newPanel).show();
			$(currentTab).removeClass('active');
			$(newTab).addClass('active');
			currentTabNumber = tabNumber;
		}
	}

	function changeProductPanel(option, video) {
		if (option == 'video')
		{
			flashembed("productDetailsVideo",
					   {
				   			src:"/quicklivecore/swf/QuickLivePlayerDark.swf",
				   			width: 270,
				   			height: 400
				   		},
				   		{config: {   
							loop: true,
							autoPlay: true,
							controlBarBackgroundColor: '-1',
							initialScale: 'fit',
							videoFile: video,
							controlBarGloss:'none',
							showStopButton: false,
							showMuteVolumeButton: false,
							showFullScreenButton: false,
							showVolumeSlider: false,
							showMenu: false,
							controlsOverVideo: 'ease'
								}
						});
			
			document.getElementById('productDetailsImage').style.display = 'none';
			document.getElementById('productDetailsVideo').style.display = 'block';
			document.getElementById('productDetailsThumbs').style.display = 'none';
			
			document.getElementById('productDetailsOptions').innerHTML = "<h3 class=\"videos\"><a onclick=\"javascript:changeProductPanel('images', '" + video + "')\" href=\"#\">Images</a></h3>"
		}
		else if (option == 'images')
		{
			document.getElementById('productDetailsVideo').innerHTML = '';
			document.getElementById('productDetailsImage').style.display = 'block';
			document.getElementById('productDetailsVideo').style.display = 'none';
			document.getElementById('productDetailsThumbs').style.display = 'block';
			
			document.getElementById('productDetailsOptions').innerHTML = "<h3 class=\"text\"> Roll over image to zoom </h3><h3 class=\"videos\"><a onclick=\"javascript:changeProductPanel('video', '" + video + "')\" href=\"#\">Video</a></h3>";
		}
	}