// Define transition package
var tp_home = [], tp_work = [], tp_award = [];
var currentWorkSubsection, currentAwardsSubsection;

tp_home[0] = { name:'home-home', bg:'images/img/home.jpg', from: ['0','-150px'], to: ['0','-150px'] }; // default

tp_work[0] = { name:'work-home', bg: 'images/img/gt01.jpg', from: ['0','-300px'], to: ['-40px','-300px'] }; // default
tp_work[1] = { name:'vas', bg: 'images/img/app01.jpg', from: ['0','0'], to: ['-120px','-120px'] }; // mobile app
tp_work[2] = { name:'music', bg: 'images/img/mus01.jpg', from: ['-140px','-240px'], to: ['-10px','-240px'] }; // music
tp_work[3] = { name:'infotainment', bg: 'images/img/hkm01.jpg', from: ['0','0'], to: ['-40px','0'] }; // INFOTAINMENT
tp_work[4] = { name:'portal', bg: 'images/img/mbp01.jpg', from: ['0','0'], to: ['-40px','0'] }; // portal
tp_work[5] = { name:'snp', bg: 'images/img/snp01.jpg', from: ['0','0'], to: ['-40px','-80px'] }; // SNP
tp_work[6] = { name:'corp', bg: 'images/img/corp01.jpg', from: ['0','-100px'], to: ['-40px','-100px'] }; // CORP

