var util = {
	setEvent: function(obj,eventType,func){
		if(this.isIE) {
			obj.setAttribute(eventType,new Function(func));
		} else {
			obj.setAttribute(eventType,func);
		}
	},
	isIE: (document.documentElement.getAttribute("style") == document.documentElement.style)
}

var changeImage ={
	attach: function(){
		var preloadImg = new Object();
		var preNum = 0;
		var images = document.getElementsByTagName('img');
		for(var i = 0,num = images.length;i < num; i++){
			var img = images[i];
			var imgSrc = img.src;
			if(imgSrc.indexOf('_f.') > -1 && img.parentNode.href){
				var newImgSrc = imgSrc.split('_f.')[0] + '_h.' + imgSrc.split('_f.')[1];
				
				preloadImg[preNum] = new Image();
				preloadImg[preNum].src = newImgSrc;
				
				var funcOnImg = 'changeImage.action(this,\'' + newImgSrc + '\')\;return false\;';
				var funcOutImg = 'changeImage.action(this,\'' + imgSrc + '\')\;return false\;';
				
				util.setEvent(img.parentNode,'onmouseover',funcOnImg);
				util.setEvent(img.parentNode,'onmouseout',funcOutImg);
				preNum++;
			}
		}
	},
	action: function(eventAnchor,imgSrc){
		eventAnchor.getElementsByTagName('img')[0].src = imgSrc;
	}
}
window.onload = function(){
	changeImage.attach();
}


var pager = {
	init: {
		index_name: 'page',
		box_basename: 'box_'
	},
	start: function(){
		this.set_param();
		this.css();
	},
	set_param: function(){
		var params = window.location.search;
		if(params == ''){
			this.page = 1;
		}else{
			var params_array = params.split('?')[1].split('&');
			for(var i = 0,len = params_array.length; i < len; i++){
				var p = params_array[i].split('=');
				if(p[0] == this.init.index_name){
					this.page = parseInt(p[1]);
				}
			}
		}
	},
	page: 1,
	make_link: function(box_names){
		var box_array = box_names.split(',');
		var	link_array = new Array();
		var current_url = window.location.href;
		var current_search = window.location.search;
		var base_url = '';
		if(current_search){
			base_url = current_url.split(current_search)[0];
		}else{
			base_url = current_url;
		}
		if(this.page <= box_array.length){
		}else{
			this.page = 1;
		}
		for(var i = 0,len = box_array.length; i < len; i++){
			var box = document.getElementById(box_array[i]);
			if(box_array[i] == this.init.box_basename + this.page){
				box.style.display = 'block';
				link_html = '<span class="pager_link"><strong>' + (i + 1) + '</strong></span>';
			}else{
				box.style.display = 'none';
				link_html = '<span class="pager_link"><a href="' + base_url + '?page=' + (i + 1) + '">' + (i + 1) + '</a></span>';
			}
			link_array.push(link_html);
		}
		
		var link_prev = '';
		var link_next = '';
		
		if((this.page - 1) == 0){
			link_prev = '<span class="pager_link"><span>&laquo;</span></span>';
		}
		if(this.page == box_array.length){
			link_next = '<span class="pager_link"><span>&raquo;</span></span>';
		}
		if(!link_prev){
			link_prev = '<span class="pager_link"><a href="' + base_url + '?page=' + (this.page - 1) + '">&laquo;</a></span>';
		}
		if(!link_next){
			link_next = '<span class="pager_link"><a href="' + base_url + '?page=' + (this.page + 1) + '">&raquo;</a></span>';
		}
		link_array.unshift(link_prev);
		link_array.push(link_next);
		
		var pager = link_array.join('\n');
		document.write('<div class="content_pager">' + pager + '</div>');
	},
	css: function(){
		document.write('<style type="text/css">.box_pager{display:none;}</style>')
		document.write('<style type="text/css">#' + this.init.box_basename + this.page + '{display:block;}</style>')
	}
}
pager.start();