//=== ROLL OVER JS ===

function smartRollover() {

	if(document.getElementsByTagName) {

		var images = document.getElementsByTagName("img");



		for(var i=0; i < images.length; i++) {

			if(images[i].src.match("_off."))

			{

				images[i].onmouseover = function() {

					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));

				}

				images[i].onmouseout = function() {

					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));

				}

			}

		}

	}

}



if(window.addEventListener) {

	window.addEventListener("load", smartRollover, false);

}

else if(window.attachEvent) {

	window.attachEvent("onload", smartRollover);

}





//=== BOX LINK ===



$(document).ready(function() {

	var linkboxes = $(".linkbox");

		for (var i=0; i<linkboxes.length; i++){

			var readmores = $("p.readmore");

			for (var j=0; j<readmores.length; j++){

				$(".linkbox").click(function() {

					var anchorTags = this.getElementsByTagName("a");

					window.location = anchorTags[0].href;

				});

			}

		}

	$("p.readmore").addClass("none"); 

	$(".linkbox").hover(function(){

			$(this).addClass("box_hover"); 

		},

		function(){

			$(this).removeClass("box_hover");

		}

	);

	

	// ログイン部分

	$(".headLogin .btnLogin").click(function(){

		$("#headLoginForm").toggle();

		$(".headLogin .btnLogin").toggleClass("btnOpen");

	});

	

	// ナビ

	var $el, leftPos, ulPosi;

	var ulPosiX = '-151px';

	for (i=0;i<6;i++){

		var targNavi = '.navi0' + (i + 1) + ' a';

		if($(targNavi).attr('class')=='current'){

			if(i==0){

				ulPosiX = '0px';

			} else if(i==1) {

				ulPosiX = '154px';

			} else if(i==2) {

				ulPosiX = '308px';

			} else if(i==3) {

				ulPosiX = '462px';

			} else if(i==4) {

				ulPosiX = '616px';

			} else if(i==5) {

				ulPosiX = '770px';

			}

		}

	}

	ulPosi = ulPosiX + ' bottom';

	$('#gNAVI ul').css({'backgroundPosition':ulPosi}).data('origX',ulPosiX);

	

	$("#gNAVI li").find("a").hover(function() {

		$el = $(this);

		leftPos = $el.parent('li').position().left;

		

		if($el.parent('li').attr('class') == 'navi01'){

			leftPos += 0;

		} else if($el.parent('li').attr('class') == 'navi02'){

			leftPos += 1;

		} else {

			leftPos += 2;

		}

		

		ulPosi = leftPos + 'px bottom';

		$('#gNAVI ul').stop().animate({'backgroundPosition':ulPosi},300);

	},function(){

		ulPosi = $('#gNAVI ul').data('origX') + ' bottom';

		$('#gNAVI ul').stop().animate({'backgroundPosition':ulPosi},300);

	});

	

	

	//タブ

	$('#tab a').click(function(){

		var flag,resH,resHE,resHEI;

		flag = $(this).parent('li').attr('id');

		

		$('#tab a').removeClass('current');

		$(this).addClass('current');

		

		switch (flag){

			case 'flag01':

				resH = $('#searchTabConts01').height() + 45 + 'px';

				$('#tabConts').css({'height': resH});

				$('#searchTabConts02').css({'display': 'none'});

				$('#searchTabConts03').css({'display': 'none'});

				$('#searchTabConts01').fadeIn();

				break;

			case 'flag02':

				resHE = $('#searchTabConts02').height() + 45 + 'px';

				$('#tabConts').css({'height': resHE});

				$('#searchTabConts01').css({'display': 'none'});

				$('#searchTabConts03').css({'display': 'none'});

				$('#searchTabConts02').fadeIn();

				break;

			case 'flag03':

				resHEI = $('#searchTabConts03').height() + 45 + 'px';

				$('#tabConts').css({'height': resHEI});

				$('#searchTabConts01').css({'display': 'none'});

				$('#searchTabConts02').css({'display': 'none'});

				$('#searchTabConts03').fadeIn();

				break;

		}

	});

	

	

	//カート済

	$('#detail_btn').click(function(){

		$(this).attr("src",$(this).attr("src").replace("_on.","_end."));

		$(this).css({'cursor': 'default'});

	});

	$('.material_cart').click(function(){

		$(this).attr("src",$(this).attr("src").replace("_on.","_end."));

		$(this).css({'cursor': 'default'});

	});

	

});