//Namespace
YAHOO.namespace('UC');

//Shortcut
var Dom = YAHOO.util.Dom, Event =  YAHOO.util.Event, Selector = YAHOO.util.Selector; 




//////////////////////////////////////////////////////////////////////////// 
// Fix IE6 Background Flick
//////////////////////////////////////////////////////////////////////////// 
if(YAHOO.env.ua.ie<=6){
	try {
		document.execCommand("BackgroundImageCache", false, true);
	} catch (e) {}
}



//////////////////////////////////////////////////////////////////////////// 
// News link fade play
////////////////////////////////////////////////////////////////////////////
YAHOO.UC.NewsLink = function(){
	
	var obj = Selector.query('ul', 'newslink', true);

	var listElements = Selector.query('li', 'newslink');

	var listArray = [];
	
	var lineHeight = Selector.query('ul li', 'newslink', true)?Selector.query('ul li', 'newslink', true).offsetHeight:0;

	var curIndex = 0;

	var timeID = null;
	
	var pause = false;
	
	return {

		play: function(){
			if(!pause){
				if(curIndex<listElements.length-1){
					curIndex += 1;
				}else{
					curIndex = 0;
				}

				var myAnim = new YAHOO.util.Anim(obj, { opacity: {to: 0} }, .5, YAHOO.util.Easing.easeOut);
				myAnim.onComplete.subscribe(function(){
					obj.innerHTML = '<li>'+listArray[curIndex]+'</li>';
					var myAnim2 = new YAHOO.util.Anim(obj, { opacity: {to: 1} }, .5, YAHOO.util.Easing.easeOut);
					myAnim2.animate();
				});
				myAnim.animate();
			
				timeID = setTimeout("YAHOO.UC.NewsLink.play()",4000);
			}else{
				clearTimeout(timeID);
			}
		},

		init: function() {
			Event.onAvailable("newslink", function(){
				//loop list items
				for(i=0,j=listElements.length;i<j;i++){
					listArray[i] = listElements[i].innerHTML;
				}
				//remove rest items
				obj.innerHTML = '<li>'+listArray[0]+'</li>';

				//let's play
				timeID = setTimeout("YAHOO.UC.NewsLink.play()",2000);
			});
			
			Event.on('newslink', "mouseenter", function (e) {
			    pause = true;
				clearTimeout(timeID);
			});
			
			Event.on('newslink', "mouseleave", function (e) {
			    pause = false;
				timeID = setTimeout("YAHOO.UC.NewsLink.play()",4000);
			});
						
		}

	}

}();






//////////////////////////////////////////////////////////////////////////// 
// Frontpage Slider
////////////////////////////////////////////////////////////////////////////
YAHOO.UC.fpSlider = function(){

	var scrollObj = Selector.query('.scroll ul', 'stick_slider', true);

	var prevObj = Selector.query('.prev', 'stick_slider', true);

	var nextObj = Selector.query('.next', 'stick_slider', true);

	var listElements = Selector.query('li', 'stick_slider');

	var perOffset = Selector.query('.scroll li', 'stick_slider', true)?Selector.query('.scroll li', 'stick_slider', true).offsetWidth:0;

	var curIndex = 0;

	var pause = false;

	var timeID = null;
	
	var duration = 6000;

	return {

		updateUI:function(m){

			var m = parseInt(m);
			
			Dom.setStyle(Dom.get('stick_loading'),'right','20px');

			if(m>0&&m<=listElements.length-2){
				var myAnim = new YAHOO.util.Anim(scrollObj, { marginLeft: {to: '-'+(m-1)*(perOffset+3)} }, .8, YAHOO.util.Easing.easeOut);
				myAnim.animate();
			}else if(m==0){
				var myAnim = new YAHOO.util.Anim(scrollObj, { marginLeft: {to: 0} }, .8, YAHOO.util.Easing.easeOut);
				myAnim.animate();			
			}
			
			Dom.removeClass(listElements,'selected');
			Dom.addClass(listElements[m],'selected');

			Selector.query('.stick h2', 'bd', true).innerHTML = listElements[m].getAttribute('sh2');
			Selector.query('.stick h3', 'bd', true).innerHTML = listElements[m].getAttribute('sh3');
			Selector.query('.stick h4', 'bd', true).innerHTML = listElements[m].getAttribute('sh4');
			Selector.query('.stick .getuc-link', 'bd', true).href = listElements[m].getAttribute('download');

			//load background image
			var img = new Image();
			img.onload = function() {

				Dom.setStyle(Dom.get('stick_loading'),'right','9999px');
				
				var myAnim1 = new YAHOO.util.Anim(Dom.get('stick_mask'), { 
						  opacity: {from: 0, to: 1} 
						}, .4, YAHOO.util.Easing.easeOut);
				myAnim1.onComplete.subscribe(function(){
					
					Dom.get('mantle').style.background = 'url('+listElements[m].getAttribute('bigsrc')+')';

					var myAnim2 = new YAHOO.util.Anim(Dom.get('stick_mask'), { 
							  opacity: {from: 1, to: 0} 
							}, .4, YAHOO.util.Easing.easeOut);
					myAnim2.animate();							
							
				});				
				myAnim1.animate();
				
			}

			img.src = listElements[m].getAttribute('bigsrc');


			n = (m==listElements.length-1)?0:(m+1);

			var img2 = new Image();
			img2.src = listElements[n].getAttribute('bigsrc');

		},

		playPrev:function(){
			if(curIndex>=2){
				curIndex -= 1;
			}else{
				curIndex = 0;
			}
			//next
			var myAnim = new YAHOO.util.Anim(scrollObj, { marginLeft: {to: '-'+curIndex*(perOffset+3)} }, .8, YAHOO.util.Easing.easeOut);
			myAnim.animate();
		},

		playNext:function(){
			if(curIndex<listElements.length-3){
				curIndex += 1;
			}else{
				curIndex = 0;

			}
			//next
			var myAnim = new YAHOO.util.Anim(scrollObj, { marginLeft: {to: '-'+curIndex*(perOffset+3)} }, .8, YAHOO.util.Easing.easeOut);
			myAnim.animate();
			
		},

		autoPlay:function(){
				if(!pause){
					if(curIndex<listElements.length-1){
						curIndex += 1;
					}else{
						curIndex = 0;
					}
					YAHOO.UC.fpSlider.updateUI(curIndex);
					timeID = setTimeout("YAHOO.UC.fpSlider.autoPlay()",duration);
				}

		},
		
		init: function(){
			
			//generate content instantly
			Selector.query('.stick h2', 'bd', true).innerHTML = listElements[0].getAttribute('sh2');
			Selector.query('.stick h3', 'bd', true).innerHTML = listElements[0].getAttribute('sh3');
			Selector.query('.stick h4', 'bd', true).innerHTML = listElements[0].getAttribute('sh4');
			Selector.query('.stick .getuc-link', 'bd', true).href = listElements[0].getAttribute('download');
			Dom.get('mantle').style.background = 'url('+listElements[0].getAttribute('bigsrc')+')';
			
			//preload second image
			var img = new Image();
			img.src = listElements[1].getAttribute('bigsrc');

			//bind event
			Event.on(prevObj, "click", function (e) {
			    YAHOO.UC.fpSlider.playPrev();
			});

			Event.on(nextObj, "click", function (e) {
			    YAHOO.UC.fpSlider.playNext();
			});
			
			Event.on('stick_slider', "mouseenter", function (e) {
			    pause = true;
				clearTimeout(timeID);
			});
			
			Event.on('stick_slider', "mouseleave", function (e) {
			    pause = false;
				timeID = setTimeout("YAHOO.UC.fpSlider.autoPlay()",duration);
			});

			Event.on(listElements, "click", function (e) {
				clearTimeout(timeID);
				var el = Event.getTarget(e);
				if(el.tagName.toLowerCase()!='li'){
					el = Dom.getAncestorByTagName(el,'li') 
				}
				if(!Dom.hasClass(el,'selected')){
					YAHOO.UC.fpSlider.updateUI(el.getAttribute('sid'));
				}
			});

			//let's play
			timeID = setTimeout("YAHOO.UC.fpSlider.autoPlay()",duration);

			
		}

	}

}();










