// JavaScript Document
/* 
JS Document for HotTubsBarn.co.uk
Developed by Oncore Media for Harden's (www.hardens.com)
1st November 2008
Authors: NB (www.oncoremedia.com)
*/

/* Oncore | Mootools when page loads */

var Kwix = {   
  
    start: function(){   
        Kwix.parseKwicks();   
    },   
  
    parseKwicks: function(){   
  
        var squeeze_to = 150;   
        var max_width = 449;   
  
        //get original widths   
        var start_widths = new Array();   
        var kwicks = $$('#kwick .kwick');   
        var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition:Fx.Transitions.Cubic.easeOut});   
        kwicks.each(function(kwick, i){   
  
            start_widths[i] = kwick.getStyle('width').toInt();   
  
            //mouse is in, squeeze and expand   
            kwick.addEvent('mouseenter', function(e){   
  
                var obj = {};   
                obj[i] = {   
                    'width': [kwick.getStyle('width').toInt(), max_width]   
                };   
  
                var counter = 0;   
  
                kwicks.each(function(other, j){   
                    if (other != kwick){   
                        var w = other.getStyle('width').toInt();   
                        if (w != squeeze_to) obj[j] = {'width': [w,squeeze_to] };   
                    }   
                });   
                fx.start(obj);   
            }   
            );   
        });   
  
        //mouse is out, squeeze back   
        $('kwick').addEvent('mouseleave', function(e){   
            var obj = {};   
            kwicks.each(function(other, j){   
                obj[j] = {'width': [other.getStyle('width').toInt(), start_widths[j]]};   
            });   
            fx.start(obj);   
        });   
    }   
}; 

function Right(str, num)
{
      return str.substring(str.length-num);  // pull out right num
}
function Left(str, num)
{
      return str.substring(0,num);  // pull out right num
}