tp_award[0] = { name:'intro', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // default
tp_award[1] = { name:'redherring_1', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // redherring_1
tp_award[2] = { name:'redherring_2', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // redherring_2
tp_award[3] = { name:'gmca', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // gmca
tp_award[4] = { name:'gmiaa', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // gmiaa
tp_award[5] = { name:'apict', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // apict
tp_award[6] = { name:'fnpa', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // fnpa
tp_award[7] = { name:'hkwtea', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // hkwtea
tp_award[8] = { name:'hkdea', bg: 'nil', from: ['0','0'], to: ['0','0'] }; // hkdea



function transitToHome() {
	
	var tp = tp_home[0];
	

	$('.sectionBody').hide();
	$('#home.sectionBody').show();

/*
	$('#home.sectionBody').css({
		'opacity': '0'
	}).animate({
		'opacity': '1'
	},{queue:false,duration:kFadeinDuration,easing:kFadeinEasingMode});
*/	
	$('.rollingImage').show();
   	$('.rollingImage').css({
   		'background':'#000 url('+tp.bg+') no-repeat 80px 0',
		'left':tp.from[0],
		'top':tp.from[1],
		'opacity':'0'
   	}).animate({
   		'left':tp.to[0],
   		'top':tp.to[1]
   	}, 
   	{queue:false,duration:kTransitionDuration,easing:kTransitionEasingMode
   	}).animate({
   		'opacity':'1'
   	},
   	{queue:false,duration:kFadeinDuration,easing:kFadeinEasingMode});
   	
}


function transitToWork(subsection) {

	var tp = tp_work[subsection];
	
	currentWorkSubsection = subsection; 
	
	
	$('.sectionBody').hide();
	$('#works.sectionBody .section').hide();

	if (tp.name) {
		$('#works.sectionBody').show();
		//$('#works.sectionBody .section').fadeOut(kTabFadeinDuration);
		$('#works.sectionBody #'+tp.name+'.section').fadeIn(kTabFadeinDuration);
		
		// left right navigation
		$('#works.sectionBody .btn_left').show();
		$('#works.sectionBody .btn_right').show();
		
	}

	$('.rollingImage').show();
   	$('.rollingImage').css({
   		'background':'url('+tp.bg+') no-repeat',
		'left':tp.from[0],
		'top':tp.from[1],
		'opacity':'0'
   	}).animate({
   		'left':tp.to[0],
   		'top':tp.to[1]
   	}, 
   	{queue:false,duration:kTransitionDuration,easing:kTransitionEasingMode
   	}).animate({
   		'opacity':'1'
   	},
   	{queue:false,duration:kFadeinDuration,easing:kFadeinEasingMode});
   	
   	$('#tab-works.subcat').fadeOut(400);
   	
}

function transitToAbout() {

	$('.sectionBody').hide();

	$('#about.sectionBody').show();
	$('#about.sectionBody .section').fadeIn(kTabFadeinDuration);

	$('.rollingImage').show();
   	$('.rollingImage').css({
   		'background':'url(images/img/gt03.jpg) no-repeat',
   		'left':'-20px',
   		'top':'-60px',
		'opacity':'0'
   	}).animate({
   		'left':'0',
   		'top':'-110px'
   	}, 
   	{queue:false,duration:kTransitionDuration,easing:kTransitionEasingMode
   	}).animate({
   		'opacity':'1'
   	},
   	{queue:false,duration:kFadeinDuration,easing:kFadeinEasingMode});
   	

}

function transitToAwards(section) {

	var tp = tp_award[section];

	if (tp) {
		$('#works.sectionBody').show();
		//$('#works.sectionBody .section').fadeOut(kTabFadeinDuration);
		$('#works.sectionBody #'+tp.name+'.section').fadeIn(kTabFadeinDuration);
		
		// left right navigation
		$('#works.sectionBody .btn_left').show();
		$('#works.sectionBody .btn_right').show();
		
	}


	$('.sectionBody').hide();

	$('#awards.sectionBody').show();
	$('#awards.sectionBody .section').fadeIn(kTabFadeinDuration);



	$('.rollingImage').show();
	$('.rollingImage').css({
   		'background':'url(images/img/awards.jpg) no-repeat',
   		'left':'-70px',
   		'top':'-60px',
		'opacity':'0'
   	}).animate({
   		'left':'-140px',
   		'top':'-20px'
   	},{queue:false,duration:kTransitionDuration,easing:kTransitionEasingMode
   	}).animate({
   		'opacity':'1'
   	},
   	{queue:false,duration:kFadeinDuration,easing:kFadeinEasingMode});
   	
}

function transitToTeam() {

	$('.sectionBody').hide();
	
	$('#team.sectionBody').show();
	$('#team.sectionBody .section').fadeIn(kTabFadeinDuration);
	

	$('.rollingImage').show();
	$('.rollingImage').css({
   		'background':'url(images/img/gt02.jpg) no-repeat',
   		'left':'-70px',
   		'top':'-300px',
		'opacity':'0'
   	}).animate({
   		'left':'0',
   		'top':'-300px'
   	}, {queue:false,duration:kTransitionDuration,easing:kTransitionEasingMode
   	}).animate({
   		'opacity':'1'
   	},
   	{queue:false,duration:kFadeinDuration,easing:kFadeinEasingMode});
}

function transitToContact() {

	$('.sectionBody').hide();
	
	$('#contact.sectionBody').show();
	$('#contact.sectionBody .section').fadeIn(kTabFadeinDuration);
	

	$('.rollingImage').show();
	$('.rollingImage').css({
   		'background':'url(images/img/contact.jpg) no-repeat',
   		'left':'-65px',
   		'top':'-150px',
		'opacity':'0'
   	}).animate({
   		'left':'-65px',
   		'top':'-20px'
   	}, {queue:false,duration:kTransitionDuration,easing:kTransitionEasingMode
   	}).animate({
   		'opacity':'1'
   	},
   	{queue:false,duration:kFadeinDuration,easing:kFadeinEasingMode});

}

function transitToFarm() {
	//TODO:
	window.location.href="http://farm.gtomato.com";
}
	

function transitToBlog() {
	//TODO:
	transitToHome();
}

function transitToPrev(section) {
	switch (section) {
		case 'works':
			if (currentWorkSubsection > 0) {
				transitToWork(currentWorkSubsection-1);
			} else { // round-robin loop
				transitToWork(currentWorkSubsection.length-1);
			}
		break;
		case 'awards':
			if (currentAwardsSubsection > 0) {
				transitToAwards(currentAwardsSubsection-1);
			} else { // round-robin loop
				transitToAwards(currentAwardsSubsection.length-1);
			}
		break;
	}
	return false;
}

function transitToNext(section) {
	switch (section) {
		case 'works':
			if (currentWorkSubsection < tp_work.length-1) {
				transitToWork(currentWorkSubsection+1);
			} else {
				transitToWork(0);
			}
		break;
		case 'awards':
			if (currentAwardsSubsection < tp_award.length-1) {
				transitToAwards(currentAwardsSubsection+1);
			} else {
				transitToAwards(0);
			}
		break;
	}
	
	return false;

}