//set object
var dom = new Object;
dom.event = new Object;


//add event for all browser
dom.event.addEventListener = function(elm,type,func){
	if(!elm){return false;}
	if(elm.addEventListener){
		elm.addEventListener(type,func,false);
	}else if(elm.attachEvent){
		elm.attachEvent("on"+type,func);
	}else{
		return false;
	}
	return true;
}


//remove event for all browser
dom.event.removeEventListener = function(elm,type,func){
	if(!elm){return false;}
	if(elm.removeEventListener){
		elm.removeEventListener(type,func,false);
	}else if(elm.detachEvent){
		elm.detachEvent("on"+type,func);
	}else{
		return false;
	}
	return true;
}

//main
/////////////////////////////////////

var trigger = new Array;
var target = new Array;

dom.event.addEventListener(window,'load',imgTrigger);

function imgTrigger(){
	/*var defaulImage = document.getElementById("itemLink0");
	defaulImage.setAttribute("rel","lightbox[prd_img]");*/
	
	var master = document.getElementById("itemImageList");
	totalTrigger = master.getElementsByTagName("img").length;
	
	//trigger & target
	for(var i=0; i<totalTrigger; i++) {
		trigger[i] = document.getElementById('itemImg'+i);
		target[i] = document.getElementById('itemLink'+i);
		/*dom.event.addEventListener(trigger[i],'click',function(){
			switchRel(i);
		});*/
		dom.event.addEventListener(trigger[i],'click',new Function(
			"switchRel(" + i.toString() + ")"
		));
	}
	/*
	//trigger
	var trigger0 = document.getElementById('itemImg0');
	var trigger1 = document.getElementById('itemImg1');
	var trigger2 = document.getElementById('itemImg2');
	var trigger3 = document.getElementById('itemImg3');
	var trigger4 = document.getElementById('itemImg4');
	var trigger5 = document.getElementById('itemImg5');
	var trigger6 = document.getElementById('itemImg6');
	var trigger7 = document.getElementById('itemImg7');
	var trigger8 = document.getElementById('itemImg8');
	var trigger9 = document.getElementById('itemImg9');
	//target
	target0 = document.getElementById('itemLink0');
	target1 = document.getElementById('itemLink1');
	target2 = document.getElementById('itemLink2');
	target3 = document.getElementById('itemLink3');
	target4 = document.getElementById('itemLink4');
	target5 = document.getElementById('itemLink5');
	target6 = document.getElementById('itemLink6');
	target7 = document.getElementById('itemLink7');
	target8 = document.getElementById('itemLink8');
	target9 = document.getElementById('itemLink9');
	
	dom.event.addEventListener(trigger0,'click',function(){
		switchRel(target0);
	}); 
	dom.event.addEventListener(trigger1,'click',function(){
		switchRel(target1);
	}); 
	dom.event.addEventListener(trigger2,'click',function(){
		switchRel(target2);
	}); 
	dom.event.addEventListener(trigger3,'click',function(){
		switchRel(target3);
	}); 
	dom.event.addEventListener(trigger4,'click',function(){
		switchRel(target4);
	}); 
	dom.event.addEventListener(trigger5,'click',function(){
		switchRel(target5);
	}); 
	dom.event.addEventListener(trigger6,'click',function(){
		switchRel(target6);
	}); 
	dom.event.addEventListener(trigger7,'click',function(){
		switchRel(target7);
	}); 
	dom.event.addEventListener(trigger8,'click',function(){
		switchRel(target8);
	}); 
	dom.event.addEventListener(trigger9,'click',function(){
		switchRel(target9);
	});
	*/
}

function switchRel(id){
	//すべてのリンクに、rel="lightbox[prd_img]"を再付与
	for(var i=0; i<totalTrigger; i++) {
		target[i].setAttribute("rel","lightbox[prd_img]");
	}
	/*
	target0.setAttribute("rel","lightbox[prd_img]");
	target1.setAttribute("rel","lightbox[prd_img]");
	target2.setAttribute("rel","lightbox[prd_img]");
	target3.setAttribute("rel","lightbox[prd_img]");
	target4.setAttribute("rel","lightbox[prd_img]");
	target5.setAttribute("rel","lightbox[prd_img]");
	target6.setAttribute("rel","lightbox[prd_img]");
	target7.setAttribute("rel","lightbox[prd_img]");
	target8.setAttribute("rel","lightbox[prd_img]");
	target9.setAttribute("rel","lightbox[prd_img]");
	*/

	//クリックされたidのみ、relを空に
	target[id].setAttribute("rel","");
}