jQuery(function($) {
				
	$("span.image").mouseover(function() {		
		$("div.display_content > div").hide();
		var curImgIdx = $("span.image").index(this);
		setTimeout('overImg("'+curImgIdx+'")', 0)		
	});
	
	
	$("span.image").mouseout(function() {
		var curImgIdx = $("span.image").index(this);
		setTimeout('outImg("'+curImgIdx+'")', 0)		
	});
	
	
	// FLASH VIDEO IN OVERLAY
	$("a.video").fancybox({
		'hideOnContentClick': false
	});	
		
	$("div.story a").bind("mouseover", function() {
		var rel = $(this).attr('rel');		
		$("div."+rel).show();
	});
	
	$("div.story a").bind("mouseout", function() {
		var rel = $(this).attr('rel');		
		$("div."+rel).hide();
	});
	
	$("div.tooltip").bind("mouseover", function() {		
		$(this).show();
	});
	
	$("div.tooltip").bind("mouseout", function() {		
		$(this).hide();
	});
});


function overImg(idx) {
	
	var imageSrc = $('img', $("span.image:nth("+idx+")")).attr('src');
	imageSrc = imageSrc.split('/');
	
	var imgNameData = imageSrc[imageSrc.length - 1];
	var imgNameData = imgNameData.split('.');
	
	var imgName = imgNameData[0];
	var imgExt = imgNameData[1];
	
	var newImgName = imgName + '_hv.' + imgExt;
	
	var imgSrc = '';		
	for(i=0;i<imageSrc.length-1;i++) {
		imgSrc += imageSrc[i] + '/';	
	}
	
	var newImgSrc = imgSrc + newImgName;		
	
	$('img', $("span.image:nth("+idx+")")).css({opacity:'0.2'});

	$('img', $("span.image:nth("+idx+")")).attr('src', newImgSrc);				

	$('img', $("span.image:nth("+idx+")")).fadeTo(1000, 1.0);
	
	// END - ROUND IMAGE CODE
	
	// START - ARROW IMAGE CODE
	
	//$("span.image:nth("+idx+")").next('span.arrow').css({opacity:'0.2'});
	//$("span.image:nth("+idx+")").next('span.arrow').show();
	//$("span.image:nth("+idx+")").next('span.arrow').fadeTo(1000, 1.0);
	
	$("span.image:nth("+idx+")").next('span.arrow').show().stop().animate({ 
			marginTop: "10"			
	}, 500);

	
	// END - ARROW IMAGE CODE
	
	// START - MENU TEXT CODE

	var curImgIdx = idx;
	curImgIdx = parseInt(curImgIdx) + parseInt(1);
	
	var newClass = 'name' + curImgIdx + '_hv';
	
	$("span.image:nth("+idx+")").next().next('span.name').css({opacity:'0.2'});
	$("span.image:nth("+idx+")").next().next('span.name').fadeTo(500, 1.0);
	
	$("span.image:nth("+idx+")").next().next('span.name').addClass(newClass);
	$("span.image:nth("+idx+")").next().next('span.name').removeClass('name');	
	
	// END - MENU TEXT CODE
	
	// START - CONTENT SECTION		
	
	var curImgIdx = idx;
	curImgIdx = parseInt(curImgIdx) + parseInt(1);
	
	var newClass = 'image' + curImgIdx + '_content';
	
	$("div." + newClass, $("div.display_content")).fadeIn(1000);	
	
	$("div." + newClass, $("div.display_content")).addClass('dsp_content');
	
	// END - CONTENT SECTION		
}


function outImg(idx) {
	
	// START - ROUND IMAGE CODE
		
	var imageSrc = $('img', $("span.image:nth("+idx+")")).attr('src');
	imageSrc = imageSrc.split('/');
	
	var imgNameData = imageSrc[imageSrc.length - 1];
	var imgNameData = imgNameData.split('.');
	
	var imgName = imgNameData[0];
	imgName = imgName.replace('_hv', '');
	
	var imgExt = imgNameData[1];
	
	var newImgName = imgName + '.' + imgExt;
	
	var imgSrc = '';		
	for(i=0;i<imageSrc.length-1;i++) {
		imgSrc += imageSrc[i] + '/';	
	}
	
	var newImgSrc = imgSrc + newImgName;		
	
	$('img', $("span.image:nth("+idx+")")).css({opacity:'0.2'});

	$('img', $("span.image:nth("+idx+")")).attr('src', newImgSrc);				

	$('img', $("span.image:nth("+idx+")")).fadeTo(600, 1.0);	
	
	// END - ROUND IMAGE CODE
	
	// START - ARROW IMAGE CODE
	
	//$("span.image:nth("+idx+")").next('.arrow').hide();
	
	$("span.image:nth("+idx+")").next('span.arrow').stop().animate({ 
			marginTop: "-20"			
	}, 500);
	
	//$("span.image:nth("+idx+")").next('span.arrow').hide();
	// END - ARROW IMAGE CODE
	
	// START - MENU TEXT CODE
	
	//var curImgIdx = $("span.image").index(this);
	var curImgIdx = idx;
	curImgIdx = parseInt(curImgIdx) + parseInt(1);
	
	var newClass = 'name' + curImgIdx + '_hv';		
	
	$("span.image:nth("+idx+")").next().next('span.' + newClass).addClass('name');
	$("span.image:nth("+idx+")").next().next('span.' + newClass).removeClass(newClass);
	
	// END - MENU TEXT CODE
	
	// START - CONTENT SECTION
	
	//var curImgIdx = $("span.image").index(this);
	var curImgIdx = idx;
	curImgIdx = parseInt(curImgIdx) + parseInt(1);
	
	var newClass = 'image' + curImgIdx + '_content';
	
	$("div." + newClass, $("div.display_content")).hide();	
	
	$("div." + newClass, $("div.display_content")).removeClass('dsp_content');
	
	// END - CONTENT SECTION		
}