var x=2;
		window.addEvent('domready', function(){
var middlePos =0;
var imgNodeList;
var elt;
var i;
var imgid;
var linkPath ="";
var currentSliderPosition = 0;
var myslider = 0;
var sliderMove =0 ;
var gallery_pane_width = 6;
var thumbwidth = 102;
var url="http://www.ihg.ie/masthead-images.html?template=masthead_images";

			var szNormal = 110, szSmall  = 40, szFull   = 390, bgPos = 0 ;
			
			
			var kwicks = $$("#kwicks .kwick");
			kwicks.each(function(kwick, i) {
			kwick.setProperty('background','0');
			kwicks[x].setStyles('width:394px;background-position: 80px 0px;');
			kwicks[x].getFirst().setStyles('display:block');
			if(i != x){
			kwick.setStyles("width:" + szSmall + "px;");
			}
			});
			var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.quadOut});
			
			
			kwicks.each(function(kwick, i) {
				kwick.addEvent("mouseenter", function(event) {
				//if(kwick.getStyle("width").toInt() != 394 )
				//{
					var o = {};
					o[i] = {width: [kwick.getStyle("width").toInt(), szFull],
					backgroundPosition: [0,80]}
					kwick.setProperty('background','80')
					kwick.getFirst().setStyles('display:block;')
					kwicks.each(function(other, j) {
						if(i != j) {
							var w = other.getStyle("width").toInt();
							var k = other.getProperty("background");
							other.getFirst().setStyles('display:none;')
							if(w != szSmall) o[j] = {width: [w, szSmall],
							backgroundPosition: [k, 0]};
						other.setProperty('background','0')	
						}
						
					});
					fx.start(o);
					//}
				});
			});
			
			$("kwicks").addEvent("mouseleave", function(event) {
				var o = {};
				kwicks.each(function(kwick, i) {
					o[i] = {width: [kwick.getStyle("width").toInt(), szNormal],
					backgroundPosition: [kwick.getProperty("background").toInt(),0]
					}
					kwick.getFirst().setStyles('display:none;')
					kwick.setProperty('background','0')
				});
				fx.start(o);
			})
			
			var dataBar = $$("#data .image_link");

dataBar.each(function(image_link, i) {

gallery_pane_width += thumbwidth;
});
//alert($('data').getStyle('width').toInt())


buildScrollBar();
if($('data')){
sliderMove = Math.round(1000/ $('data').getElementsByClassName('image_link').length);

var mySlide = new Slider($('track1'), $('handle1'), {
	steps: 1000,
	onChange: function(v){
		
		currentSliderPosition = v;
	 
		updateScrolling(v);	
		//updateThumbnailsHighlite(Math.round(v/sliderMove));	
	}
}).set(0);


}

if ($('left_arrow')) {
$('left_arrow').onclick = clickPreviousScroll.bindAsEventListener('left_arrow');
}
if ($('right_arrow')) {
$('right_arrow').onclick = clickNextScroll.bindAsEventListener('right_arrow');
}

function clickPreviousScroll(e) {
   if (currentSliderPosition > sliderMove ){
        currentSliderPosition = currentSliderPosition - sliderMove;
    } else {
        currentSliderPosition = 0;
    }
    mySlide.set(currentSliderPosition);
	updateScrolling(currentSliderPosition);

  

}
function clickNextScroll(e) {
   
    if (currentSliderPosition < 1000 - sliderMove ){
        currentSliderPosition = currentSliderPosition + sliderMove;
    } else {
        currentSliderPosition = 1000;
    }
	mySlide.set(currentSliderPosition);
	updateScrolling(currentSliderPosition);
	
   
}

function updateScrolling(v){
    a = (gallery_pane_width-614)/1000;	
    $('data').setStyles('left:-' + (a*v) + 'px;width:'+ gallery_pane_width + 'px;')	
	
	
	}



dataBar.each(function(image_link, i) {
				image_link.addEvent("mouseenter", function(event) {
				dataBar.each(function(image_link, i){
				image_link.getFirst().removeClass('thumb_on');
				image_link.getPrevious().setStyles('display:none;');
				})
				image_link.getFirst().addClass('thumb_on');
				image_link.getPrevious().setStyles('display:block;');
								})
				
				});
dataBar.each(function(image_link, i) {
				image_link.addEvent("mouseleave", function(event) {
				dataBar.each(function(image_link, i){
				image_link.getPrevious().setStyles('display:none;');
				image_link.getFirst().removeClass('thumb_on');
				})
				
								})
				
				});				
				
	function buildScrollBar(){
	
	if (gallery_pane_width.toInt() >= 615){
		//alert($('data').getWidth());

$('scroll_bar').setHTML("<div id='left_arrow'></div><div id='track1'><div id='handle1'></div></div><div id='right_arrow'></div>");
		
	}
	}	


window.onload = function() {
	new Ajax(url,{onComplete: showResponse}).request();
	return false;
};

function showResponse(text,xmldata){

var imageSet = $A(xmldata.getElementsByTagName("image"));
imageSet.each(function(images, i) {					  
 timer += 6000;
 createNewImage.delay(timer,images);
 function createNewImage(){
 var imgid ="topLeft" + i;
var image = images.firstChild.nodeValue;

var linkPath = images.getAttribute('href');

//Get the src value
				var str2 = image.split("'",2);				
				var newImage 	= null;
					newImage 		= new Image();
					newImage.src 	= str2[1];
					
					 if (newImage.complete) {
						
						buildImage(newImage.src,(imgid),linkPath);
						//alert(i)
					 }else{				
	
	
	newImage.onload = function() {	
	buildImage(newImage.src,(imgid),linkPath);
	
					
		}
	
	}
	
 }
		
	 });	
};
		
//Eof DOM ready function			
		
		
		
		function buildImage(newImageSrc,imgid,linkPath) {
	// create new image	
	var newImg = new Element('img');
	newImg.setProperties({src:newImageSrc,
	id:imgid});
	newImg.setOpacity(0);
	
	var container = $('mast_left');
	container.appendChild(newImg);
	var fx = $(imgid).effect('opacity', {wait: false, duration: 1000, onComplete:imageRemove}).start(1);	
	$('mast_left').setProperty('href',linkPath);
	
	function imageRemove(){$A($('mast_left').getElementsByTagName('img')).each(function(r,cnt){
           	if($(r).getProperty('id')!=imgid){
            $(r).remove();
			return
			}
       
   });
}
}

});