// jQuery_Auto 0.9
// Automatic functions for webpages (using the wonderful jQuery library)

// Copyright:© 2006, Michal Tatarynowicz (tatarynowicz@gmail.com)
// Licenced as Public Domain (http://creativecommons.org/licenses/publicdomain/)
// $Id: jquery_auto.js 426 2006-05-06 19:54:39Z Michał $


// Initialization

$.auto = {
	init: function() {
		for (module in $.auto) {
			if ($.auto[module].init)
				$.auto[module].init();
		}
	}
};

$(document).ready($.auto.init);


// Auto-hidden elements

$.auto.hide = {
	init: function() {
		$('.Hide').hide();
	}
};


// Mouse hover

$.auto.hover = {

	init: function() {
		$('IMG.Hover')
			.bind('mouseover', this.enter)
			.bind('mouseout', this.exit)
			.each(this.preload);
	},

	preload: function() {
		this.preloaded = new Image;
		this.preloaded.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_on$2");
	},

	enter: function() {
		this.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_on$2");
	},

	exit: function() {
		this.src = this.src.replace(/^(.+)_on(\.[a-z]+)$/, "$1$2");
	}
};


// Auto-submitting SELECTs

$.auto.submit = {
	init: function() {
		$('SELECT.Submit').bind('change', this.on_change);
	},

	on_change: function() {
		if (this.value) this.form.submit();
	}
};


// Auto-selected text in text fields after a label click

$.auto.select = {
	init: function() {
		$('LABEL.Select').each(this.label_action);
		$('INPUT.Select').bind('click', function(){ this.select(); });
	},

	label_action: function() {
		var field = $('#'+this.htmlFor).get(0);
		if (field && field.focus && field.select) {
			$(this).bind('click', function(){ field.focus(); field.select(); });
		}
	}
};


// Switches tabs on click

$.auto.tabs = {

	init: function() {

		$('.Tabs').each(function(){
			var f = $.auto.tabs.click;
			var group = this;
			$('.Tab', group).each(function(){
				this.group = group;
				$(this).click(f);
				$('#'+this.id+'_body').hide();
			}).filter(':first').trigger('click');
		});

	},

	click: function() {
		var tab = $('#'+this.id+'_body').get(0);
		$('.Tab', this.group).each(function(){
			$(this).removeClass('Active');
			$('#'+this.id+'_body').hide();
		});

		$(this).addClass('Active');
		$(tab).show();
		this.blur();

		return false;
	}

};

//////////////////////////////////
// Image Tooltip
//////////////////////////////////
$.auto.tooltip = {
	init:function(){
		$('.img_ttip')
			.bind('mouseover', this.creatBox)
			.bind('mouseout', this.removeBox);
	},
	
	creatBox:function(){
		largeImage = $('img',this).attr('src').replace(/^(.+)_on(\.[a-z]+)$/, "$1_large$2");
		imageAlt = $('img',this).attr('alt');
		
		x = $(this).offset().left + $(this).width();
		y = $(this).offset().top - $(this).height()*3;
		
		$('#body_container').after('<div class="ttipbox"><div class="tooltip"><img src="' + largeImage + '" alt="' + imageAlt + '" /></div><div class="title">' + imageAlt + '</div></div>');
		$('.ttipbox').css({'position':'absolute','top':y,'left':x-10})
	},
		
	removeBox:function(){
		$('.ttipbox').remove();
	}
};

//////////////////////////////////
// Goods Image kirike
/////////////////////////////////

function showimg1(){
     document.area1.src = "img/p/a-01.jpg";
}
function showimg2(){
     document.area1.src = "img/p/a-02.jpg";
}
function showimg3(){
     document.area1.src = "img/p/a-03.jpg";
}

function showimg4(){
     document.area1.src = "img/p/b-01.jpg";
}
function showimg5(){
     document.area1.src = "img/p/b-02.jpg";
}
function showimg6(){
     document.area1.src = "img/p/b-03.jpg";
}

function showimg7(){
     document.area1.src = "img/p/c-01.jpg";
}
function showimg8(){
     document.area1.src = "img/p/c-02.jpg";
}
function showimg9(){
     document.area1.src = "img/p/c-03.jpg";
}

function showimg10(){
     document.area1.src = "img/p/d-01.jpg";
}
function showimg11(){
     document.area1.src = "img/p/d-02.jpg";
}
function showimg12(){
     document.area1.src = "img/p/d-03.jpg";
}

function showimg13(){
     document.area1.src = "img/p/e-01.jpg";
}
function showimg14(){
     document.area1.src = "img/p/e-02.jpg";
}
function showimg15(){
     document.area1.src = "img/p/e-03.jpg";
}

function showimg16a(){
     document.area1.src = "img/p/f-01.jpg";
}

function showimg16b(){
     document.area1.src = "img/p/f-02.jpg";
}

function showimg16c(){
     document.area1.src = "img/p/f-03.jpg";
}


//////////////////////////////////
// pop up
/////////////////////////////////

function openNew(html,name,size){
newWin = open(html,name,size);
}