$(function() {
	if (!$.browser.msie || $.browser.version > 7) {
		$("#cloud-wrapper").clouds({
			clouds: [
				{src:'cloud02.png',x:-120,y:110,speedX:-1.5},
				{src:'cloud03.png',x:-200,y:200,speedX:-2},
				{src:'cloud04.png',x:150,y:600,speedX:-2.5},
				{src:'cloud02.png',x:320,y:350,speedX:-1},
				{src:'cloud03.png',x:820,y:390,speedX:-2.5},
				{src:'cloud04.png',x:720,y:400,speedX:-1.5},
				{src:'cloud02.png',x:900,y:550,speedX:-1},
				{src:'cloud03.png',x:820,y:350,speedX:-1},
				{src:'cloud04.png',x:920,y:390,speedX:-2.5},
				{src:'cloud02.png',x:720,y:760,speedX:-1.5}
			],
			folder: 'http://www.kots.jp/images/',
			speed: 140,
			fader: !$.browser.msie
		});
	}
	$("#welcome-area h1,h2,.fader,#scroller,#message label,#close-form,#message,#form-send,#back-to-top").ifixpng();

	$("a").attr("target", "_blank");

	$("#scroller .logos").scrollBackground({});
	$("#tabs h3").hover(function() {
		if (!$(this).hasClass("selected")) $(this).addClass("over");
	}, function() {
		if (!$(this).hasClass("selected")) $(this).removeClass("over");
	}).click(function() {
		var self = this;
		$(self).removeClass("over").toggleClass("selected");
		var tab = $(self).next(".tab-content");
		var open = $("#tabs h3.selected").not(self);
		//open.removeClass("selected").next(".tab-content").hide();
		if ($("*",tab).length == 0) {
			tab.show();
			$.get($(self).attr("url"), function(data, status) {
				var images = $(data).find("img");
				var imgCount = images.length;
				images.each(function(idx, i) {
					var img = new Image();
					$(img).load(function() {
						imgCount--;
						if (imgCount <= 0) {
							tab.css({height:'auto', background: 'none'}).html(data);		
						}
					});
					img.src = $(i).attr("src");
				});
			}, 'text');
		} else {
			tab.slideToggle(2000);
		}
		return false;
	});
	/*
	$("h3[url]").each(function(idx, item) {
		var tab = $(item).next(".tab-content");
		$.get($(item).attr("url"), function(data, status) {
			tab.css({height:'auto'}).html(data);
		}, 'text');
	});*/
	
});

$.fn.checkbox = function(settings) {
	settings = $.extend({
		css: {
			def: "checkbox",
			on: "checkbox_on"
		}
	}, settings);
	return this.each(function(n, item) {
		var cb = $('<div class="'+settings.css.def+'"></div>');
		$(item).hide().after(cb);
		item.checked = false;
		cb.click(function() {
			$(this).toggleClass(settings.css.on);
			item.checked = $(this).hasClass(settings.css.on);
		});
	});
} 

$.fn.clouds = function(settings) {
	settings = $.extend({
		clouds: [],
		folder: '/',
		speed: 1,
		opacityStep: 0.02,
		fader: true
	}, settings);
	return this.each(function(n, item) {
		var self = $(item);
		$.each(settings.clouds, function(c, cloud) {
			var cImg = new Image();
			$(cImg).load(function() {
				var cDiv = $('<div class="cloud"></div>');
				cDiv.css({
					top: cloud.y+"px",
					left: cloud.x+"px",
					width: cImg.width+"px",
					height: cImg.height+"px",
					backgroundImage: 'url('+this.src+')',
					zIndex: 2
				});
				self.append(cDiv);
				var o = settings.opacityStep;
				cloud.currentO = Math.random();
				cDiv.css({opacity: cloud.currentO});
				window.setInterval(function() {
					if (settings.fader) {
						if (cloud.currentO > 1.0) o = -settings.opacityStep;
						if (cloud.currentO < 0.3) o = +settings.opacityStep;
						cloud.currentO += o;
						cDiv.css({opacity: cloud.currentO});
					}
					var currentLeft = parseInt(cDiv.css("left"));
					cDiv.css({left: (currentLeft - cloud.speedX)+'px'});
					if (cDiv.offset().left > $(document).width() - self.offset().left) {
						var s = -cImg.width;
						cDiv.css({left: s+"px"});
					}
				}, settings.speed);
			});
			cImg.src = settings.folder + cloud.src;
		});
	});
}