function init()
{
	if (contType=='com_g2bridge'){
		if($('gsPhoto'))
		{	
			
			var width;

			if(document.all)//for IE
			{
			 width=document.body.clientWidth; 
			
			}
			else if (document.layers) //for NS
			{
			 width=window.innerWidth;
			 
			}
			else
			{
				width = document.width;
			}

			var el =$('gsPhoto');
			var sizer = $(el).getSize();
			var winMiddle = width/2;
			
			var arrowX = winMiddle + sizer.x/2 -20;
			var elY = el.getStyle('top');
			var imgDivH = $('gsImageView').getStyle('height').toInt();
			var imgDivY = $('gsImageView').getPosition().y;
			var arrowY = imgDivY+(imgDivH/3) ;
			trace('sizerY: ',imgDivY);
			
			
			
			
			if($('prevArrow')){
				var h = $('prevArrow').getSize();
				$('prevArrow').setStyles({
				top: arrowY - h.y/2,
				right: arrowX,
				visibility: 'hidden'
				});
				
				$('prevMap').addEvents({
					'mouseover': function(){
						$('prevArrow').setStyle('visibility', 'visible');
					},
					'mouseout': function(){
						$('prevArrow').setStyle('visibility', 'hidden')
					}
					
				});
				
			}
			
			if($('nextArrow')){
				var h = $('nextArrow').getSize();
				$('nextArrow').setStyles({
				top: arrowY - h.y/2,
				left: arrowX,
				visibility: 'hidden'
				});
				
				$('nextMap').addEvents({
					'mouseover': function(){
						$('nextArrow').setStyle('visibility', 'visible');
					},
					'mouseout': function(){
						$('nextArrow').setStyle('visibility', 'hidden');
					}
					
				}); 
				
			}			
			
			
			
			var inMorph = new Fx.Morph(el, {
				duration: 2000,
				transition: Fx.Transitions.Expo.easeOut
			});
			
			
			
			function inMorphComplete()
			{
				//posArrows();
			}
			
			
			inMorph.addEvent('complete', inMorphComplete);
			
			inMorph.start({				
				'opacity':[0, 1],
				'width':[sizer.x,sizer.x],
				'height':[sizer.y, sizer.y]
			});
			
			var slideIt = new Fx.Slide(el, {
				duration: 1200,
				transition: Fx.Transitions.Expo.easeOut
			});
			slideIt.hide().slideIn();



		function posArrows()
		{
			
			
			
			if($('prevArrow')){
				
				var lArrow =$('prevArrow');
				lArrow.setStyle('top', 100);
				var h = lArrow.getSize();
				var larrowMorph = new Fx.Morph(lArrow, {duration: 400});
				larrowMorph.start({
					'width':[0, 150],
					right: [width, arrowX],
					top: [300, arrowY - h.y/2]
					
				});
				
			}
			
			if($('nextArrow')){
				var rArrow = $('nextArrow');
				rArrow.setStyle('top', 100);
				var h = rArrow.getSize();
				var rarrowMorph = new Fx.Morph(rArrow, {duration: 400});
				rarrowMorph.start({
					'width':[0, 150],
					left: [width-150, arrowX],
					top: [300, arrowY - h.y/2]
					
				});
			}
		}
			
			
		}

	}
	
}

function trace(tr1, tr2)
{
	$("traceit").innerHTML += tr1 + "<br/>";
	$("traceit").innerHTML += tr2 + "<br/>";
}

/*
window.addEvent('domready', function() {
	
	$$('a img').each(function(lin) {
		lin.addEvent('focus', function(e) {
			this.blur();
		});
	}); 

	/*
	element.addEvent('click', function(){
		myMorph.start({height: 400});
	});
	*/
/*
	function moveIt(){
		
	}
	
	// tooltips  
	var abbrTools = new Tips( $$( "abbr" ) );

});

*/
