///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var l = function(x){console.log(x);};
if(typeof window != 'undefined') {
	window.Aiwa = new Object ;
}else{Aiwa = new Object;}

Aiwa.$ = function(arg,dom){
	return Aiwa.$.prototype.init(arg,dom);
};
Aiwa.$.prototype.author = 'Aiwa-20090713';
// toLowerCase
Aiwa.$.prototype.init = function(arg,dom){
	
	this.length = 0;
	var cl = arguments.callee ;
	//args is node ;
	if(arg.nodeType){
		this[this.length] = arg;
		this.length ++ ;
		return this ;
	}
	//string 
	if(typeof arg == 'string'){
		if(typeof dom == 'undefined'){
			dom = new Array;
			dom.push(document);
		}
		if(dom.nodeType){
			var tmp = new Array;
			tmp.push(dom);
			dom = tmp;
		}
		if((typeof dom).toLowerCase() == 'object'){
			var indx = 0;
			var tmp = new Array;
			while(typeof dom[indx] != 'undefined'){
				tmp.push(dom[indx]);
				indx ++ ;
			}
			dom = tmp ;
		}
		
		while(arg.match(/\s\s/)){
			arg = arg.replace(/\s\s/g,' ');
		}
		arg = arg.split(' ');
	}
	///////////////
	
	if(arg.length==1) {
		if(/.*?#(\w*)$/.test(arg[0])){ //'#xxx' by id ;
			this[0] = document.getElementById(RegExp.$1);
			this.length = 1 ;
			return this ;
		}
		
		for(var k=0;k<dom.length;k++){
			if(arg[0].indexOf('.')>0){
				
				var b = arg[0].split('.');
				var c = dom[k].getElementsByTagName(b[0]);
				for(var i=0;i<c.length;i++){
					if(c[i].className.indexOf(b[1])>=0){
						this[this.length] = c[i];
						this.length ++ ;
					}
				}
			}else {
				var c = dom[k].getElementsByTagName(arg[0]);
				for(var i=0;i<c.length;i++){
					this[this.length] = c[i];
					this.length ++ ;
				}
			}
		}
		return this ;
	}
	
	if(arg.length >1){
		var arr = new Array ;
		var str0 = arg[0];
		arg.shift();
		if(/.*?#(\w*)$/.test(str0)) return new cl(arg,Aiwa.$(str0));
		
		for(var k=0;k<dom.length;k++){
			if(str0.indexOf('.')>0){
				var b = str0.split('.');
				var c = dom[k].getElementsByTagName(b[0]);
				for(var i=0;i<c.length;i++){
					if(c[i].className.indexOf(b[1])>=0) arr.push(c[i]);
				}
			}else {
				var c = dom[k].getElementsByTagName(str0);
				for(var i=0;i<c.length;i++){
					arr.push(c[i]);
				}
			}
		}
		return new cl(arg,arr);
	}
	return this ;
};

Aiwa.$.prototype.first = function(){
	return Aiwa.$(this[0]);
};
Aiwa.$.prototype.last = function(){
	return Aiwa.$(this[this.length-1]);
};

Aiwa.$.prototype.css = function(k,v){
	if(typeof k =='string' && typeof v == 'undefined'){
		return this[0].style[k];
	}
	
	if((typeof k).toLowerCase() == 'object'){
		for(var i=0;i<this.length;i++){
			for(var j in k){
				this[i].style[j] = k[j];
			}
		}
		return this ;
	}
	if(typeof v == 'string' && typeof v == 'string'){
		for(var i=0;i<this.length;i++){
			this[i].style[k] = v;
		}
		return this ;
	}
	return this ;
};


Aiwa.$.prototype.html = function(hm){
	if(typeof hm == 'undefined') return this[0].innerHTML;
	if(typeof hm == 'string'){
		for(var i=0;i<this.length;i++){
			this[i].innerHTML = hm;
		}
		return this;
	}
	return this ;
};
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var topScroll = false ;
var banner = function(option){
	this.bigDiv = option.bigDib ;
	this.littleDiv = option.littleDiv ;
	this.objs = new Array ;
	this.currentIndex = 0;
	this.turnPageTimer = '';
	this.tim = '';
	var selThis = this ;
	
	this.turnPage = function(index){
		if(Aiwa.$('div img',selThis.bigDiv).length>1){
			Aiwa.$('div img',selThis.bigDiv)[0].parentNode.removeChild(Aiwa.$('img',selThis.bigDiv)[0]);
		}
		Aiwa.$('div',selThis.bigDiv).css({height:'387px',width:'1040px',position:'absolute',zIndex:'1',left:'0px',top:'0px'});
		var tmp = document.createElement('img');
		tmp.src = selThis.objs[index]['bg'];
		tmp.className = 'clssMainRoll';
		tmp.height = '387';
		tmp.width = '320';
		tmp.zIndex = '-1';
		tmp.onclick = function(){window.open(selThis.objs[index]['hm']);};
		Aiwa.$('div',selThis.bigDiv)[0].appendChild(tmp);
		var tmpDiv = Aiwa.$('div',selThis.bigDiv);
		var tmpLeft = tmpDiv.css('left').replace('px','')-0;
		if(typeof bottomScroll == 'undefined' || bottomScroll == false){
			(function(){
				if(tmpLeft>-320){
					tmpLeft -= 40;
					tmpDiv.css('left',tmpLeft+'px');
					topScroll = true;
					selThis.tim = setTimeout(arguments.callee,20);
				}else{
					clearTimeout(selThis.tim);
					selThis.tim = null;
					topScroll = false;
				}
			})();
		}
		
	};
	
	this.startInterval = function(){
		selThis.turnPageTimer = setInterval(function(){
			selThis.currentIndex ++;
			if(selThis.currentIndex==3) selThis.currentIndex =0;
			selThis.turnPage(selThis.currentIndex);
		},5000);
	};
	
	this.stopInterval = function(){
		clearInterval(selThis.turnPageTimer);
	};
	
	this.bindClick = function(index){
		if(selThis.tim) clearTimeout(selThis.tim);
		var imgs = Aiwa.$('img',this.littleDiv);
		imgs[index].onmouseover = function(){
			selThis.turnPageTimer = clearInterval(selThis.turnPageTimer);
			selThis.tim = clearTimeout(selThis.tim);
			selThis.turnPage(index);
			selThis.currentIndex = index;
			selThis.startInterval() ;
		};
	};
	
	this.init = function(){
		Aiwa.$(this.bigDiv).css('overflow','hidden');
		Aiwa.$(this.bigDiv).css('position','relative');
		Aiwa.$(this.bigDiv).css('zIndex','0');
		Aiwa.$(this.bigDiv).html('<div><img onclick="javascript:window.open(\''+selThis.objs[0]['hm']+'\');" class="clssMainRoll" height="387" border="0" width="320" src="'+selThis.objs[0]['bg']+'" /></div>');
		Aiwa.$(this.littleDiv).html('');
		for(var i=0;i<this.objs.length;i++){
			//Aiwa.$(this.littleDiv).html(Aiwa.$(this.littleDiv).html()+'<img style="cursor:pointer;float:left;height:59px;width:162px;margin:0;padding:0;border:0;margin-top:1px;" src="'+this.objs[i]['lt']+'"/>');
			Aiwa.$(this.littleDiv).html(Aiwa.$(this.littleDiv).html()+'<a target="_blank" href="'+this.objs[i]['hm']+'"><img style="cursor:pointer;float:left;height:59px;width:162px;margin:0;padding:0;border:0;margin-top:1px;" src="'+this.objs[i]['lt']+'"/></a>');
		}
		Aiwa.$('img',this.littleDiv).first().css('margin','0');
		//this.turnPage(this.currentIndex);
		this.startInterval() ;
		for(var i=0;i<3;i++){this.bindClick(i);}
	};
	
	
	
};
$(document).ready(function(){
    
	var indexBanner = new banner({
		bigDib:Aiwa.$('#img_main_top_rool_detail')[0] ,
		littleDiv:Aiwa.$('#img_main_top_rool_detail1')[0]
	});
	
    var ctx=document.getElementById("ctx").value;

   var pictureOneName=document.getElementById("pictureOneName").value;
   var pictureTwoName=document.getElementById("pictureTwoName").value;
   var pictureThreeName=document.getElementById("pictureThreeName").value;
  
  

   var clickOneName=document.getElementById("clickOneName").value;
   var clickTwoName=document.getElementById("clickTwoName").value;
   var clickThreeName=document.getElementById("clickThreeName").value;
   

   var hrefOne=document.getElementById("hrefOne").value;
   var hrefTwo=document.getElementById("hrefTwo").value;
  var hrefThree=document.getElementById("hrefThree").value;
  
   
	indexBanner.objs.push({
		bg : ctx+'/ad/'+pictureOneName,
		lt : ctx+'/ad/'+clickOneName,
		hm : hrefOne
	});
	indexBanner.objs.push({
		bg : ctx+'/ad/'+pictureTwoName,
		lt : ctx+'/ad/'+clickTwoName,
		hm : hrefTwo
	});
	indexBanner.objs.push({
		bg : ctx+'/ad/'+pictureThreeName,
		lt : ctx+'/ad/'+clickThreeName,
		hm : hrefThree
	});
	

	
	
	indexBanner.init();
});