var moveFactor = 0;
var displacement = 0;
var foo = null;
var foo2 = null;
var foo5 = null;
var foo6 = null;
var currentBannerA = 1;
var currentBannerB = 1;
var isMoving = false;

var HObannerLeft = 0;

var bannerNumberA = 0;
var bannerNumberB = 0;

window.onload = init;

/*$().ready(function() {
	$(window).scroll(function() { 
		 $('bottombar').css('top', $(this).scrollTop() + "px");
	});
});*/


function init(){
  doOnLoad();
	centerBtmBar();
	doAutoRotateA();
}

function doAutoRotateA(){
	if (!isMoving){
		bannerNumberA++;
		if (bannerNumberA > 4){
			bannerNumberA = 1;
		}
		initSideBannerA(bannerNumberA);
		setTimeout(doAutoRotateB, 4000);
	}
}

function doAutoRotateB(){
	if (!isMoving){
		bannerNumberB++;
		if (bannerNumberB > 4){
			bannerNumberB = 1;
		}
		initSideBannerB(bannerNumberB);
		setTimeout(doAutoRotateA, 4000);
	}
}



function doBoxFadeIn(){
		moveFactor += 0.2;
	if ( moveFactor <= 1){
		displacement = Math.sin(Math.PI / 2 * moveFactor);
		foo.style.opacity =  displacement;
		foo.style.filter = 'alpha(opacity = ' + parseInt(displacement * 100) + ' )';
		foo.style.height = displacement * 250 + 'px' ;
		
		
		foo2.style.opacity = 1 - displacement;
		foo2.style.filter = 'alpha(opacity = ' + parseInt(displacement * 100) + ' )';
		foo2.style.height = ( 1 - displacement) * 250 + 'px' ;
		
		setTimeout(doBoxFadeIn,60);
	} else {
		moveFactor = 0;
		displacement = 0;
		isMoving = false;
		foo = null;

	}
}

function initSideBannerA(i){
	if (i != currentBannerA && isMoving == false){
		switch(i){
			case 1: foo = document.getElementById('side_a1_banner'); var foo4 = document.getElementById('side_banner_a1_header'); foo4.className = 'side_banner_header_active'; break;
			
			case 2: foo = document.getElementById('side_a2_banner'); var foo4 = document.getElementById('side_banner_a2_header');foo4.className = 'side_banner_header_active'; break;
			
			case 3: foo = document.getElementById('side_a3_banner'); var foo4 = document.getElementById('side_banner_a3_header');foo4.className = 'side_banner_header_active'; break;
			
			case 4: foo = document.getElementById('side_a4_banner'); var foo4 = document.getElementById('side_banner_a4_header');foo4.className = 'side_banner_header_active'; break;
		}
		switch(currentBannerA){
			case 1: foo2 = document.getElementById('side_a1_banner'); var foo4 = document.getElementById('side_banner_a1_header'); foo4.className = 'side_banner_header_normal'; break;
			
			case 2: foo2 = document.getElementById('side_a2_banner'); var foo4 = document.getElementById('side_banner_a2_header'); foo4.className = 'side_banner_header_normal'; break;
			
			case 3: foo2 = document.getElementById('side_a3_banner'); var foo4 = document.getElementById('side_banner_a3_header'); foo4.className = 'side_banner_header_normal'; break;
			
			case 4: foo2 = document.getElementById('side_a4_banner'); var foo4 = document.getElementById('side_banner_a4_header'); foo4.className = 'side_banner_header_normal'; break;
			
		}
		isMoving = true;
		//doBoxFadeOut();
		doBoxFadeIn();
		currentBannerA = i;
	}
}


function initSideBannerB(i){
	if (i != currentBannerB && isMoving == false){
		switch(i){
			case 1: foo = document.getElementById('side_b1_banner'); var foo4 = document.getElementById('side_banner_b1_header'); foo4.className = 'side_banner_header_active'; break;
			
			case 2: foo = document.getElementById('side_b2_banner'); var foo4 = document.getElementById('side_banner_b2_header');foo4.className = 'side_banner_header_active'; break;
			
			case 3: foo = document.getElementById('side_b3_banner'); var foo4 = document.getElementById('side_banner_b3_header');foo4.className = 'side_banner_header_active'; break;
			
			case 4: foo = document.getElementById('side_b4_banner'); var foo4 = document.getElementById('side_banner_b4_header');foo4.className = 'side_banner_header_active'; break;
		}
		switch(currentBannerB){
			case 1: foo2 = document.getElementById('side_b1_banner'); var foo4 = document.getElementById('side_banner_b1_header'); foo4.className = 'side_banner_header_normal'; break;
			
			case 2: foo2 = document.getElementById('side_b2_banner'); var foo4 = document.getElementById('side_banner_b2_header'); foo4.className = 'side_banner_header_normal'; break;
			
			case 3: foo2 = document.getElementById('side_b3_banner'); var foo4 = document.getElementById('side_banner_b3_header'); foo4.className = 'side_banner_header_normal'; break;
			
			case 4: foo2 = document.getElementById('side_b4_banner'); var foo4 = document.getElementById('side_banner_b4_header'); foo4.className = 'side_banner_header_normal'; break;
		}
		isMoving = true;
		doBoxFadeIn();
		//doBoxFadeOut();
		currentBannerB = i;
	}
}


