<!--

	//================================================================================================
	// VARIABLES DECLARATION
	//================================================================================================	
	var firstSelectedMenu = "menuvirtualvintage";
	var selectedMenu = "";	
	var onProcess = false;
	var morphPopUpBlock1, morphPopUpBlock1, morphPopUpBlock1;
	var selectedPopUp = "";
	var blnVisible = false;
	var picURL;
	var imageID;
	var toggles, content, AccordionObject;
	var morphFooterBar;
	var drawLine = false;
	var drawRightMenu = false;
	var distributionSelected = false;
	var DELAY_TIME;
	var vv_banner_out, vv_banner_in;

	//================================================================================================
	// LAYOUT FUNCTIONS
	//================================================================================================		
	var tweenFadeOut = function(item) {
		//$('contact_block').fade('out');
		new Fx.Tween(item).start('opacity', 1, 0).chain(function(){$(item).setStyle('display', 'none');});
	}	
	
	var getImage = function(element){		
		switch(element)
		{
			case 'menufamily':
				imageID = "OF";
				break;
			
			case 'menuhome':
				imageID = "OH";
				break;
			
			case 'menuwines' :
				imageID = "OW";
				break;
			
			case 'menupuntersclub' :
				imageID = "puntersclub";
				break;
				
			case 'menuorderwine' : 
				imageID = "orderwine";
				break;
				
			case 'menudistribution' :
				imageID = "distribution";
				break;
				
		}
		
		return imageID;
	}
	
	var scrollMenu = function(element){
		var elementImageID, selectedMenuImageID;
		
		if(firstSelectedMenu != "")
		{
			selectedMenu = firstSelectedMenu;
			firstSelectedMenu = "";
		}
		
		var selectedPos = $(selectedMenu).getStyle('top');
		var newPos = $(element).getStyle('top');		
		
		//highlight the selected menu
		elementImageID = getImage(element);
		selectedMenuImageID = getImage(selectedMenu);
		
		$(element).removeClass(elementImageID + "_off");
		$(element).addClass(elementImageID + "_on");
		
		if(selectedMenu != element)
		{			
			$(selectedMenu).removeClass(selectedMenuImageID + "_on");
			$(selectedMenu).addClass(selectedMenuImageID + "_off");
		}		
		
		morphFooterBar = new Fx.Morph($('bar'), {
			transition: 'sine:in',
			duration: 500
		});			
		
		if(selectedPos != newPos && onProcess == false)
		{
			var morphObject = new Fx.Morph(element, {
				transition: 'back:out',
				duration: 1000,
				onStart: function(){
					onProcess = true;					
				},
				onComplete: function(){
					onProcess = false;
					drawFooterBar(morphFooterBar);
				}
			});	

			morphObject.start({
				'top': selectedPos
			});			
			
			var morphObject2 = new Fx.Morph(selectedMenu, {
				transition: 'back:out',
				duration: 1000
			});	

			morphObject2.start({
				'top': newPos
			});	

			selectedMenu = element;
		}
		else
		{
			drawFooterBar(morphFooterBar);
		}

	}

	var drawFooterBar = function(morphFooterBar){

		if (!drawLine)
		{
			//render baseplate
			renderPlate();
			
			//render footer line
			morphFooterBar.set({
				'width': 0
			});				
			
			morphFooterBar.start({
				'width': 700				
			});		
			
			drawLine = true;
		}
		
	}
	
	var renderPlate = function(){
	
		$('plate').setStyle('display', 'block');	
		
		if(!checkIE6())
		{				
			new Fx.Tween($('plate')).start('opacity', 0, 1);	
		}

		
	}	
	
	function initAccordion(reviewPos)
	{	
		toggles = $$('.togglers');
		content = $$('.elements');
		
		AccordionObject = new Accordion(toggles, content, {
			display: reviewPos,
			height: true,
			width: false,
			opacity: true,
			fixedHeight: false,
			fixedWidth: false,
			alwaysHide: true				
		});	
		
	}
	
	function showPopUp(block)
	{
		slideMenu.showMenu(block);
	}
	
	function hidePopUp(block)
	{
		slideMenu.hideMenu(block);
	}
	
	var showVVBanner = function()
	{
		$('banner_out').setStyle('display', 'block');
		$('banner_in').setStyle('display', 'none');
	}
	
	var hideVVBanner = function()
	{
		$('banner_out').setStyle('display', 'none');
		$('banner_in').setStyle('display', 'block');	
	}	
	
	var displayContent = function()
	{		
		if($('contentwrapper').getStyle('display') == 'block')
		{
			$('contentwrapper').setStyle('display', 'none');
			$('hidecontent').set('html', 'Show Content')
		}
		else if($('contentwrapper').getStyle('display') == 'none')
		{
			$('contentwrapper').setStyle('display', 'block');
			$('hidecontent').set('html', 'Hide Content')
		}
	}
	
	var renderSlideShow = function()	
	{
		if($chk($('pic_slideshow')))
		{
			fadeTicker('pic_slideshow','slide_image', 6000, 1500);	
		}
	}
		
	//================================================================================================
	// AJAX FUNCTIONS
	//================================================================================================			
	var getContents = function(pageID, categoryID) {
				
		var div = $('contentajax');
		var url = "get_content.asp";
		var data = "pageID=" + pageID + "&categoryID=" + categoryID + "&sid=" + Math.random();
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				renderSlideShow();
				pngIEFix();
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				$(div).set('html', '<div class="ajax"></div>');
			}
		
		}).send(data);				
		
	}
	
	var getContentsByBlockID = function(pageID, categoryID, blockID) {
				
		var div = $('contentajax');
		var url = "get_content.asp";
		var data = "pageID=" + pageID + "&categoryID=" + categoryID + "&blockID=" + blockID + "&sid=" + Math.random();
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				renderSlideShow();
				pngIEFix();
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				$(div).set('html', '<div class="ajax"></div>');
			}
		
		}).send(data);	
		
	}	
	
	var getContentsByProductID = function(pageID, categoryID, productID){

		var div = $('contentajax');
		var url = "get_content.asp";
		var data = "pageID=" + pageID + "&categoryID=" + categoryID + "&productID=" + productID + "&sid=" + Math.random();
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				pngIEFix();				
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				$(div).set('html', '<div class="ajax"></div>');							
			}
		
		}).send(data);			
		
		//hide pop up menu
		slideMenu.hideMenu("puntroad");
		slideMenu.hideMenu("airlie");
		slideMenu.hideMenu("mvn");				

	}
	
	var getContentsReview = function(productID, reviewPos){
	
		var div = $('contentajax');
		var url = "get_review.asp";
		var data = "productID=" + productID + "&reviewPos=" + reviewPos + "&sid=" + Math.random();
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				pngIEFix();
				initAccordion(reviewPos);
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				$(div).set('html', '<div class="ajax"></div>');							
			}
		
		}).send(data);	
	
	}
	
	var getContentsReviewIndividual = function(productID, reviewPos){
	
		var div = $('contentajax');
		var url = "get_review.asp";
		//var data = "productID=" + productID + "&reviewPos=" + reviewPos + "&mode=half";
		var data = "productID=" + productID + "&reviewPos=";
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				pngIEFix();
				if($chk($('reviewaccordion')))
				{
					initAccordion(reviewPos);
				}
			},
			
			onFailure: function() {
				//$(div).set('html', '<div class="ajaxsmall">Error loading... Please refresh the browser</div>');
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				//$(div).set('html', '<div class="ajaxsmall"></div>');			
				$(div).set('html', '<div class="ajax"></div>');											
			}
		
		}).send(data);	
	
	}	
	
	var getContentsReviewPrevious = function(prevCategoryID, reviewPos){
	
		var div = $('contentajax');
		var url = "get_review.asp";
		var data = "prevCategoryID=" + prevCategoryID;
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				if($chk($('reviewaccordion')))
				{
					initAccordion(reviewPos);
					var scrollOrder2 = new MooScroll2({selector: '#reviewaccordion', disabledOpacity: 0});
				}
				pngIEFix();
			},
			
			onFailure: function() {
				//$(div).set('html', '<div class="ajaxsmall">Error loading... Please refresh the browser</div>');
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				//$(div).set('html', '<div class="ajaxsmall"></div>');			
				$(div).set('html', '<div class="ajax"></div>');											
			}
		
		}).send(data);	
	
	}		
	
	var getContentsReviewByParentID = function(parentID, reviewPos){
	
		var div = $('contentajax');
		var url = "get_review.asp";
		var data = "parentID=" + parentID;
		
		var req = new Request({url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				if($chk($('reviewaccordion')))
				{
					initAccordion(reviewPos);
					
					var scrollOrder2 = new MooScroll2({selector: '#reviewaccordion', disabledOpacity: 0});
					
					var scroll = new Fx.Scroll('reviewaccordion_content', {
						wait: false,
						duration: 100,
						offset: {'x': -200, 'y': -50},
						transition: Fx.Transitions.Quad.easeInOut
					});		
					
					//event = new Event(event).stop();
					scroll.toElement('review_block_' + reviewPos);
				}
				pngIEFix();
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				$(div).set('html', '<div class="ajax"></div>');											
			}
		
		}).send(data);	
	
	}			
	
	var getDistributor = function(regionID){
		var div = $('contentajax');
		var url = "get_distributor.asp";
		var data = "regionID=" + regionID + "&sid=" + Math.random();
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				pngIEFix();
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				$(div).set('html', '<div class="ajax"></div>');							
			}
		
		}).send(data);			
	}
	
	var getOrder = function(wineList, regionID){
		var div = $('contentajax');
		var url = "get_order.asp";
		var data = "wines=" + wineList + "&region=" + regionID + "&sid=" + Math.random();
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);						
				var scrollOrder = new MooScroll({selector: '#wineorderlist', disabledOpacity: 0});
				pngIEFix();
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				$(div).set('html', '<div class="ajax"></div>');							
			}
		
		}).send(data);			
	}	
	
	var previewOrder = function(wineList, regionID){
		var region, ids, quantities;
		var message = "";
		var i;
		var qty = 0;
		
		if(wineList == "" && regionID == "")
		{
			region = $('region').get('value');
			ids = $$('.ids').get('value');
			quantities = $$('.quantities').get('value');		
			
			for(i=0;i<quantities.length;i++)
			{
				var tempValue = ids[i];
				
				if(quantities[i] != "")
				{
					tempValue = tempValue + "_" + quantities[i];
					
					var elementCategoryID = 'product_category_' + ids[i];
					
					if($(elementCategoryID).get('value') == 201 || $(elementCategoryID).get('value') == 202)
						qty = qty + parseInt(quantities[i]) + parseInt(quantities[i]);
					else
						qty = qty + parseInt(quantities[i]);
				}
				else
				{
					tempValue = tempValue + "_0";
				}
				
				message = message + tempValue + ",";
			}
			
			message = message.substring(0, message.length-1)
		}
		else
		{
			message = wineList;
			region = regionID;
			qty = 13;
		}
		
		//start ajax call
		if(qty >= 12)
		{
			var div = $('contentajax');
			var url = "get_order.asp";
			var data = "mode=preview&wines=" + message + "&region=" + region + "&sid=" + Math.random();

			var req = new Request( {url: '' + url, 
				
				onSuccess: function(txt) {
					$(div).set('html', txt);		
					pngIEFix();
					
					var scrollOrder = new MooScroll({selector: '#wineorderlist', disabledOpacity: 0});
				},
				
				onFailure: function() {
					$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
				},
				
				onRequest: function() {
					
					$(div).set('html', '<div class="ajax"></div>');							
				}
			
			}).send(data);			
		}
		else
		{
			alert("Please make sure you ordered at least minimum amount of bottles required.");
		}
	}	
	
	var fillDetail = function(wineList, regionID){
		var div = $('contentajax');
		var url = "get_order.asp";
		var data = "mode=detail&wines=" + wineList + "&region=" + regionID + "&sid=" + Math.random();
		
		var req = new Request( {url: '' + url, 
			
			onSuccess: function(txt) {
				$(div).set('html', txt);		
				pngIEFix();
			},
			
			onFailure: function() {
				$(div).set('html', '<div class="ajax">Error loading... Please refresh the browser</div>');
			},
			
			onRequest: function() {
				
				$(div).set('html', '<div class="ajax"></div>');							
			}
		
		}).send(data);			
	}		
	
	var submitOrder = function(wineList, regionID){
		var firstname = $('firstname').get('value');
		var lastname = $('lastname').get('value');
		var address = $('address').get('value');
		var citysuburb = $('citysuburb').get('value');
		var stateregion = $('stateregion').get('value');
		var postcode = $('postcode').get('value');
		var phone = $('phone').get('value');
		var mobile = $('mobile').get('value');
		var email = $('email').get('value');
		var contact = $('contact').get('value');
		var signup = $('signup').get('checked');
		var valid = true;
		
		if(firstname == "" || firstname == "First Name")
		{
			valid = false;
			alert("Please make sure you have entered your First Name.");
		}
		else if(lastname == "" || lastname == "Last Name")
		{
			valid = false;
			alert("Please make sure you have entered your Last Name.");
		}
		else if(address == "" || address == "Address")
		{
			valid = false;
			alert("Please make sure you have entered your Address.");
		}				
		else if(citysuburb == "" || citysuburb == "City/Suburb")
		{
			valid = false;
			alert("Please make sure you have entered your City/Suburb.");
		}		
		else if(stateregion == "" || stateregion == "State/Region")
		{
			valid = false;
			alert("Please make sure you have entered your State/Region.");
		}								
		else if(postcode == "" || postcode == "Post code/Zip code")
		{
			valid = false;
			alert("Please make sure you have entered your Post code/Zip code.");
		}				
		else if(phone == "" || phone == "Phone")
		{
			valid = false;
			alert("Please make sure you have entered your Phone.");
		}				
		else if(mobile == "" || mobile == "Mobile")
		{
			valid = false;
			alert("Please make sure you have entered your Mobile.");
		}						
		if(email == "" || email == "Email")
		{
			valid = false;
			alert("Please make sure you have entered your Email.");
		}		
		else if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)))		
		{
			valid = false;
			alert ('Please make sure you have entered a valid e-mail address.');					
		}

		if(valid)
		{
			var redirectAddress = "process.asp?process=order&wines=" + wineList;
			redirectAddress = redirectAddress + "&region=" + regionID;
			redirectAddress = redirectAddress + "&firstname=" + firstname;
			redirectAddress = redirectAddress + "&lastname=" + lastname;
			redirectAddress = redirectAddress + "&address=" + address;
			redirectAddress = redirectAddress + "&citysuburb=" + citysuburb;
			redirectAddress = redirectAddress + "&stateregion=" + stateregion;
			redirectAddress = redirectAddress + "&postcode=" + postcode;
			redirectAddress = redirectAddress + "&phone=" + phone;
			redirectAddress = redirectAddress + "&mobile=" + mobile;
			redirectAddress = redirectAddress + "&email=" + email;
			redirectAddress = redirectAddress + "&contact=" + contact;
			redirectAddress = redirectAddress + "&signup=" + signup;
			
			window.location = redirectAddress;
		}
	}
	
	//================================================================================================
	// EVENTS FUNCTIONS
	//================================================================================================			
	var calculateSubTotal = function(productID){

		var element_qty = 'product_qty_' + productID;
		var element_price = 'product_price_' + productID;
		var element_subtotal = 'product_subtotal_' + productID;
		
		var qty = $(element_qty).get('value');
		var price = $(element_price).get('value');
		var subtotal = 0;
		
		if(IsNumeric(qty))
		{			
			
			if(qty == "")
			{
				qty = 0;
			}
			
			subtotal = qty * price;		
			$(element_subtotal).set('html', '$' + subtotal);
			
			calculateTotal();
		}
		else
		{
			var qty = $(element_qty).set('value', 0);
			alert("Please input numbers only");
		}
	}
	
	var calculateTotal = function(){
		var quantities = 0;
		var price = 0;
		var i;
		var arr_qty = $$('.quantities').get('value');
		var arr_price = $$('.subtotals').get('html');
		
		
		//calculate total quantity
		for(i=0;i<arr_qty.length;i++)
		{
			if(arr_qty[i] != "")
				quantities = quantities + parseInt(arr_qty[i]);
		}
		
		$('totalquantity').set('html', quantities + ' bottles');
		
		//calculate total price
		for(i=0;i<arr_price.length;i++)
		{
			if(arr_price[i] != "")
			{
				price = price + parseFloat(arr_price[i].replace('$', ''));
			}
		}
		
		$('totalprice').set('html', '$' + price);		
	}
	
	function setupActions()
	{		
		// rollover image for left menu
		if($chk($('menuorderwine')))
		{
			$('menuorderwine').addEvent(
				'mouseover', function(){
					$(this).set('class', 'orderwine_on');
			});
			$('menuorderwine').addEvent(
				'mouseout', function(){
					if(selectedMenu != "menuorderwine")
					{
						$(this).set('class', 'orderwine_off');					
					}
			});			
		}

		if($chk($('menufamily')))
		{		
			$('menufamily').addEvent(
				'mouseover', function(){
					$(this).set('class', 'OF_on');	
			});
			$('menufamily').addEvent(
				'mouseout', function(){
					if(selectedMenu != "menufamily")
					{	
						$(this).set('class', 'OF_off');						
					}
			});	
		}
		
		if($chk($('menuhome')))
		{		
			$('menuhome').addEvent(
				'mouseover', function(){
					$(this).set('class', 'OH_on');	
			});
			$('menuhome').addEvent(
				'mouseout', function(){
					if(selectedMenu != "menuhome")
					{
						$(this).set('class', 'OH_off');	
					}
			});	
		}			

		if($chk($('menuwines')))
		{			
			$('menuwines').addEvent(
				'mouseover', function(){
					$(this).set('class', 'OW_on');	
			});
			$('menuwines').addEvent(
				'mouseout', function(){
					if(selectedMenu != "menuwines")
					{
						$(this).set('class', 'OW_off');	
					}
			});				
		}
			
		if($chk($('menupuntersclub')))
		{			
			$('menupuntersclub').addEvent(
				'mouseover', function(){
					$(this).set('class', 'puntersclub_on');	
			});
			$('menupuntersclub').addEvent(
				'mouseout', function(){
					if(selectedMenu != "menupuntersclub")
					{
						$(this).set('class', 'puntersclub_off');	
					}
			});		
		}
			
		if($chk($('menudistribution')))
		{			
			$('menudistribution').addEvent(
				'mouseover', function(){
					$(this).set('class', 'distribution_on');	
			});
			$('menudistribution').addEvent(
				'mouseout', function(){
					if(selectedMenu != "menudistribution")
					{
						$(this).set('class', 'distribution_off');	
					}
			});	
		}
		
		if($chk($('banner_out')))
		{		
			$('banner_out').setStyle('display', 'none');
		}
		
		if($chk($('menuvirtualvintage')))
		{		
			$('menuvirtualvintage').addEvent(
				'mouseover', function(){
					$(this).set('class', 'VV_on');	
					showVVBanner();
			});
			$('menuvirtualvintage').addEvent(
				'mouseout', function(){
					if(selectedMenu != "menuvirtualvintage")
					{
						$(this).set('class', 'VV_off');	
						hideVVBanner();
					}
			});			
		}			
			
		if($chk($('vv_banner')))
		{			
			$('vv_banner').addEvent(
				'mouseover', function(){				
					showVVBanner();
			});
			$('vv_banner').addEvent(
				'mouseout', function(){				
					hideVVBanner();
			});			
		}
		
	}
	
	var checkIE6 = function(){
		if (BrowserDetect.browser == "Explorer" && BrowserDetect.version == "6")
			return true;
		else
			return false;
	};
	
	var setBasePlate = function(){
		
		if(!checkIE6())
		{			
			$('plate').setStyle('opacity', 0);
		}
		
	}
	
	var wrapper_h = 580; //follows css
	
	function resetPosition()
	{
		if ($chk($('contentwrapper')))
		{			
			var posIt = function(){ 
				var height = window.getHeight() - 20; 
				var diff = parseInt((height - wrapper_h) / 2);
				$('contentwrapper').setStyle('margin-top', diff);			
			};			
			posIt.periodical(200, this); 			
		}		
	}

	window.addEvent('domready', function(){

		setupActions();
		setBasePlate();
		resetPosition();
		
		renderSlideShow();
		//(function(){scrollMenu('menuhome');}).delay(1000);		
		//$('content').setStyle('display', 'none');
		//(function(){getContents(52, 181);}).delay(2500);				
	});
	
//-->