var imagePathX;
var imagePathY;
var imageResize;
var imageResizeOffset = 75;
var imageResizeAmp = 25;
var pathScaleFactor = 150; //in px
var yFactor = 0.8;
var xFactor = 2;

var imageScale = new Array(110, 90, 67, 56, 50, 60, 71, 90); // % scales of images

var sectionHeading = new Array(
	'solar ELECTRICITY',
	'global WARMING',
	'teacher PORTAL',
	'student PORTAL',
	'career PROFILES',
	'career PROFILES',
	'bio FUELS',
	'wind ENERGY'
	);
var sectionSubheading = new Array(
	'Transforming light energy into electrical energy.',
	'Evidence, causes and effects.',
	'Sample materials, advice, support, professional development, log in to resources.',
	'On-line pre-test, post-test and evaluation survey, information, links to recommended sites.',
	'Renewable energy career profiles, job descriptions, study and training.',
	'Renewable energy career profiles, job descriptions, study and training.',
	'Producing and using bio-fuels, associated issues.',
	'Transforming the energy of moving air into electrical energy.'
	);

//var imageResizeOffset = 75;
//var imageResizeAmp = 25;
//var pathScaleFactor = 130; //in px
//var yFactor = 1;
//var xFactor = 2;

function generatePath() {
	var iPX = new Array();
	var iPY = new Array();
	var iPs = new Array();
	var counter = 0;
	var counter2 = 0;
	
	while(counter <= (7/8)) {
		sinewave = Math.sin(2*Math.PI*counter);
		iPX[counter2] = -1* pathScaleFactor*xFactor*sinewave + 400;
		iPY[counter2] = pathScaleFactor*yFactor*Math.cos(2*Math.PI*counter) + 250;
		iPs[counter2] = sinewave*imageResizeAmp + imageResizeOffset;

		counter = counter + (1/8);
		counter2 = counter2 + 1;
		
		
	}
	
	return new Array(iPX,iPY,iPs);
	
}

function showHomepageInfo(navE) {
	navE = navE - 1;
	$('homeNavPopup').update('<h2>' + sectionHeading[navE] + '</h2><p>'+ sectionSubheading[navE] +'</p>');	
}

function hideHomepageInfo(){
	$('homeNavPopup').update('');
	
}

function hideAllHomepageBut(exclude) {
	exclude = exclude - 1;
	it1 = 0;
	$$('.hImageContainer').each(function(e){
		if (it1 != exclude) new Effect.Fade(e, {duration: 0.6});
		//$('test2').morph('top:133px');
		it1 = it1 + 1;
	});
	
}

function followLink(number, link) {
	hideAllHomepageBut(number);
	//number = number - 1;
	var concat = '#homepageImage' + number + ' .hImageReflect';
	var concat2 = '#homepageImage' + number + ' .hImage';
	var rescale = 100 + (100 - imageScale[number - 1]);
	//alert(rescale);
	($$(concat)).each(function(e) {new Effect.Fade(e, {duration:0.4,delay:0,queue:'end'}) });
	($$(concat2)).each(function(e) {new Effect.Scale(e, 100, {duration:1, delay:0, queue:'end', scaleFrom: imageScale[number - 1], scaleFromCenter: false, scaleMode: { originalHeight: 166, originalWidth: 244 }}) });
	

	new Effect.Move($('homepageImage' + number), {duration:1.3, delay:1, x:30, y:237, mode: 'absolute', afterFinish: function() {
	//	navigateTo(link);
	window.location.pathname = '/' + link + '/';
		
	}});
	//new Effect.Scale($('homepageImage' + number), {duration:1, delay:1, x:50, y:300, mode: 'absolute'});
	
}

