/*
	home.js added by Kinotrope
-------------------------------------------*/

// image preload

	var imgs = new Array;
	var preloader = new Image;
	$(function() {
		var _images = $('#mainVisual>div.leftArea>ul>li>a>img');
		for ( var i = 0; i < 10 ; ++ i ) {
			preloader.src = "/images/" + _images[i].src.split('/images/')[1].replace('_s.png','_l.jpg');
		}
	});


// function body

	$(function() {
		orgImage = $('#item0').attr('src');
		orgHref = $('#keyVisual').attr('href');
		orgTarget = $('#keyVisual').attr('target');
		orgAlt = $('#item0').attr('alt');
	});

	var originalHyperReference = "";
	var originalTarget = "";
	var theIndex = 1;
	var fadeSpd = 200;
	var dispnum = 1;

	var e = document.createElement('img');
		e.id = "filter";
		e.width = "125";
		e.height = "45";
		e.src = "/images/thumbnailFilter.png";
		e.className = "png";
		e.onmouseout = function() {
			out(this);
		};
		s = e.style;
		s.position = "absolute";
		s.top = "0";
		s.left = "0";

	var f = document.createElement('img');
		f.id = "filter";
		f.width = "125";
		f.height = "45";
		f.src = "/images/thumbnailFilter_self.png";
		f.className = "png";
		f.onmouseout = function() {
			out(this);
		};
		u = f.style;
		u.position = "absolute";
		u.top = "0";
		u.left = "0";

	var d = document.createElement('img');
		d.id = "filter";
		d.width = "125";
		d.height = "94";
		d.src = "/images/thumbnailFilterLarge.png";
		d.className = "png";
		d.onmouseout = function() {
			out(this);
		};
		t = d.style;
		t.position = "absolute";
		t.top = "0";
		t.left = "0";

	var g = document.createElement('img');
		g.id = "filter";
		g.width = "125";
		g.height = "94";
		g.src = "/images/thumbnailFilterLarge_self.png";
		g.className = "png";
		g.onmouseout = function() {
			out(this);
		};
		v = g.style;
		v.position = "absolute";
		v.top = "0";
		v.left = "0";

	function over(obj) {
			document.getElementById('keyVisual').href = obj.parentNode.href;
			document.getElementById('keyVisual').target = obj.parentNode.target;
			if ( originalHyperReference == "" ) {
				originalHyperReference = document.getElementById('keyVisual').href;
				originalTarget = document.getElementById('keyVisual').target;
			}
			if ( window.timer ) {
				clearTimeout(timer);
			}
			//
			// reset filter
			if ( document.getElementById('filter') != undefined ) {
				var filter = document.getElementById('filter');
				var parent = filter.parentNode;
				parent.removeChild(filter);
			}
			//
			// set filter
			if ( obj.parentNode.parentNode.className == "right" ) {
				 if ( obj.parentNode.target == undefined || obj.parentNode.target == "" || obj.parentNode.target == "_self" ) {
					obj.parentNode.appendChild(g);
				} else {
					obj.parentNode.appendChild(d);
				}
			} else if ( obj.parentNode.target == undefined || obj.parentNode.target == "" || obj.parentNode.target == "_self" ) {
				obj.parentNode.appendChild(f);
			} else {
				obj.parentNode.appendChild(e);
			}
		if ( obj.parentNode.parentNode.value == "1" ) {
			var item = document.createElement('img');
			item.src = "/images/" + obj.src.split('/images/')[1].replace('_s.png','_l.jpg');
			item.alt = obj.alt;
			item.id = "item" + theIndex;
			item.style.zIndex = theIndex;
			$('#keyVisual').append(item);
			$('#item'+(theIndex))
				.hide()
				.fadeIn(fadeSpd);
			++theIndex;
		} else {
			var num_value = Number ( obj.parentNode.parentNode.value );
			if ( obj.loadNum == undefined ) {
				obj.loadNum = 1;
			} else {
				if ( obj.loadNum < num_value ) {
					obj.loadNum++;
				} else {
					obj.loadNum = 1;
				}
			}
			var item = document.createElement('img');
			item.src = "/images/" + obj.src.split('/images/')[1].replace('_s.png','_l_' + obj.loadNum + '.jpg');
			item.alt = obj.alt;
			item.id = "item" + theIndex;
			item.style.zIndex = theIndex;
			$('#keyVisual').append(item);
			$('#item'+(theIndex))
				.hide()
				.fadeIn(fadeSpd);
			++theIndex;
		}
	}

	function out(obj) {
		obj.parentNode.removeChild(obj);
		startTimer();
	}

	function stopTimer() {
		if ( window.timer ) clearTimeout(timer);
	}

	function startTimer() {
		timer = setTimeout("backToOrigin()",3000);
	}

	function backToOrigin() {
		stopTimer();
		var item = document.createElement('img');
		item.src = orgImage;
		item.alt = orgAlt;
		item.id = "item" + theIndex;
		item.style.zIndex = theIndex;
		if (orgHref != undefined ) {
			$('#keyVisual').attr('href',orgHref);
		} else {
			$('#keyVisual').removeAttr('href');
		}
		$('#keyVisual').append(item);
		$('#item'+(theIndex))
			.hide()
			.fadeIn(fadeSpd*2);
		++theIndex;
	}