window.addEvent("domready", function(){

	if($('kwick')) {
		Kwix.parseKwicks();   
	};
	
	var communityInfo = new Accordion($('communityInfo'), 'h3.mainHeader', 'div.briefContent', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#a3ab82');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#a3ab82');
		}
	});
	
	var eventsInfo = new Accordion($('EventsInfo'), 'h3.mainHeader2', 'div.briefContent2', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#c29491');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#c29491');
		}
	});
	
	var eventsInfo = new Accordion($('NewsInfo'), 'h3.mainHeader3', 'div.briefContent3', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#7e88a0');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#7e88a0');
		}
	});
	
	
	new Asset.images(['/images/buttons/header/aboutus_o.png']);
	new Asset.images(['/images/buttons/header/contactus_o.png']);
	new Asset.images(['/images/buttons/header/home_o.png']);
	new Asset.images(['/images/buttons/header/showrooms_o.png']);
	
	new Asset.images(['/images/menu/background/logobluefade.png']);
	
	new Asset.images(['/images/menu/buttons/hot_tubs_range_o.png']);
	new Asset.images(['/images/menu/buttons/swim_spa_range_0.png']);
	new Asset.images(['/images/menu/buttons/spa_shelters_o.png']);
	new Asset.images(['/images/menu/buttons/infared_saunas_o.png']);
	new Asset.images(['/images/menu/buttons/hot_tub_accessories_o.png']);
	new Asset.images(['/images/menu/buttons/bbq_huts_o.png']);




	$('showroomMenus').addEvent('mouseenter', function() {
		$('showrooms').setStyle('display', 'block');
	});

	$('showroomMenus').addEvent('mouseleave', function() {
		$('showrooms').setStyle('display', 'none');
	});

	if($('header_home')) {
		/* mouseover */
		$('header_home').addEvent('mouseover', function() {
			$('header_home').setProperty('src', '/images/buttons/header/header_o-03.gif');
		});
		/* mouseout */
		$('header_home').addEvent('mouseout', function() {
			$('header_home').setProperty('src', '/images/buttons/header/header-03.gif');
		});
	};

	if($('header_gallery')) {
		/* mouseover */
		$('header_gallery').addEvent('mouseover', function() {
			$('header_gallery').setProperty('src', '/images/buttons/header/gallery-2.gif');
		});
		/* mouseout */
		$('header_gallery').addEvent('mouseout', function() {
			$('header_gallery').setProperty('src', '/images/buttons/header/gallery.gif');
		});
	};
	
	if($('header_testimonials')) {
		/* mouseover */
		$('header_testimonials').addEvent('mouseover', function() {
			$('header_testimonials').setProperty('src', '/images/buttons/header/header_o-99.gif');
		});
		/* mouseout */
		$('header_testimonials').addEvent('mouseout', function() {
			$('header_testimonials').setProperty('src', '/images/buttons/header/header-99.gif');
		});
	};
	if($('header_aboutus')) {
		/* mouseover */
		$('header_aboutus').addEvent('mouseover', function() {
			$('header_aboutus').setProperty('src', '/images/buttons/header/header_o-05.gif');
		});
		/* mouseout */
		$('header_aboutus').addEvent('mouseout', function() {
			$('header_aboutus').setProperty('src', '/images/buttons/header/header-05.gif');
		});
	};
	
	if($('header_showrooms')) {
		/* mouseover */
		$('header_showrooms').addEvent('mouseover', function() {
			$('header_showrooms').setProperty('src', '/images/buttons/header/header_o-07.gif');
		});
		/* mouseout */
		$('header_showrooms').addEvent('mouseout', function() {
			$('header_showrooms').setProperty('src', '/images/buttons/header/header-07.gif');
		});
	};
	
	if($('header_contact')) {
		/* mouseover */
		$('header_contact').addEvent('mouseover', function() {
			$('header_contact').setProperty('src', '/images/buttons/header/header_o-09.gif');
		});
		/* mouseout */
		$('header_contact').addEvent('mouseout', function() {
			$('header_contact').setProperty('src', '/images/buttons/header/header-09.gif');
		});
	};
	
	
	
	if($('menu_hot_tubs')) {
		/* mouseover */
		$('menu_hot_tubs').addEvent('mouseover', function() {
			$('menu_hot_tubs').setProperty('src', '/images/menu/buttons/hot_tubs_range_o.png');
		});
		/* mouseout */
		$('menu_hot_tubs').addEvent('mouseout', function() {
			$('menu_hot_tubs').setProperty('src', '/images/menu/buttons/hot_tubs_range.png');
		});
	};
	
	if($('menu_swim_spa')) {
		/* mouseover */
		$('menu_swim_spa').addEvent('mouseover', function() {
			$('menu_swim_spa').setProperty('src', '/images/menu/buttons/swim_spa_range_o.png');
		});
		/* mouseout */
		$('menu_swim_spa').addEvent('mouseout', function() {
			$('menu_swim_spa').setProperty('src', '/images/menu/buttons/swim_spa_range.png');
		});
	};
	
	if($('menu_infared_saunas')) {
		/* mouseover */
		$('menu_infared_saunas').addEvent('mouseover', function() {
			$('menu_infared_saunas').setProperty('src', '/images/menu/buttons/infared_saunas_o.png');
		});
		/* mouseout */
		$('menu_infared_saunas').addEvent('mouseout', function() {
			$('menu_infared_saunas').setProperty('src', '/images/menu/buttons/infared_saunas.png');
		});
	};
	
	if($('menu_hot_tub_accessories')) {
		/* mouseover */
		$('menu_hot_tub_accessories').addEvent('mouseover', function() {
			$('menu_hot_tub_accessories').setProperty('src', '/images/menu/buttons/hot_tub_accessories_o.png');
		});
		/* mouseout */
		$('menu_hot_tub_accessories').addEvent('mouseout', function() {
			$('menu_hot_tub_accessories').setProperty('src', '/images/menu/buttons/hot_tub_accessories.png');
		});
	};
	
	if($('menu_spa_shelters')) {
		/* mouseover */
		$('menu_spa_shelters').addEvent('mouseover', function() {
			$('menu_spa_shelters').setProperty('src', '/images/menu/buttons/spa_shelters_o.png');
		});
		/* mouseout */
		$('menu_spa_shelters').addEvent('mouseout', function() {
			$('menu_spa_shelters').setProperty('src', '/images/menu/buttons/spa_shelters.png');
		});
	};
	
	if($('menu_bbq_huts')) {
		/* mouseover */
		$('menu_bbq_huts').addEvent('mouseover', function() {
			$('menu_bbq_huts').setProperty('src', '/images/menu/buttons/bbq_huts_o.png');
		});
		/* mouseout */
		$('menu_bbq_huts').addEvent('mouseout', function() {
			$('menu_bbq_huts').setProperty('src', '/images/menu/buttons/bbq_huts.png');
		});
	};
	

	if($('hs1')) {
		$('hs1').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '0px');
		});
	};
	
	if($('hs2')) {
		$('hs2').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '-298px');
		});
	};
	
	if($('hs3')) {
		$('hs3').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '-596px');
		});
	};
	
	if($('hs4')) {
		$('hs4').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '-894px');
		});
	};
	
	if($('hs5')) {
		$('hs5').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '-1192px');
		});
	};
	
	if($('hs6')) {
		$('hs6').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '-1490px');
		});
	};
	
	if($('hs7')) {
		$('hs7').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '-1788px');
		});
	};
	
	if($('hs8')) {
		$('hs8').addEvent('mouseover', function() {
			$('hotspring').setStyle('margin-top', '-2086px');
		});
	};
	
	
	
	
	
	
	if($('sa1')) {
		$('sa1').addEvent('mouseover', function() {
			$('sanum').setStyle('margin-top', '0px');
		});
	};
	
	if($('sa2')) {
		$('sa2').addEvent('mouseover', function() {
			$('sanum').setStyle('margin-top', '-298px');
		});
	};
	
	if($('sa3')) {
		$('sa3').addEvent('mouseover', function() {
			$('sanum').setStyle('margin-top', '-596px');
		});
	};
	
	
	
	if($('ll1')) {
		$('ll1').addEvent('mouseover', function() {
			$('limelight').setStyle('margin-top', '0px');
		});
	};
	
	if($('ll2')) {
		$('ll2').addEvent('mouseover', function() {
			$('limelight').setStyle('margin-top', '-298px');
		});
	};
	
	if($('ll3')) {
		$('ll3').addEvent('mouseover', function() {
			$('limelight').setStyle('margin-top', '-596px');
		});
	};
	
	
	if($('tr1')) {
		$('tr1').addEvent('mouseover', function() {
			$('tiger').setStyle('margin-top', '0px');
		});
	};
	
	if($('tr2')) {
		$('tr2').addEvent('mouseover', function() {
			$('tiger').setStyle('margin-top', '-298px');
		});
	};
	
	if($('tr3')) {
		$('tr3').addEvent('mouseover', function() {
			$('tiger').setStyle('margin-top', '-596px');
		});
	};
	
	
	if($('ht1')) {
		$('ht1').addEvent('mouseover', function() {
			$('hotspot').setStyle('margin-top', '0px');
		});
	};
	
	if($('ht2')) {
		$('ht2').addEvent('mouseover', function() {
			$('hotspot').setStyle('margin-top', '-298px');
		});
	};
	
	if($('ht3')) {
		$('ht3').addEvent('mouseover', function() {
			$('hotspot').setStyle('margin-top', '-596px');
		});
	};
	
	
	if($('so1')) {
		$('so1').addEvent('mouseover', function() {
			$('solana').setStyle('margin-top', '0px');
		});
	};
	
	if($('so2')) {
		$('so2').addEvent('mouseover', function() {
			$('solana').setStyle('margin-top', '-298px');
		});
	};
	
	if($('so3')) {
		$('so3').addEvent('mouseover', function() {
			$('solana').setStyle('margin-top', '-596px');
		});
	};
	
	var SpaFolder = '/images/showroom/spa-shelters/shelters/';
	var className = 'selectedLink';
	
	if($('alink1')) {
		$('alink1').addEvent('click', function(e) {
			e.stop();
			var value = Right($('pic1').getProperty('src'),6);
			$('pic1').setProperty('src', SpaFolder+'1'+value);
			$('alink1').removeClass(className);
			$('alink2').removeClass(className);
			$('alink1').addClass(className);
		});
	};
	
	if($('alink2')) {
		$('alink2').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic1').getProperty('src'),6);
			$('pic1').setProperty('src', SpaFolder+'2'+value);
			$('alink1').removeClass(className);
			$('alink2').removeClass(className);
			$('alink2').addClass(className);
		});
	};
	
	if($('alink3')) {
		$('alink3').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic1').getProperty('src'),7),1);
			$('pic1').setProperty('src', SpaFolder+value+"_1.jpg");
			$('alink3').removeClass(className);
			$('alink4').removeClass(className);
			$('alink3').addClass(className);			
		});
	};
	
	if($('alink4')) {
		$('alink4').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic1').getProperty('src'),7),1);
			$('pic1').setProperty('src', SpaFolder+value+"_2.jpg");
			$('alink3').removeClass(className);
			$('alink4').removeClass(className);
			$('alink4').addClass(className);
		});
	};
	
	if($('blink1')) {
		$('blink1').addEvent('click', function(e) {
			e.stop();
			var value = Right($('pic2').getProperty('src'),8);
			$('pic2').setProperty('src', SpaFolder+'3'+value);
			$('blink1').removeClass(className);
			$('blink2').removeClass(className);
			$('blink1').addClass(className);
		});
	};
	
	if($('blink2')) {
		$('blink2').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic2').getProperty('src'),8);
			$('pic2').setProperty('src', SpaFolder+'4'+value);
			$('blink1').removeClass(className);
			$('blink2').removeClass(className);
			$('blink2').addClass(className);
		});
	};
	
	if($('blink3')) {
		$('blink3').addEvent('click', function(e) {
			e.stop();
			var value = Right($('pic2').getProperty('src'),9);
			var start = Left(value,2)
			var end = Right(value,6)
			$('pic2').setProperty('src', SpaFolder+start+'1'+end);
			$('blink3').removeClass(className);
			$('blink4').removeClass(className);
			$('blink3').addClass(className);
		});
	};
	
	if($('blink4')) {
		$('blink4').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic2').getProperty('src'),9);
			var start = Left(value,2)
			var end = Right(value,6)
			$('pic2').setProperty('src', SpaFolder+start+'2'+end);
			$('blink3').removeClass(className);
			$('blink4').removeClass(className);
			$('blink4').addClass(className);
		});
	};
	
	if($('blink5')) {
		$('blink5').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic2').getProperty('src'),9),3);
			$('pic2').setProperty('src', SpaFolder+value+"_3.jpg");
			$('blink5').removeClass(className);
			$('blink6').removeClass(className);
			$('blink5').addClass(className);
		});
	};
	
	if($('blink6')) {
		$('blink6').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic2').getProperty('src'),9),3);
			$('pic2').setProperty('src', SpaFolder+value+"_4.jpg");
			$('blink5').removeClass(className);
			$('blink6').removeClass(className);
			$('blink6').addClass(className);
		});
	};
	
	
	
	if($('clink1')) {
		$('clink1').addEvent('click', function(e) {
			e.stop();
			var value = Right($('pic3').getProperty('src'),8);
			$('pic3').setProperty('src', SpaFolder+'5'+value);
			$('clink1').removeClass(className);
			$('clink2').removeClass(className);
			$('clink1').addClass(className);
		});
	};
	
	if($('clink2')) {
		$('clink2').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic3').getProperty('src'),8);
			$('pic3').setProperty('src', SpaFolder+'6'+value);
			$('clink1').removeClass(className);
			$('clink2').removeClass(className);
			$('clink2').addClass(className);
		});
	};
	
	if($('clink3')) {
		$('clink3').addEvent('click', function(e) {
			e.stop();
			var value = Right($('pic3').getProperty('src'),9);
			var start = Left(value,2)
			var end = Right(value,6)
			$('pic3').setProperty('src', SpaFolder+start+'3'+end);
			$('clink3').removeClass(className);
			$('clink4').removeClass(className);
			$('clink3').addClass(className);
		});
	};
	
	if($('clink4')) {
		$('clink4').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic3').getProperty('src'),9);
			var start = Left(value,2)
			var end = Right(value,6)
			$('pic3').setProperty('src', SpaFolder+start+'4'+end);
			$('clink3').removeClass(className);
			$('clink4').removeClass(className);
			$('clink4').addClass(className);
		});
	};
	
	if($('clink5')) {
		$('clink5').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic3').getProperty('src'),9),3);
			$('pic3').setProperty('src', SpaFolder+value+"_5.jpg");
			$('clink5').removeClass(className);
			$('clink6').removeClass(className);
			$('clink5').addClass(className);
		});
	};
	
	if($('clink6')) {
		$('clink6').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic3').getProperty('src'),9),3);
			$('pic3').setProperty('src', SpaFolder+value+"_6.jpg");
			$('clink5').removeClass(className);
			$('clink6').removeClass(className);
			$('clink6').addClass(className);
		});
	};
	
	if($('dlink1')) {
		$('dlink1').addEvent('click', function(e) {
			e.stop();
			var value = Right($('pic4').getProperty('src'),8);
			$('pic4').setProperty('src', SpaFolder+'7'+value);
			$('dlink1').removeClass(className);
			$('dlink2').removeClass(className);
			$('dlink3').removeClass(className);
			$('dlink1').addClass(className);
		});
	};
	
	if($('dlink2')) {
		$('dlink2').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic4').getProperty('src'),8);
			$('pic4').setProperty('src', SpaFolder+'8'+value);
			$('dlink1').removeClass(className);
			$('dlink2').removeClass(className);
			$('dlink3').removeClass(className);
			$('dlink2').addClass(className);
		});
	};
	
	if($('dlink3')) {
		$('dlink3').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic4').getProperty('src'),8);
			$('pic4').setProperty('src', SpaFolder+'9'+value);
			$('dlink1').removeClass(className);
			$('dlink2').removeClass(className);
			$('dlink3').removeClass(className);
			$('dlink3').addClass(className);
		});
	};
	
	if($('dlink4')) {
		$('dlink4').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic4').getProperty('src'),9);
			var start = Left(value,2)
			var end = Right(value,6)
			$('pic4').setProperty('src', SpaFolder+start+'1'+end);
			$('dlink4').removeClass(className);
			$('dlink5').removeClass(className);
			$('dlink6').removeClass(className);
			$('dlink4').addClass(className);
		});
	};
	
	if($('dlink5')) {
		$('dlink5').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic4').getProperty('src'),9);
			var start = Left(value,2)
			var end = Right(value,6)
			$('pic4').setProperty('src', SpaFolder+start+'2'+end);
			$('dlink4').removeClass(className);
			$('dlink5').removeClass(className);
			$('dlink6').removeClass(className);
			$('dlink5').addClass(className);
		});
	};
	
	if($('dlink6')) {
		$('dlink6').addEvent('click', function(e) {
			e.stop();								   
			var value = Right($('pic4').getProperty('src'),9);
			var start = Left(value,2)
			var end = Right(value,6)
			$('pic4').setProperty('src', SpaFolder+start+'3'+end);
			$('dlink4').removeClass(className);
			$('dlink5').removeClass(className);
			$('dlink6').removeClass(className);
			$('dlink6').addClass(className);
		});
	};
	
	if($('dlink7')) {
		$('dlink7').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic4').getProperty('src'),9),3);
			$('pic4').setProperty('src', SpaFolder+value+"_1.jpg");
			$('dlink7').removeClass(className);
			$('dlink8').removeClass(className);
			$('dlink7').addClass(className);
		});
	};
	
	if($('dlink8')) {
		$('dlink8').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic4').getProperty('src'),9),3);
			$('pic4').setProperty('src', SpaFolder+value+"_2.jpg");
			$('dlink7').removeClass(className);
			$('dlink8').removeClass(className);
			$('dlink8').addClass(className);
		});
	};
	
	if($('elink1')) {
		$('elink1').addEvent('click', function(e) {
			e.stop();
			var value = Left(Right($('pic5').getProperty('src'),9),3);
			$('pic5').setProperty('src', SpaFolder+value+"_1.jpg");
			$('elink1').removeClass(className);
			$('elink2').removeClass(className);
			$('elink3').removeClass(className);
			$('elink1').addClass(className);
		});
	};
	
	if($('elink2')) {
		$('elink2').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic5').getProperty('src'),9),3);
			$('pic5').setProperty('src', SpaFolder+value+"_2.jpg");
			$('elink1').removeClass(className);
			$('elink2').removeClass(className);
			$('elink3').removeClass(className);
			$('elink2').addClass(className);
		});
	};
	
	if($('elink3')) {
		$('elink3').addEvent('click', function(e) {
			e.stop();								   
			var value = Left(Right($('pic5').getProperty('src'),9),3);
			$('pic5').setProperty('src', SpaFolder+value+"_3.jpg");
			$('elink1').removeClass(className);
			$('elink2').removeClass(className);
			$('elink3').removeClass(className);
			$('elink3').addClass(className);
		});
	};
});