//////////////////////////////////////////////////////////////////////////// 
// Vertical Slider
////////////////////////////////////////////////////////////////////////////
YAHOO.UC.vtSlider = function(){


	var listElements = Selector.query('li', 'vertical_slider');

	var curIndex = 0;

	var pause = false;

	var timeID = null;
	
	var duration = 5000;

	return {

		updateUI:function(m){

			var m = parseInt(m);
						
			Dom.removeClass(listElements,'selected');
			Dom.addClass(listElements[m],'selected');

			//load background image
			var img = new Image();
			img.onload = function() {

				
				var myAnim1 = new YAHOO.util.Anim(Dom.get('vertical_mask'), { 
						  opacity: {from: 0, to: 1} 
						}, .4, YAHOO.util.Easing.easeOut);
				myAnim1.onComplete.subscribe(function(){
					
					Dom.get('vertical_slider').style.background = 'url('+listElements[m].getAttribute('bigsrc')+')';

					var myAnim2 = new YAHOO.util.Anim(Dom.get('vertical_mask'), { 
							  opacity: {from: 1, to: 0} 
							}, .4, YAHOO.util.Easing.easeOut);
					myAnim2.animate();							
							
				});				
				myAnim1.animate();
				
			}

			img.src = listElements[m].getAttribute('bigsrc');


			n = (m==listElements.length-1)?0:(m+1);

			var img2 = new Image();
			img2.src = listElements[n].getAttribute('bigsrc');

		},

		autoPlay:function(){
				if(!pause){
					if(curIndex<listElements.length-1){
						curIndex += 1;
					}else{
						curIndex = 0;
					}
					YAHOO.UC.vtSlider.updateUI(curIndex);
					timeID = setTimeout("YAHOO.UC.vtSlider.autoPlay()",duration);
				}

		},
		
		init: function(){

			Dom.get('vertical_slider').style.background = 'url('+listElements[0].getAttribute('bigsrc')+')';
			
			//preload second image
			var img = new Image();
			img.src = listElements[1].getAttribute('bigsrc');	
			
			Event.on('vertical_slider', "mouseenter", function (e) {
			    pause = true;
				clearTimeout(timeID);
			});
			
			Event.on('vertical_slider', "mouseleave", function (e) {
			    pause = false;
				timeID = setTimeout("YAHOO.UC.vtSlider.autoPlay()",duration);
			});

			Event.on(listElements, "click", function (e) {
				
				var el = Event.getTarget(e);
				if(el.tagName.toLowerCase()!='li'){
					el = Dom.getAncestorByTagName(el,'li') 
				}
				if(!Dom.hasClass(el,'selected')){
					YAHOO.UC.vtSlider.updateUI(el.getAttribute('sid'));
				}
			});

			//let's play
			timeID = setTimeout("YAHOO.UC.vtSlider.autoPlay()",duration);

			
		}

	}

}();






//logo click go
Event.on(Selector.query('.gmater .l', 'hd', true), "click", function (e) {
	location.href="http://www.9ecom.net";
});