function thumbClick(pID,imageId) {
	var mycallback = function() {
cont.style.backgroundImage='url(/shop/uploads/images_products_large'+imageId+'/'+pID+'.jpg)';
cont.style.backgroundPosition = '-800px 0px';
};
	var cont = document.getElementById("mainCont");
	new Effect.Morph('mainCont',{ style: 'background-position: 800px 0px', duration: 0.4 ,  queue: {position: 'front', scope: 'myScope', limit: 4},  afterFinish:mycallback })
	//new Effect.Morph('mainCont',{ style: 'background-position: -800px 0px', duration: 0 ,  queue: {position: 'end', scope: 'myScope', limit: 4} })
	//new Effect.Morph('mainCont',{ style: 'background-image: url(/shop/uploads/images_products_large'+imageId+'/'+pID+'.jpg)', duration: 0 ,  queue: {position: 'end', scope: 'myScope', limit: 4} }); // This should not be here but it does not work without so ???
	new Effect.Morph('mainCont',{ style: 'background-position: 300px 0px', duration: 0.6 , queue: {position: 'end', scope: 'myScope', limit: 4 }});
	return false;	
}

function increaseFontSize() {
var p = document.getElementsByTagName("p");for(i=0;i<p.length;i++){if(p[i].style.fontSize){var s = parseInt(p[i].style.fontSize.replace("px",""));}else{var s = 15;}if(s!=18){s += 1;}p[i].style.fontSize = s+"px"} 
var d = document.getElementsByTagName("div");for(i=0;i<d.length;i++){if(d[i].style.fontSize){var s = parseInt(d[i].style.fontSize.replace("px",""));}else{var s = 15;}if(s!=18){s += 1;}d[i].style.fontSize = s+"px"} 
var h = document.getElementsByTagName("h2");for(i=0;i<h.length;i++){if(h[i].style.fontSize){var s = parseInt(h[i].style.fontSize.replace("px",""));}else{var s = 15;}if(s!=18){s += 1;}h[i].style.fontSize = s+"px"}  
var a = document.getElementsByTagName("a");for(i=0;i<a.length;i++){if(a[i].style.fontSize){var s = parseInt(a[i].style.fontSize.replace("px",""));} else {var s = 15;}if(s!=18){s += 1;} a[i].style.fontSize = s+"px"}
}

function decreaseFontSize() {
var p = document.getElementsByTagName("p");for(i=0;i<p.length;i++){if(p[i].style.fontSize){var s = parseInt(p[i].style.fontSize.replace("px",""));}else{var s = 15;}if(s!=10){s -= 1;}p[i].style.fontSize = s+"px"} 
var d = document.getElementsByTagName("div");for(i=0;i<d.length;i++){if(d[i].style.fontSize){var s = parseInt(d[i].style.fontSize.replace("px",""));}else{var s = 15;}if(s!=10){s -= 1;}d[i].style.fontSize = s+"px"} 
var h = document.getElementsByTagName("h2");for(i=0;i<h.length;i++){if(h[i].style.fontSize){var s = parseInt(h[i].style.fontSize.replace("px",""));}else{var s = 15;}if(s!=10){s -= 1;}h[i].style.fontSize = s+"px"}  
var a = document.getElementsByTagName("a");for(i=0;i<a.length;i++){if(a[i].style.fontSize){var s = parseInt(a[i].style.fontSize.replace("px",""));} else {var s = 15;}if(s!=10){s -= 1;} a[i].style.fontSize = s+"px"}}

function mensRing01Alternate(){
	document.getElementById("alternate-image").setAttribute('class','thumbLeft');
	document.getElementById("alternate-image").setAttribute('className','thumbLeft');
	
	var element = document.getElementById("alternate-button");
  	element.onclick = mensRing01;
	
	new Effect.Morph('mensRing01',{style:'background-position:-643px 0px'})
};
function mensRing01(){
	document.getElementById("alternate-image").setAttribute('class','thumbRight');
	document.getElementById("alternate-image").setAttribute('className','thumbRight');

	var element = document.getElementById("alternate-button");
  	element.onclick = mensRing01Alternate;
  	
	new Effect.Morph('mensRing01',{style:'background-position:0px 0px'})

};