	function startLoading() {
	
	Element.appear('Loader',{duration: 0.2});
	 //document.getElementById('Loader').style.display='block';		 
	}
	
	function finishLoading() {
	//Element.show('HideBlock');
	Effect.toggle('HideBlock', 'slide', { duration: .75 });	
	Effect.Fade('Loader', {duration: 1});

	//document.getElementById('HideBlock').style.display=document.getElementById('HideBlock').style.display=='block'?'none':'block';
	//document.getElementById('HideBlock').style.display='block';	
	 
	}
	function showDiv(id){	
	//alert(id);
	startLoading();
	new Ajax.Updater('wrapPic', '/itemPic.php', {method: 'post', postBody:'content='+ id +''});
	new Ajax.Updater('boxStyle', '/itemStyle.php', {method: 'post', postBody:'content='+ id +''});
	new Ajax.Updater('boxTitle', '/itemTitle.php', {method: 'post', postBody:'content='+ id +''});
	new Ajax.Updater('boxDesc', '/itemDesc.php', {method: 'post', postBody:'content='+ id +''});
	new Ajax.Updater('boxMaterial', '/itemFabric.php', {method: 'post', postBody:'content='+ id +''});
	new Ajax.Updater('boxSize', '/itemSize.php', {method: 'post', postBody:'content='+ id +''});
	new Ajax.Updater('wrapSpecFeat', '/itemFabFeat.php', {method: 'post', postBody:'content='+ id +''});
	new Ajax.Updater('wrapColors', '/itemColors.php', {method: 'post', postBody:'content='+ id +''});
	
	//Effect.toggle('HideBlock', 'slide');
	finishLoading();
	
	}
	
	function showDiv2(id2,cid2){	
	startLoading2();
		new Ajax.Updater('wrapPic', '/itemPic.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxStyle', '/itemStyle.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxTitle', '/itemTitle.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxDesc', '/itemDesc.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxMaterial', '/itemFabric.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxSize', '/itemSize.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('wrapSpecFeat', '/itemFabFeat.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('wrapColors', '/itemColors.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('wrapFgroup', '/csItems.php', {method: 'post', postBody:'id='+ cid2 +'sid='+id2+''});
		
	//Effect.toggle('HideBlock', 'slide');
	 finishLoading2()
	
	}
	
	function showDiv2b(id2,cid2){	
	startLoading2b();
		new Ajax.Updater('wrapPic', '/itemPic.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxStyle', '/itemStyle.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxTitle', '/itemTitle.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxDesc', '/itemDesc.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxMaterial', '/itemFabric.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('boxSize', '/itemSize.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('wrapSpecFeat', '/itemFabFeat.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('wrapColors', '/itemColors.php', {method: 'post', postBody:'content='+ id2 +''});
		new Ajax.Updater('wrapFgroup', '/csItems.php', {method: 'post', postBody:'id='+ cid2 +'sid='+id2+''});
	finishLoading2b()
	
	}
	
	function showDiv4(){
		//Element.appear('HideBlock3',{duration: 0.2});
		
			elem = document.getElementById("HideBlock3");
		 	elem.style.display='block';
			
		
		//Effect.toggle('HideBlock3', 'slide', { duration: .75 });	
	}
	function hideDiv4(){
	
			elem = document.getElementById("HideBlock3");
		 	elem.style.display='none';
				
	}
	
	function startLoading2() {
	
	Element.appear('Loader',{duration: 0.2});
	 //document.getElementById('Loader').style.display='block';		
	
	}
	
	function startLoading2b() {
	
	Element.appear('Loader',{duration: 0.2});
	 //document.getElementById('Loader').style.display='block';		
	
	}
	
	function finishLoading2() {
	//Element.show('HideBlock');
	Effect.toggle('HideBlock', 'slide', { duration: .75 });	
	Effect.Fade('Loader', {duration: 1}); 
	
	}
	
	
	
	function finishLoading2b() {
	//Element.show('HideBlock');
	//Effect.toggle('HideBlock2', 'slide', { duration: .75 });	
	Effect.Fade('Loader', {duration: 1}); 
	
	}
	
	
	function showDiv3(id3){	
	startLoading2();
		new Ajax.Updater('ScrollHcs2', '/csItems.php', {method: 'post', postBody:'id='+ id3 +''});
		
	//Effect.toggle('HideBlock', 'slide');
	finishLoading3();
	
	}
	
	function startLoading3() {
	
	Element.appear('Loader',{duration: 0.2});
	 //document.getElementById('Loader').style.display='block';		 
	}
	
	function finishLoading3() {
	//Element.show('HideBlock');
	Effect.toggle('HideBlock3', 'slide', { duration: .75 });	
	Effect.Fade('Loader', {duration: 1});
	
	 
	}
	
	function changeColorPic(pic) {
	//alert(pic)
	new Ajax.Updater('wrapPic', '/itemPicC.php', {method: 'post', postBody:'content='+ pic+''});
	
	 
	}
	
	function scrollset2(){				
			//s.dispose();				
		
			
		// horizontal slider control
			 var slider2 = new Control.Slider('handleH2', 'trackH2', {
					onSlide: function(v) { scrollHorizontal(v, $('ScrollHcs'), slider2);  },
					onChange: function(v) { scrollHorizontal(v, $('ScrollHcs'), slider2); }
			});	
								
								
		// disable horizontal scrolling if text doesn\'t overflow the div
		if ($('ScrollHcs').scrollWidth <= $('ScrollHcs').offsetWidth) {
			slider2.setDisabled();
			$('wrapH2').hide();
		}else{
			slider2.setEnabled();
			$('wrapH2').show();
		}
	}	
	
	function sendit(fn, ln, em, ph, msg){	
	 //alert(em);
		new Ajax.Updater('pright', '/scripts/mailme.php', {method: 'post', postBody:'fname='+ fn +'&lname='+ ln +'&email='+ em +'&phone='+ ph +'&message='+ msg +''});
	}
	
	
	function enlargePic(picPath, picDesc)
		{
		
		 elem = document.getElementById("full");
		 elem1 = document.getElementById("pictdesc");
		 elem2 = document.getElementById("bigpic");
				 		 
		 elem2.src=picPath;
		 elem1.innerHTML=picDesc;
		// Element.appear("full",{duration: 0.2});
		  elem.style.display='block';		
		}
		
		function hidePic()
		{
		 elem = document.getElementById("full");
		 elem.style.display='none';		
		// Effect.Fade("full", {duration: 1});
		}