function initPopIn( objectName ){
	if (!isMoving){
	switch (objectName){
		case 'a1': foo5 = document.getElementById('hot_deals_a1_banner'); foo6 = document.getElementById('hot_deals_a2_banner'); break;
		case 'b1': foo5 = document.getElementById('hot_deals_b1_banner'); foo6 = document.getElementById('hot_deals_b2_banner'); break;
		case 'c1': foo5 = document.getElementById('hot_deals_c1_banner'); foo6 = document.getElementById('hot_deals_c2_banner'); break;
	}
	//var color_mask = document.getElementById('mask');
	//color_mask.style.visibility = 'visible';
	var iReturnValue = 0;
	var tempObject = foo5;
	while( tempObject != null ) {
		iReturnValue += tempObject.offsetTop;
		tempObject = tempObject.offsetParent;
	}
	
	foo6.style.top = iReturnValue + 'px';
	//color_mask.style.top = iReturnValue + 1 + 'px';
	iReturnValue = 0;
	
	tempObject = document.getElementById('inner');;
	while( tempObject != null ) {
		iReturnValue += tempObject.offsetLeft;
		tempObject = tempObject.offsetParent;
	}
	HObannerLeft = iReturnValue + 12;
	//color_mask.style.left = 0;
	//color_mask.style.width = HObannerLeft + 'px';
	//color_mask.style.height = '500px';
	foo6.style.visibility = 'visible'; 
	doPopIn();	
	}
}

function doPopIn(){
	displacement = Math.sin(Math.PI / 2 * moveFactor);
	displacement = 1;
	foo5.style.opacity =  1 - displacement;
	foo6.style.opacity = displacement;
	var temp = 1 - displacement;
	
	foo5.style.filter = 'alpha(opacity = ' + parseInt(temp * 100) + ' )';
	

	foo6.style.filter = 'alpha(opacity = ' + parseInt(displacement * 100) + ' )';
	foo6.style.left = HObannerLeft - (1-displacement) * 1000 + 'px';
	
	if (moveFactor < 0.91) {
		moveFactor += 0.1;
		setTimeout(doPopIn,20);
		
	}else { 
		moveFactor = 0;
		displacement = 0;
		foo5 = null;
		
		foo6= null; 
		//var color_mask = document.getElementById('mask');
		//color_mask.style.visibility = 'hidden';
	}
}

function initPopOut( objectName ){
	if (!isMoving){
	switch (objectName){
		case 'a2':  
		foo5 = document.getElementById('hot_deals_a1_banner'); 
		foo6 = document.getElementById('hot_deals_a2_banner');break;
		
		case 'b2':  
		foo5 = document.getElementById('hot_deals_b1_banner'); 
		foo6 = document.getElementById('hot_deals_b2_banner');break;
		
		case 'c2':  
		foo5 = document.getElementById('hot_deals_c1_banner'); 
		foo6 = document.getElementById('hot_deals_c2_banner');break;
	}
	//var color_mask = document.getElementById('mask');
	//color_mask.style.visibility = 'visible';
	//color_mask.style.left = 0;
	
	var tempObject = foo5;
	var iReturnValue = 0;
	while( tempObject != null ) {
		iReturnValue += tempObject.offsetTop;
		tempObject = tempObject.offsetParent;
	}
	foo6.style.top = iReturnValue + 1 + 'px';
	//color_mask.style.top = iReturnValue + 1 + 'px';
	
	iReturnValue = 0;
	tempObject = document.getElementById('inner');;
	while( tempObject != null ) {
		iReturnValue += tempObject.offsetLeft;
		tempObject = tempObject.offsetParent;
	}
	
	//color_mask.style.width = iReturnValue + 12 + 'px';
	//color_mask.style.height = '500px';
	doPopOut();	
	}
}


function doPopOut(){
	displacement = Math.sin(Math.PI / 2 * moveFactor);
	displacement = 1;
	foo5.style.opacity = displacement;
	foo5.style.filter = 'alpha(opacity = ' + parseInt(displacement * 100) + ' )';
	foo6.style.opacity = 1 - displacement;
	var temp = 1-displacement
	foo6.style.filter = 'alpha(opacity = ' + parseInt(temp * 100) + ' )';
	//sin(4.7+x)+1
	displacement = 1.5 * Math.PI + Math.PI / 2 * moveFactor;
	displacement = Math.sin(displacement)+1;
	foo6.style.left = HObannerLeft - displacement * 1000 + 'px';
	if (moveFactor < 0.91){
		moveFactor += 0.1;
		setTimeout(doPopOut,20); 
	}else { 
		moveFactor = 0;
		displacement = 0;
		foo5 = null;
		foo6= null; 
		//var color_mask = document.getElementById('mask');
		//color_mask.style.visibility = 'hidden';
	}
}

