// app

window.addEvent('domready',init)

function init(){
	attachHojasBanner()
	attachPieCU()
	asignBotones()
	goPrevBanner()
	attachHojas('de')
}

function attachPieCU(){
	var miPie= new pieCu('sub_nav02','blanco',false,true,true)
}

function attachHojasBanner(){
	new Swiff('img/hojitas_banner.swf',{id:'hojitas_swf',width:920,height:360,params:{wMode:'transparent',menu:'false'}}).inject($('hojas_mascara'))
}

function asignBotones(){
	$('btn_prev').addEvent('click',gotoPrev)
	$('btn_next').addEvent('click',gotoNext)
}

function removeBotones(){
	$('btn_prev').removeEvent('click',gotoPrev)
	$('btn_next').removeEvent('click',gotoNext)
}

function gotoPrev(){
	removeBotones()
	goNextBanner()
	attachHojas('iz')
}

function gotoNext(){
	removeBotones()
	goPrevBanner()
	attachHojas('de')
}

function attachHojas(target){
	var posI;
	var posF;
	
	/*if(target == 'iz'){
		posI = -1009 + 'px';
		posF = 920 + 'px';
	}else if(target == 'de'){
		posI = 920 + 'px';
		posF = -1009 + 'px';
	}
	
	new Fx.Morph($('hojas_mascara'),{
		duration: 2500,
		transition: Fx.Transitions.linear
	}).start({
		'margin-left':[posI,posF]
	})*/
	
	$('hojitas_swf').TPlay("_root/hojas01");
	$('hojitas_swf').TPlay("_root/hojas02");
	$('hojitas_swf').TPlay("_root/hojas03");
	$('hojitas_swf').TPlay("_root");
}

function checkBotones(){
	var pos = $('tira_banner').getStyle('margin-left').toInt()
	
	if(pos == 0){
		$('btn_prev').setStyle('display','none')
	}else{
		$('btn_prev').setStyle('display','block')
	}
	
	
	if(pos == ($('tira_banner').getElements('img').length - 1)*-920){
		$('btn_next').setStyle('display','none')
	}else{
		$('btn_next').setStyle('display','block')
	}
}

function goPrevBanner(){
	var posI = $('tira_banner').getStyle('margin-left').toInt() + 'px'
	var posF = $('tira_banner').getStyle('margin-left').toInt() - 920 + 'px'
	
	new Fx.Morph($('tira_banner'),{
		duration: 2500,
		transition: Fx.Transitions.Cubic.easeOut,
		onComplete: function(){
			checkBotones()
			asignBotones()
		}
	}).start({
		'margin-left':[posI,posF]
	})
}

function goNextBanner(){
	var posI = $('tira_banner').getStyle('margin-left').toInt() + 'px'
	var posF = $('tira_banner').getStyle('margin-left').toInt() + 920 + 'px'
	
	new Fx.Morph($('tira_banner'),{
		duration: 2500,
		transition: Fx.Transitions.Cubic.easeOut,
		onComplete: function(){
			checkBotones()
			asignBotones()
		}
	}).start({
		'margin-left':[posI,posF]
	})
}
