window.addEvent('domready', function(){

	/*************************************************************** 
		Tips Definition
	***************************************************************/
	var Tips1 = new Tips($$('.Tips1'));
	

	/*************************************************************** 
		sIFR Definition
	***************************************************************/	
	if(typeof sIFR == "function"){
		sIFR.replaceElement(named({sSelector:"h1,h2", sFlashSrc:"/public/flash/helvetica.swf", 
			sColor:"#6A6F4B", sLinkColor:"#000000", sBgColor:"#FFFFFF",	sHoverColor:"#CCCCCC", 
			nPaddingTop:0, nPaddingBottom:0, sFlashVars:"textalign=left&offsetTop=0", sWmode: "transparent"}));
		
	}
	
	/* CUFON */
	Cufon.replace('#index_baner_js big,#index_baner_js small',{fontFamily:'Helvetica Neue LT Pro',fontWeight:'400'});
	
	
	
	/*************************************************************** 
		Ticker Definition
	***************************************************************/

	if(typeof Ticker == "function"){
		var hor = new Ticker();
		hor.startTicker('newsHorizontal',{speed:700,delay:7500,direction:'horizontal'});
//		var hor2 = new Ticker('recipesHorizontal',{speed:100,delay:6500,direction:'horizontal'});	
	}

	
	$$('a').each(function(element,i){
		element.addEvent('click', function(){
			this.blur();
		});
	});
	
	
	// js ANIMATION INIT //
	if($('index_baner_js'))
	{
		// set txt bg dimensions
		$$('#index_baner_js span.text').each(function(txtbox)
		{
			txtbox.getPrevious().setStyle('width',txtbox.getSize().size.x);
			txtbox.getPrevious().setStyle('height',60);

			//txtbox.getElement('big').setOpacity(0);
			txtbox.getElement('big').setProperty('rel',txtbox.getElement('big').getSize().size.x);
			//txtbox.getElement('small').setOpacity(0);
			txtbox.getElement('small').setProperty('rel',txtbox.getElement('small').getSize().size.x);
		});
		//$('index_baner_js').effect('opacity').hide();
		
               	
                /*img_loaded = 0;
                images = $$('#index_baner_js ul li a img')
                images.each(function(item){
                    item.addEvent('load',function(event){
                        img_loaded++;
                        if(img_loaded == images.length) 
                        {
                        	console.log('ImgLoad:runBanners');
                        	runBanners(); 
                        }
                    });
                });*/

		//if(img_loaded == 0) {
			//console.log('Timeout:runBanners');
			//runBanners();
			window.setTimeout('runBanners()',2500);
		//}
	}
	//else alert('no banner');
});

function runBanners()
{
	$('index_baner_js').setStyle('visibility','visible');
    $('index_baner_js').effect('opacity').start(1);
    scrollBanner();
}

function scrollBanner()
{
	
	var baner = $('index_baner_js').getElement('li.active');
	if(!baner) {
		baner = $$('#index_baner_js li').getLast();
		baner.toggleClass('active');
	}
	var scrollHeight = -1 * (baner.getSize().size.y - $('index_baner_js').getSize().size.y);
        
	baner.getElement('img').effect('margin-top',{
		duration:6000,
		onStart: function(){
			if($('index_baner_js').getElement('li.active').getPrevious())
			{
				nextbanner = $('index_baner_js').getElement('li.active').getPrevious();
			}
			else nextbanner = $$('#index_baner_js li').getLast();
			nextbanner.setOpacity(1);
			nextbanner.setStyle('margin-top',0);
			
			// animate TXT
			baner.getElement('span.text big').effect('width',{
				duration:1500,
				onStart: function() {baner.getElement('span.text big').effect('opacity').start(1);}
			}).start(0,baner.getElement('span.text big').getProperty('rel'));
			
			baner.getElement('span.text small').effects({
				duration:1500,
				onStart:function(){baner.getElement('span.text small').effect('opacity').start(1);}
			}).start({'width':[0,baner.getElement('span.text small').getProperty('rel')],'margin-left':[baner.getElement('span.text small').getProperty('rel'),0]});
			
		},
		onComplete: function(){
			txtOpacity.delay(2000,this,baner);
		}
	}).start(scrollHeight);
        
}

function txtOpacity(baner)
{
	baner.getElement('span.text big').effect('width',{
		duration:1500,
		onComplete: function() {
			baner.getElement('span.text big').setOpacity(0);
			hiddeBanner(baner);
		}
	}).start(0);
	baner.getElement('span.text small').effects({
		duration:1500,
		onComplete:function(){
			baner.getElement('span.text small').setOpacity(0);
		}
	}).start({'width':0,'margin-left':[0,baner.getElement('span.text small').getProperty('rel')]});
}

function hiddeBanner(baner)
{
	baner.effect('opacity',{
		duration: 1500,
		onComplete: function(){
			// change active
			baner.getElement('img').setStyle('margin-top',0);
			if($('index_baner_js').getElement('li.active').getPrevious())
			{
				nextbanner = $('index_baner_js').getElement('li.active').getPrevious();
			}
			else nextbanner = $$('#index_baner_js li').getLast();
			nextbanner.toggleClass('active');
			baner.toggleClass('active');
			
			// run another animation
			scrollBanner();
		}
	}).start(0);
}