function arrangeHomepage() {
//alert('test');	
	//new Effect.Scale('homepageImage1', 50);

	
	
	it1 = 0;
	$$('.hImageContainer > .hImage').each(function(e){
		new Effect.Scale(e, imageScale[it1], {scaleFromCenter: false});
		//$('test2').morph('top:133px');
		it1 = it1 + 1;
	});
	
	it1 = 0
	
	$$('.hImageContainer > .hImageReflect').each(function(e){
		new Effect.Scale(e, imageScale[it1], {scaleFromCenter: false});
		e.morph('top:' + Math.round(166 * (imageScale[it1] / 100)) + 'px');
		it1 = it1 + 1;
	});
	
	pathvars = generatePath();
	imagePathX = pathvars[0];
	imagePathY = pathvars[1];
	imageResize = pathvars[2];
	
	$('homepageImage1').setStyle({zIndex: 10});
	$('homepageImage2').setStyle({zIndex: 8});
	$('homepageImage3').setStyle({zIndex: 7});
	$('homepageImage4').setStyle({zIndex: 6});
	$('homepageImage5').setStyle({zIndex: 5});
	$('homepageImage6').setStyle({zIndex: 6});
	$('homepageImage7').setStyle({zIndex: 7});
	$('homepageImage8').setStyle({zIndex: 8});
	//new Effect.Opacity('homepageImage2', { from: 1.0, to: 0.8, duration: 0 });
	//new Effect.Opacity('homepageImage3', { from: 1.0, to: 0.7, duration: 0 });
	//new Effect.Opacity('homepageImage4', { from: 1.0, to: 0.6, duration: 0 });
	//new Effect.Opacity('homepageImage5', { from: 1.0, to: 0.5, duration: 0 });
	//new Effect.Opacity('homepageImage6', { from: 1.0, to: 0.6, duration: 0 });
	//new Effect.Opacity('homepageImage7', { from: 1.0, to: 0.7, duration: 0 });
	//new Effect.Opacity('homepageImage8', { from: 1.0, to: 0.8, duration: 0 });
	

	//new Effect.Scale('homepageImage1', 50, {duration:1, scaleFromtCenter: false});
	//new Effect.Scale('hI1_reflect', 110, {duration:1, scaleFromtCenter: false});
//	new Effect.Scale('homepageImage2', 90, {duration:1, scaleFromCenter: true });//
//	new Effect.Scale('homepageImage3', 67, {duration:1, scaleFromCenter: true });
//	new Effect.Scale('homepageImage4', 56, {duration:1, scaleFromCenter: true });
//	new Effect.Scale('homepageImage5', 50, {duration:1, scaleFromCenter: true });
//	new Effect.Scale('homepageImage6', 60, {duration:1, scaleFromCenter: true });
//	new Effect.Scale('homepageImage7', 71, {duration:1, scaleFromCenter: true });
	//new Effect.Scale('homepageImage8', 90, {duration:1.5, scaleFromCenter: true, afterFinish:function(){
	//	test = $('homepageImage2').getElementsByClassName('hImageReflect');
	//	(test).each(function(s){s.hide();});
	//	setInterval('wiggle(\'homepageImage1\')', 1500);
	//new Effect.Move('homepageImage1', { x: imagePathX[0], y: imagePathY[0], mode: 'absolute' });
	//new Effect.Move('homepageImage2', { x: imagePathX[1], y: imagePathY[1], mode: 'absolute' });
	//new Effect.Move('homepageImage3', { x: imagePathX[2], y: imagePathY[2], mode: 'absolute' });
	//new Effect.Move('homepageImage4', { x: imagePathX[3], y: imagePathY[3], mode: 'absolute' });
	//new Effect.Move('homepageImage5', { x: imagePathX[4], y: imagePathXathY[4], mode: 'absolute' });
	//new Effect.Move('homepageImage6', { x: imagePathX[5], y: imagePathY[5], mode: 'absolute' });
	//new Effect.Move('homepageImage7', { x: imagePathX[6], y: imagePathY[6], mode: 'absolute' });
	//new Effect.Move('homepageImage8', { x: imagePathX[7], y: imagePathY[7], mode: 'absolute', afterFinish:function() {}});
	
	new Effect.Move('homepageImage1', { x: -120, y: 40, mode: 'relative' });
	new Effect.Move('homepageImage2', { x: -330, y: -60, mode: 'relative' });
	new Effect.Move('homepageImage3', { x: -190, y: -145, mode: 'relative' });
	new Effect.Move('homepageImage4', { x: -40, y: -200, mode: 'relative' });
	new Effect.Move('homepageImage5', { x: 95, y: -220, mode: 'relative' });
	new Effect.Move('homepageImage6', { x: 210, y: -165, mode: 'relative' });
	new Effect.Move('homepageImage7', { x: 320, y: -80, mode: 'relative' });
	new Effect.Move('homepageImage8', { x: 130, y: 20, mode: 'relative', afterFinish:function() {}});
	new Effect.Fade('brandMark', {duration: 1.0});
	
}




Event.observe(window, 'load', function(){if (window.location.pathname == '/') arrangeHomepage();});