jQuery(document).ready(function () {
	gwhomeslides.init();
});

gwhomeslides = {
		
	linktoall: '',
	slide: new Array(),
	position: 0,
	autorotate: true,
	interval: 300,
	pausetime: 1000,
	timer: 300,
	pauseflag: false,
	
	init: function () {
		container = jQuery('div.gwhomeslides');
		gwhomeslides.interval = container.attr('interval');
		gwhomeslides.timer = gwhomeslides.interval;
		gwhomeslides.pausetime = container.attr('pausetime');
		container.find('div.slide').each(function (index) {
			gwhomeslides.slide[index] = new Array();
			gwhomeslides.slide[index][0] = jQuery(this).find('.link').attr('href');
			gwhomeslides.slide[index][1] = jQuery(this).find('.title').html();
			gwhomeslides.slide[index][2] = jQuery(this).find('.byline').html();
			gwhomeslides.slide[index][3] = jQuery(this).find('.thumbnail').attr('src');
			gwhomeslides.slide[index][4] = jQuery(this).find('.image').attr('src');			
		});
		jQuery('div.gwhomeslides').html(gwhomeslides.layout());
		gwhomeslides.load('front',gwhomeslides.position);
		gwhomeslides.load('back',gwhomeslides.position++);
		thumbs = jQuery('div.gwhomeslides .thumbnails');
		textlinks = jQuery('div.gwhomeslides .textlinks');		
		for (index=0;index<5;index++) {
			thumbs.find('.thumblink-'+(index+1)).attr('src',gwhomeslides.slide[index][3]);
			//add links to blog from the thumbnails.  <a> is the parent()
			//thumbs.find('.thumblink-'+(index+1)).parent().attr('href',gwhomeslides.slide[index][0]);
			textlinks.find('.textlink-'+(index+1)).html(
					//'<a href="javascript:gwhomeslides.trans('+index+')">'
					 //gwhomeslides.slide[index][1].substring(0,14)+ '...'
					 '<a href="'+ gwhomeslides.slide[index][0] + '">' + gwhomeslides.slide[index][1] + '</a>');
					//+ '...</a>';
		}
		thumbs.find('.thumblink-1').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(0);});
		thumbs.find('.thumblink-2').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(1);});
		thumbs.find('.thumblink-3').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(2);});
		thumbs.find('.thumblink-4').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(3);});
		thumbs.find('.thumblink-5').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(4);});
		thumbs.find('.thumblink').mouseover(function () {
			pos = jQuery(this).attr('pos');
			target = jQuery('div.gwhomeslides .textlinks .textlink-'+pos)
			if (!target.hasClass('selected')) {
				jQuery(this).addClass('mouseover');
				target.addClass('mouseover');
			}
		});
		thumbs.find('.thumblink').mouseout(function () {
			pos = jQuery(this).attr('pos');
			jQuery(this).removeClass('mouseover');
			jQuery('div.gwhomeslides .textlinks .textlink-'+pos).removeClass('mouseover');
		});
		textlinks.find('.textlink-1').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(0);});
		textlinks.find('.textlink-2').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(1);});
		textlinks.find('.textlink-3').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(2);});
		textlinks.find('.textlink-4').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(3);});
		textlinks.find('.textlink-5').click(function () {gwhomeslides.pausetimer();gwhomeslides.trans(4);});
		textlinks.find('.textlink').mouseover(function () {
			pos = jQuery(this).attr('pos');
			target = jQuery('div.gwhomeslides .thumbnails .thumblink-'+pos);
			if (!target.hasClass('selected')) {
				jQuery(this).addClass('mouseover');
				target.addClass('mouseover');
			}
		});
		textlinks.find('.textlink').mouseout(function () {
			pos = jQuery(this).attr('pos');
			jQuery(this).removeClass('mouseover');
			jQuery('div.gwhomeslides .thumbnails .thumblink-'+pos).removeClass('mouseover');
		});
		gwhomeslides.cycle();
	},
	
	cycle: function () {
		if (gwhomeslides.timer == 0) {
			gwhomeslides.next();
			gwhomeslides.timer = gwhomeslides.interval;
			timerRunning = true;
			timerID = self.setTimeout("gwhomeslides.cycle()");
		} else {
        	self.status = gwhomeslides.timer;
			gwhomeslides.timer--;
			timerRunning = true;
			timerID = self.setTimeout("gwhomeslides.cycle()");
        }
		//jQuery('div.debug').html('slide changes in '+gwhomeslides.timer+' miliseconds');
	},
	
	pausetimer: function () {
		gwhomeslides.timer = gwhomeslides.pausetime;
	},
	
	next: function () {
		if (gwhomeslides.position >4) {
			gwhomeslides.position = 0;	
		}
		gwhomeslides.trans(gwhomeslides.position++);
	},
	
	trans: function (index) {
		thumbs = jQuery('div.gwhomeslides .thumbnails');
		textlinks = jQuery('div.gwhomeslides .textlinks');
		gwhomeslides.load('back',index);
		jQuery('div.gwhomeslides .slide-front').fadeOut(800, function () {
			gwhomeslides.load('front',index);
			jQuery('div.gwhomeslides .slide-front').fadeIn(1);
			for (pos=0;pos<5;pos++) {
				thumbs.find('.thumblink-'+(pos+1)).removeClass('selected');
				textlinks.find('.textlink-'+(pos+1)).removeClass('selected');
			}
			textlinks.find('.textlink-'+(index+1)).addClass('selected');
			thumbs.find('.thumblink-'+(index+1)).addClass('selected');
		});
		gwhomeslides.position = index+1;
	},
	
	load: function (slide, index) {
		target = jQuery('div.gwhomeslides .slide-'+slide);
		target.find('.link').attr('href',gwhomeslides.slide[index][0]);
		target.find('.title').html(gwhomeslides.slide[index][1]);
		target.find('.byline').html(gwhomeslides.slide[index][2]);
		target.find('.thumbnail').attr('src',gwhomeslides.slide[index][3]);
		target.find('.image').attr('src',gwhomeslides.slide[index][4]);
	},
	
	rotate: function () {
		//while (true) {
			//jQuery().delay(1000);
			//gwhomeslides.trans(4);
		//}
	},
	
	layout: function () {
		return ''
			+'<div class="imageblock">'
			+'<!-- Slide (back) -->'
			+'<div class="slide slide-back">'
			+'<img class="image" src=""/>'
			+'<a class="link" href="">'
			+'<div class="titlearea">'
			+'<div class="title"></div>'	
			+'<div class="byline"></div>'
			+'</div>'
			+'</a>'
			+'</div>'
			+'<!-- Slide (front) -->'
			+'<div class="slide slide-front">'
			+'<img class="image" src=""/>'
			+'<a class="link" href="">'
			+'<div class="titlearea">'
			+'<div class="title"></div>'	
			+'<div class="byline"></div>'
			+'</div>'
			+'</a>'
			+'</div>'
			+'</div>'
			+'<!-- Text Links -->'
			+'<div class="textlinks">'
			+'<div class="textlink textlink-1 selected" pos="1"></div>'
			+'<div class="textlink textlink-2" pos="2"></div>'
			+'<div class="textlink textlink-3" pos="3"></div>'
			+'<div class="textlink textlink-4" pos="4"></div>'
			+'<div class="textlink textlink-5" pos="5"></div>'
			+'</div>'
			+'<!-- Thumbnails -->'
			+'<div class="thumbnails">'
			+'<a><img class="thumblink thumblink-1 selected" pos="1" /></a>'
			+'<a><img class="thumblink thumblink-2" pos="2" /></a>'
			+'<a><img class="thumblink thumblink-3" pos="3" /></a>'
			+'<a><img class="thumblink thumblink-4" pos="4" /></a>'
			+'<a><img class="thumblink thumblink-5" pos="5" /></a>'			
			+'</div>'
			;
	},
}