var ie = (function(){
    var undef,
        v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );
    return v > 4 ? v : undef;
}());

// avoid conflict
jQuery.noConflict();
var $j = jQuery;

/*
	onload call
**************************************/

	$j(document).ready(function(){
		hozSlider.init();
	});

/*
	hozSlider by Takazudo
	http://gyauza.egoism.jp/clip/
**************************************/

	var hozSlider=
	{
		speed: 500, // set speed here
		isWhileAnimation: false,
		itemW: null,
		itemsNum: null,
		
		init:function()
		{
			hozSlider.itemsNum = new Array(5);
			
			for(i=0; i<5; i++){
				if($j("#sliderItemList"+i+" div.item").length > 5){
					hozSlider.setup(i);
				}
			}
			hozSlider.bindEvents();
		},
		
		setup: function(number)
		{
			//IE6の場合はCSSを別処理
			if(ie === 6){
				// get width and height
				var $item=$j("#sliderItemList"+number+" div.item").eq(0);
				var num=$j("#sliderItemList"+number+" div.item").length;
				var w = $item.width();
				var h = $item.height();
				var totalW = w*num;
				$j("#sliderItemList"+number)
					.width(totalW)
					.height(h)
					.css("margin-left",-w*2-30);
				$item.css("width",0);
	
				// set global vars
				hozSlider.itemW = w;
				hozSlider.itemsNum[number] = num;
			}
			else{
				// get width and height
				var $item=$j("#sliderItemList"+number+" div.item").eq(0);
				var num=$j("#sliderItemList"+number+" div.item").length;
				var w = $item.width();
				var h = $item.height();
				var totalW = w*num;
				$j("#sliderItemList"+number)
					.width(totalW)
					.height(h)
					.css("margin-left",-w-30);
				$item.css("width",0);
	
				// set global vars
				hozSlider.itemW = w;
				hozSlider.itemsNum[number] = num;
			}
		},
		
		bindEvents: function()
		{
			// bind events to the buttons
			$j("#toLeft0").click(function(){ hozSlider.toLeft(0); });
			$j("#toRight0").click(function(){ hozSlider.toRight(0); });
			$j("#toLeft1").click(function(){ hozSlider.toLeft(1); });
			$j("#toRight1").click(function(){ hozSlider.toRight(1); });
			$j("#toLeft2").click(function(){ hozSlider.toLeft(2); });
			$j("#toRight2").click(function(){ hozSlider.toRight(2); });
			$j("#toLeft3").click(function(){ hozSlider.toLeft(3); });
			$j("#toRight3").click(function(){ hozSlider.toRight(3); });
			$j("#toLeft4").click(function(){ hozSlider.toLeft(4); });
			$j("#toRight4").click(function(){ hozSlider.toRight(4); });
		},
		
		toRight: function(number)
		{
			// die if while animation
			if(hozSlider.isWhileAnimation) return;
			
			// set animation status
			hozSlider.isWhileAnimation = true;
			
			// the first item goes to the last
			$j("#sliderItemList"+number+" div.item").eq(0)
				.appendTo("#sliderItemList"+number)
				.width(hozSlider.itemW);
				
			// the first item shrink to width 0
			$j("#sliderItemList"+number+" div.item").eq(0).animate({
				width: 0
			}, hozSlider.speed, function(){
				hozSlider.isWhileAnimation = false; // end animation
			});
		},
		toLeft: function(number)
		{
			// die if while animation
			if(hozSlider.isWhileAnimation) return;
			
			// set animation status
			hozSlider.isWhileAnimation = true;
			
			// the last item goes to the first
			$j("#sliderItemList"+number+" div.item").eq(hozSlider.itemsNum[number]-1)
				.css("width",0)
				.prependTo("#sliderItemList"+number);
				
			// the 2nd item expand to the item's width
			$j("#sliderItemList"+number+" div.item").eq(1).animate({
				width: hozSlider.itemW
			}, hozSlider.speed, function(){
				hozSlider.isWhileAnimation = false; // end animation
			});
		}
	}