window.onload = function () {
	setTabClick('thumb1','shop_img1','comment1');
	setTabClick('thumb2','shop_img2','comment2');
	setTabClick('thumb3','shop_img3','comment3');
	setTabClick('thumb4','shop_img4','comment4');
	setTabClick('thumb5','shop_img5','comment5');
	showCategory('shop_img1');
    showDesc('comment1')
}

function hide(elementId) {
	document.getElementById(elementId).style.display = "none";
}

function show(elementId) {
	document.getElementById(elementId).style.display = "block";
}

function showCategory(imgId) {
	hide('shop_img1');
	hide('shop_img2');
	hide('shop_img3');
	hide('shop_img4');
	hide('shop_img5');
	show(imgId);
	changeTab(imgId);
}

function showDesc(pId) {
	hide('comment1');
	hide('comment2');
	hide('comment3');
	hide('comment4');
	hide('comment5');
	show(pId);
}


function setTabClick(thumbID,imgId,pId) {
	var e = document.getElementById(thumbID).getElementsByTagName('a')[0];
	e.onclick = function(){
		showCategory(imgId);
        showDesc(pId)
		return false;
	};
}

function changeTab(imgId){
	var e = document.getElementById('larger_img');
	e.className = imgId;
}
// JavaScript Document