function movePop(){
	var foo = document.getElementById('hot_deals_a1_banner'); 
	var foo2 = document.getElementById('hot_deals_a2_banner');
	
	var iReturnValue = 0;
	while( foo != null ) {
		iReturnValue += foo.offsetLeft;
		foo = foo.offsetParent;
	}
	foo2.style.left = iReturnValue + 'px';
	
	var foo = document.getElementById('hot_deals_b1_banner'); 
	var foo2 = document.getElementById('hot_deals_b2_banner');
	
	var iReturnValue = 0;
	while( foo != null ) {
		iReturnValue += foo.offsetLeft;
		foo = foo.offsetParent;
	}
	foo2.style.left = iReturnValue + 'px';
	
	var foo = document.getElementById('hot_deals_c1_banner'); 
	var foo2 = document.getElementById('hot_deals_c2_banner');
	
	var iReturnValue = 0;
	while( foo != null ) {
		iReturnValue += foo.offsetLeft;
		foo = foo.offsetParent;
	}
	foo2.style.left = iReturnValue + 'px';
	
	foo=null;
	
}
/*
function bottombarmove(){
	var foo3 = document.getElementById('bottombar');
	alert(document.body.scrollTop);
	foo3.style.bottom = 0 - document.body.scrollTop + 'px';
	foo3.style.left = (document.body.clientWidth - 1028)/2 + 'px';
}*/

function closeBottomBar(){
	var foo3 = document.getElementById('bottombar');
	foo3.style.visibility = 'hidden';
}

function centerBtmBar(){
	var foo3 = document.getElementById('bottombar');
	foo3.style.visibility = 'visible';
	foo3.style.left = (document.body.clientWidth - 1028)/2 + 'px';
}


var currentTab = 1;


function menu_choose(input){
	if (input != currentTab){
		switch (input){
			case 1: var foo = document.getElementById('toggle_flight'); break;
			case 2: var foo = document.getElementById('toggle_hotel'); break;
			case 3: var foo = document.getElementById('toggle_packages'); break;
			case 4: var foo = document.getElementById('toggle_nyo'); break;
		}
		foo.style.display = 'block';
		switch (input){
			case 1: foo = document.getElementById('tab1'); break;
			case 2: foo = document.getElementById('tab2'); break;
			case 3: foo = document.getElementById('tab3'); break;
			case 4: foo = document.getElementById('tab4'); break;
		}
		foo.className = 'book_tab_active';
		
		
		switch (currentTab){
			case 1: foo = document.getElementById('toggle_flight'); break;
			case 2: foo = document.getElementById('toggle_hotel'); break;
			case 3: foo = document.getElementById('toggle_packages'); break;
			case 4: foo = document.getElementById('toggle_nyo'); break;
		}
		foo.style.display = 'none';
		switch (currentTab){
			case 1: foo = document.getElementById('tab1'); break;
			case 2: foo = document.getElementById('tab2'); break;
			case 3: foo = document.getElementById('tab3'); break;
			case 4: foo = document.getElementById('tab4'); break;
		}
		foo.className = 'book_tab_normal';
		currentTab = input;
	}
	setCheckedValue(document.forms['Form1'].elements['rad_air'], 'a1');
	setCheckedValue(document.forms['Form1'].elements['rad_hotel'], 'h2');
	setCheckedValue(document.forms['Form1'].elements['rad_ah'], 'ah3');
	setCheckedValue(document.forms['Form1'].elements['rad_nyop'], 'n4');
}

function setCheckedValue(radioObj, newValue) {
	if(!radioObj)
		return;
	var radioLength = radioObj.length;
	if(radioLength == undefined) {
		radioObj.checked = (radioObj.value == newValue.toString());
		return;
	}
	for(var i = 0; i < radioLength; i++) {
		radioObj[i].checked = false;
		if(radioObj[i].value == newValue.toString()) {
			radioObj[i].checked = true;
		}
	}
}



function changeHD(HD_name){
	switch (HD_name){
		case 'a1': var HD_foo = document.getElementById('hot_deals_a1_banner'); 
		var HD_foo_2 = document.getElementById('hot_deals_a2_banner'); break;
		case 'a2': var HD_foo = document.getElementById('hot_deals_a2_banner'); 
		var HD_foo_2 = document.getElementById('hot_deals_a1_banner'); break;
		
		case 'b1': var HD_foo = document.getElementById('hot_deals_b1_banner'); 
		var HD_foo_2 = document.getElementById('hot_deals_b2_banner'); break;
		case 'b2': var HD_foo = document.getElementById('hot_deals_b2_banner'); 
		var HD_foo_2 = document.getElementById('hot_deals_b1_banner'); break;
		
		case 'c1': var HD_foo = document.getElementById('hot_deals_c1_banner'); 
		var HD_foo_2 = document.getElementById('hot_deals_c2_banner'); break;
		case 'c2': var HD_foo = document.getElementById('hot_deals_c2_banner'); 
		var HD_foo_2 = document.getElementById('hot_deals_c1_banner'); break;
	}
	
	HD_foo.style.display = 'none';
	HD_foo_2.style.display = 'block';
	
}