	
/*Editor's choice */
        var speed=0.01;
	var slideSpeed = 10;	
	var slideSteps =2.5; // this indicates the speed at which the layer moves higher means faster	
	var columnsOfThumbnails = 4;	
	
	var imageToShow = false;
	var slideWidth  = false;
	var thumbWidth = false;
	var previewWidth = false;
	
	var currentActiveImage = false;
	var thumbDiv = false;
	var thumbSlideInProgress = false;
	
	var leftArrowObj;
	var rightArrowObj;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;
     
	
	function startShow(totalPics)
	{
	       if(totalPics>0){
		leftArrowObj = document.getElementById('leftArrow');		
		leftArrowObj.style.visibility='hidden';
		rightArrowObj = document.getElementById('rightArrow');	
		leftArrowObj.style.cursor = 'pointer';
		rightArrowObj.style.cursor = 'pointer';

		   if(totalPics<=columnsOfThumbnails) 		   rightArrowObj.style.visibility="hidden";

		leftArrowObj.onclick = moveThumbnails;
		rightArrowObj.onclick = moveThumbnails;
		var innerDiv = document.getElementById('thumbs_inner');

		slideWidth = 850;//innerDiv.getElementsByTagName('DIV')[1].offsetWidth;//specify the width out here to move the slide. 
				 // in the css 500 has been specified
					

		thumbDiv = document.getElementById('thumbs_inner');
		thumbDiv.style.left = '0px';
		
		var subDivs = thumbDiv.getElementsByTagName('DIV');
		thumbWidth = 0;
		var tmpLeft = 0;
		for(var no=0;no<subDivs.length;no++){
			if(subDivs[no].className=='thumbnail_list'){
				thumbWidth = thumbWidth + slideWidth;
				subDivs[no].style.left = tmpLeft + 'px';
				subDivs[no].style.top = '0px';
				tmpLeft = tmpLeft + subDivs[no].offsetWidth;
			}
		}

		previewWidth = document.getElementById('thumbs').offsetWidth;
		
		currentActiveImage = thumbDiv.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		currentActiveImage.className='activeImage';
	
 	    }

	}

         
        function moveThumbnails()
	{

		if(thumbSlideInProgress)return;
		thumbSlideInProgress = true;
		if(this.id=='leftArrow'){
			thumbsColIndex--;
			rightArrowObj.style.visibility='visible';
			if(thumbDiv.style.left.replace('px','')/1>=0){
				leftArrowObj.style.visibility='hidden';
				thumbSlideInProgress = false;
				return;
			}
			
			slideThumbs(slideSteps,0);
			
		}else{
			thumbsColIndex++;
			leftArrowObj.style.visibility='visible';
			var left = thumbDiv.style.left.replace('px','')/1;	
			var showArrow = true;
			if(thumbWidth + left - slideWidth <= previewWidth+5000)showArrow = false;
		
			if(columnsOfThumbnails){showArrow = true;

			}
				
			if(!showArrow)	
			{
				rightArrowObj.style.visibility='hidden';
				thumbSlideInProgress = false;
				return;
			}	
			
			slideThumbs((slideSteps*-1),0);

		}	
		
	}


        function slideThumbs(speed,currentPos)
	{

		var leftPos;
		if(thumbsLeftPos){
			leftPos= thumbsLeftPos;
		}else{
			var leftPos = thumbDiv.style.left.replace('px','')/1;
			thumbsLeftPos = leftPos;
		}
		currentPos = currentPos + Math.abs(speed);		
		var tmpLeftPos = leftPos;
		leftPos = leftPos + speed;
		thumbsLeftPos = leftPos;
		thumbDiv.style.left = leftPos + 'px'; //

		if(currentPos<slideWidth)setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);else{
			if(tmpLeftPos>=0 || (columnsOfThumbnails && thumbsColIndex==1)){
				document.getElementById('leftArrow').style.visibility='hidden';
			}	
			var left = tmpLeftPos;		
			var showArrow = true;

			if(thumbWidth + left - slideWidth <= previewWidth)showArrow=false;

			if(columnsOfThumbnails){
				if((thumbsColIndex+3)<=columnsOfThumbnails){
				 showArrow=true;
				 } else showArrow = false;				
		}			
	

		if(!showArrow){
				
				document.getElementById('rightArrow').style.visibility='hidden';
			}					
			thumbSlideInProgress = false;
		}
	
	}
      

/*Occasion Basis*/


        var speed2 = 0.01;
	var slideSpeed2 = 10;	
	var slideSteps2 = 2.5; // this indicates the speed at which the layer moves higher means faster	
	var columnsOfThumbnails2 = 4;	
	
	var imageToShow2 = false;
	var slideWidth2  = false;
	var thumbWidth2 = false;
	var previewWidth2 = false;
	
	var currentActiveImage2 = false;
	var thumbDiv2 = false;
	var thumbSlideInProgress2 = false;
	
	var leftArrowObj2;
	var rightArrowObj2;
	var thumbsColIndex2 = 1;
	var thumbsLeftPos2 = false;


    function NewstartShow(totalPics2)
	{
	       if(totalPics2>0){
		leftArrowObj2 = document.getElementById('leftArrow2');		
		leftArrowObj2.style.visibility='hidden';
		rightArrowObj2 = document.getElementById('rightArrow2');	
		leftArrowObj2.style.cursor = 'pointer';
		rightArrowObj2.style.cursor = 'pointer';

		   if(totalPics2 <= columnsOfThumbnails2)  rightArrowObj2.style.visibility="hidden";

		leftArrowObj2.onclick = moveThumbnails2;
		rightArrowObj2.onclick = moveThumbnails2;
		var innerDiv2 = document.getElementById('thumbs_inner2');

		slideWidth2 = 850;//innerDiv.getElementsByTagName('DIV')[1].offsetWidth;//specify the width out here to move the slide. 
				 // in the css 500 has been specified
					

		thumbDiv2 = document.getElementById('thumbs_inner2');
		thumbDiv2.style.left = '0px';
		
		var subDivs2 = thumbDiv2.getElementsByTagName('DIV');
		thumbWidth2 = 0;
		var tmpLeft2 = 0;
		for(var no2 = 0; no2 < subDivs2.length;no2++){
			if(subDivs2[no2].className=='thumbnail_list'){
				thumbWidth2 = thumbWidth2 + slideWidth2;
				subDivs2[no2].style.left = tmpLeft2 + 'px';
				subDivs2[no2].style.top = '0px';
				tmpLeft2 = tmpLeft2 + subDivs2[no2].offsetWidth;
			}
		}

		previewWidth2 = document.getElementById('thumbs2').offsetWidth;
		
		currentActiveImage2 = thumbDiv2.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		currentActiveImage2.className='activeImage';
	
 	    }

	}
	
	function moveThumbnails2()
	{

		if(thumbSlideInProgress2)return;
		thumbSlideInProgress2 = true;
		if(this.id=='leftArrow2'){
			thumbsColIndex2--;
			rightArrowObj2.style.visibility='visible';
			if(thumbDiv2.style.left.replace('px','')/1>=0){
				leftArrowObj2.style.visibility='hidden';
				thumbSlideInProgress2 = false;
				return;
			}
			
			slideThumbs2(slideSteps2,0);
			
		}else{
			thumbsColIndex2++;
			leftArrowObj2.style.visibility='visible';
			var left2 = thumbDiv2.style.left.replace('px','')/1;	
			var showArrow2 = true;
			if(thumbWidth2 + left2 - slideWidth2 <= previewWidth2 + 5000)showArrow2 = false;
		
			if(columnsOfThumbnails2){showArrow2 = true;

			}
				
			if(!showArrow2)	
			{
				rightArrowObj2.style.visibility='hidden';
				thumbSlideInProgress2 = false;
				return;
			}	
			
			slideThumbs2((slideSteps2 * -1),0);

		}	
		
	}


       
	
	function slideThumbs2(speed2,currentPos2)
	{

		var leftPos2;
		if(thumbsLeftPos2){
			leftPos2 = thumbsLeftPos2;
		}else{
			var leftPos2 = thumbDiv2.style.left.replace('px','')/1;
			thumbsLeftPos2 = leftPos2;
		}
		currentPos2 = currentPos2 + Math.abs(speed2);		
		var tmpLeftPos2 = leftPos2;
		leftPos2 = leftPos2 + speed2;
		thumbsLeftPos2 = leftPos2;
		thumbDiv2.style.left = leftPos2 + 'px'; 

		if(currentPos2 < slideWidth2)setTimeout('slideThumbs2(' + speed2 + ',' + currentPos2 + ')',slideSpeed2);else{
			if(tmpLeftPos2 >= 0 || (columnsOfThumbnails2 && thumbsColIndex2 == 1)){
				document.getElementById('leftArrow2').style.visibility = 'hidden';
			}	
			var left2 = tmpLeftPos2;		
			var showArrow2 = true;

			if(thumbWidth2 + left2 - slideWidth2 <= previewWidth2)showArrow2 = false;

			if(columnsOfThumbnails2){
				if((thumbsColIndex2 + 3) <= columnsOfThumbnails2){
				 showArrow2 = true;
				 } else showArrow2 = false;				
		}			
	

		if(!showArrow2){
				
				document.getElementById('rightArrow2').style.visibility='hidden';
			}					
			thumbSlideInProgress2 = false;
		}
	
	}
	
/*Love You card row*/

        var speed3 = 0.01;
	var slideSpeed3 = 10;	
	var slideSteps3 = 2.5; // this indicates the speed at which the layer moves higher means faster	
	var columnsOfThumbnails3 = 4;	
	
	var imageToShow3 = false;
	var slideWidth3  = false;
	var thumbWidth3 = false;
	var previewWidth3 = false;
	
	var currentActiveImage3 = false;
	var thumbDiv3 = false;
	var thumbSlideInProgress3 = false;
	
	var leftArrowObj3;
	var rightArrowObj3;
	var thumbsColIndex3 = 1;
	var thumbsLeftPos3 = false;


    function startShowNew(totalPics3)
	{
	       if(totalPics3 > 0){
		leftArrowObj3 = document.getElementById('leftArrow3');		
		leftArrowObj3.style.visibility='hidden';
		rightArrowObj3 = document.getElementById('rightArrow3');	
		leftArrowObj3.style.cursor = 'pointer';
		rightArrowObj3.style.cursor = 'pointer';

		   if(totalPics3 <= columnsOfThumbnails3)  rightArrowObj3.style.visibility="hidden";

		leftArrowObj3.onclick = moveThumbnails3;
		rightArrowObj3.onclick = moveThumbnails3;
		var innerDiv3 = document.getElementById('thumbs_inner3');

		slideWidth3 = 850;//innerDiv.getElementsByTagName('DIV')[1].offsetWidth;//specify the width out here to move the slide. 
				 // in the css 500 has been specified
					

		thumbDiv3 = document.getElementById('thumbs_inner3');
		thumbDiv3.style.left = '0px';
		
		var subDivs3 = thumbDiv3.getElementsByTagName('DIV');
		thumbWidth3 = 0;
		var tmpLeft3 = 0;
		for(var no3 = 0; no3 < subDivs3.length; no3++){
			if(subDivs3[no3].className=='thumbnail_list'){
				thumbWidth3 = thumbWidth3 + slideWidth3;
				subDivs3[no3].style.left = tmpLeft3 + 'px';
				subDivs3[no3].style.top = '0px';
				tmpLeft3 = tmpLeft3 + subDivs3[no3].offsetWidth;
			}
		}

		previewWidth3 = document.getElementById('thumbs3').offsetWidth;
		
		currentActiveImage3 = thumbDiv3.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		currentActiveImage3.className='activeImage';
	
 	    }

	}
	
	function moveThumbnails3()
	{

		if(thumbSlideInProgress3)return;
		thumbSlideInProgress3 = true;
		if(this.id=='leftArrow3'){
			thumbsColIndex3--;
			rightArrowObj3.style.visibility='visible';
			if(thumbDiv3.style.left.replace('px','')/1>=0){
				leftArrowObj3.style.visibility='hidden';
				thumbSlideInProgress3 = false;
				return;
			}
			
			slideThumbs3(slideSteps3,0);
			
		}else{
			thumbsColIndex3++;
			leftArrowObj3.style.visibility='visible';
			var left3 = thumbDiv3.style.left.replace('px','')/1;	
			var showArrow3 = true;
			if(thumbWidth3 + left3 - slideWidth3 <= previewWidth3 + 5000)showArrow3 = false;
		
			if(columnsOfThumbnails3){showArrow3 = true;

			}
				
			if(!showArrow3)	
			{
				rightArrowObj3.style.visibility='hidden';
				thumbSlideInProgress3 = false;
				return;
			}	
			
			slideThumbs3((slideSteps3 * -1),0);

		}	
		
	}


       
	
	function slideThumbs3(speed3,currentPos3)
	{

		var leftPos3;
		if(thumbsLeftPos3){
			leftPos3 = thumbsLeftPos3;
		}else{
			var leftPos3 = thumbDiv3.style.left.replace('px','')/1;
			thumbsLeftPos3 = leftPos3;
		}
		currentPos3 = currentPos3 + Math.abs(speed3);		
		var tmpLeftPos3 = leftPos3;
		leftPos3 = leftPos3 + speed3;
		thumbsLeftPos3 = leftPos3;
		thumbDiv3.style.left = leftPos3 + 'px'; 

		if(currentPos3 < slideWidth3)setTimeout('slideThumbs3(' + speed3 + ',' + currentPos3 + ')',slideSpeed3);else{
			if(tmpLeftPos3 >= 0 || (columnsOfThumbnails3 && thumbsColIndex3 == 1)){
				document.getElementById('leftArrow3').style.visibility = 'hidden';
			}	
			var left3 = tmpLeftPos3;		
			var showArrow3 = true;

			if(thumbWidth3 + left3 - slideWidth3 <= previewWidth3)showArrow3 = false;

			if(columnsOfThumbnails3){
				if((thumbsColIndex3 + 3) <= columnsOfThumbnails3){
				 showArrow3 = true;
				 } else showArrow3 = false;				
		}			
	

		if(!showArrow3){
				
				document.getElementById('rightArrow3').style.visibility='hidden';
			}					
			thumbSlideInProgress3 = false;
		}
	
	}







/*What's New card row*/

        var speed4 = 0.01;
	var slideSpeed4 = 10;	
	var slideSteps4 = 2.5; // this indicates the speed at which the layer moves higher means faster	
	var columnsOfThumbnails4 = 4;	
	
	var imageToShow4 = false;
	var slideWidth4  = false;
	var thumbWidth4 = false;
	var previewWidth4 = false;
	
	var currentActiveImage4 = false;
	var thumbDiv4 = false;
	var thumbSlideInProgress4 = false;
	
	var leftArrowObj4;
	var rightArrowObj4;
	var thumbsColIndex4 = 1;
	var thumbsLeftPos4 = false;


    function startShowAnother(totalPics4)
	{
	       if(totalPics4 > 0){
		leftArrowObj4 = document.getElementById('leftArrow4');		
		leftArrowObj4.style.visibility='hidden';
		rightArrowObj4 = document.getElementById('rightArrow4');	
		leftArrowObj4.style.cursor = 'pointer';
		rightArrowObj4.style.cursor = 'pointer';

		   if(totalPics4 <= columnsOfThumbnails4)  rightArrowObj4.style.visibility="hidden";

		leftArrowObj4.onclick = moveThumbnails4;
		rightArrowObj4.onclick = moveThumbnails4;
		var innerDiv4 = document.getElementById('thumbs_inner4');

		slideWidth4 = 850;//innerDiv.getElementsByTagName('DIV')[1].offsetWidth;//specify the width out here to move the slide. 
				 // in the css 500 has been specified
					

		thumbDiv4 = document.getElementById('thumbs_inner4');
		thumbDiv4.style.left = '0px';
		
		var subDivs4 = thumbDiv4.getElementsByTagName('DIV');
		thumbWidth4 = 0;
		var tmpLeft4 = 0;
		for(var no4 = 0; no4 < subDivs4.length; no4++){
			if(subDivs4[no4].className == 'thumbnail_list'){
				thumbWidth4 = thumbWidth4 + slideWidth4;
				subDivs4[no4].style.left = tmpLeft4 + 'px';
				subDivs4[no4].style.top = '0px';
				tmpLeft4 = tmpLeft4 + subDivs4[no4].offsetWidth;
			}
		}

		previewWidth4 = document.getElementById('thumbs4').offsetWidth;
		
		currentActiveImage4 = thumbDiv4.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		currentActiveImage4.className='activeImage';
	
 	    }

	}
	
	function moveThumbnails4()
	{

		if(thumbSlideInProgress4)return;
		thumbSlideInProgress4 = true;
		if(this.id=='leftArrow4'){
			thumbsColIndex4--;
			rightArrowObj4.style.visibility = 'visible';
			if(thumbDiv4.style.left.replace('px','')/1>=0){
				leftArrowObj4.style.visibility='hidden';
				thumbSlideInProgress4 = false;
				return;
			}
			
			slideThumbs4(slideSteps4,0);
			
		}else{
			thumbsColIndex4++;
			leftArrowObj4.style.visibility='visible';
			var left4 = thumbDiv4.style.left.replace('px','')/1;	
			var showArrow4 = true;
			if(thumbWidth4 + left4 - slideWidth4 <= previewWidth4 + 5000)showArrow4 = false;
		
			if(columnsOfThumbnails4){showArrow4 = true;

			}
				
			if(!showArrow4)	
			{
				rightArrowObj4.style.visibility='hidden';
				thumbSlideInProgress4 = false;
				return;
			}	
			
			slideThumbs4((slideSteps4 * -1),0);

		}	
		
	}


       
	
	function slideThumbs4(speed4,currentPos4)
	{

		var leftPos4;
		if(thumbsLeftPos4){
			leftPos4 = thumbsLeftPos4;
		}else{
			var leftPos4 = thumbDiv4.style.left.replace('px','')/1;
			thumbsLeftPos4 = leftPos4;
		}
		currentPos4 = currentPos4 + Math.abs(speed4);		
		var tmpLeftPos4 = leftPos4;
		leftPos4 = leftPos4 + speed4;
		thumbsLeftPos4 = leftPos4;
		thumbDiv4.style.left = leftPos4 + 'px'; 

		if(currentPos4 < slideWidth4)setTimeout('slideThumbs4(' + speed4 + ',' + currentPos4 + ')',slideSpeed4);else{
			if(tmpLeftPos4 >= 0 || (columnsOfThumbnails4 && thumbsColIndex4 == 1)){
				document.getElementById('leftArrow4').style.visibility = 'hidden';
			}	
			var left4 = tmpLeftPos4;		
			var showArrow4 = true;

			if(thumbWidth4 + left4 - slideWidth4 <= previewWidth4)showArrow4 = false;

			if(columnsOfThumbnails4){
				if((thumbsColIndex4 + 3) <= columnsOfThumbnails4){
				 showArrow4 = true;
				 } else showArrow4 = false;				
		}			
	

		if(!showArrow4){
				
				document.getElementById('rightArrow4').style.visibility='hidden';
			}					
			thumbSlideInProgress4 = false;
		}
	
	}



/*Halloween Cards*/

        var speed5 = 0.01;
	var slideSpeed5 = 10;	
	var slideSteps5 = 2.5; // this indicates the speed at which the layer moves higher means faster	
	var columnsOfThumbnails5 = 4;	
	
	var imageToShow5 = false;
	var slideWidth5  = false;
	var thumbWidth5 = false;
	var previewWidth5 = false;
	
	var currentActiveImage5 = false;
	var thumbDiv5 = false;
	var thumbSlideInProgress5 = false;
	
	var leftArrowObj5;
	var rightArrowObj5;
	var thumbsColIndex5 = 1;
	var thumbsLeftPos5 = false;


    function startShowAnother1(totalPics5)
	{
	       if(totalPics5 > 0){
		leftArrowObj5 = document.getElementById('leftArrow5');		
		leftArrowObj5.style.visibility='hidden';
		rightArrowObj5 = document.getElementById('rightArrow5');	
		leftArrowObj5.style.cursor = 'pointer';
		rightArrowObj5.style.cursor = 'pointer';

		   if(totalPics5 <= columnsOfThumbnails5)  rightArrowObj5.style.visibility="hidden";

		leftArrowObj5.onclick = moveThumbnails5;
		rightArrowObj5.onclick = moveThumbnails5;
		var innerDiv5 = document.getElementById('thumbs_inner5');

		slideWidth5 = 850;//innerDiv.getElementsByTagName('DIV')[1].offsetWidth;//specify the width out here to move the slide. 
				 // in the css 500 has been specified
					

		thumbDiv5 = document.getElementById('thumbs_inner5');
		thumbDiv5.style.left = '0px';
		
		var subDivs5 = thumbDiv5.getElementsByTagName('DIV');
		thumbWidth5 = 0;
		var tmpLeft5 = 0;
		for(var no5 = 0; no5 < subDivs5.length; no5++){
			if(subDivs5[no5].className == 'thumbnail_list'){
				thumbWidth5 = thumbWidth5 + slideWidth5;
				subDivs5[no5].style.left = tmpLeft5 + 'px';
				subDivs5[no5].style.top = '0px';
				tmpLeft5 = tmpLeft5 + subDivs5[no5].offsetWidth;
			}
		}

		previewWidth5 = document.getElementById('thumbs5').offsetWidth;
		
		currentActiveImage5 = thumbDiv5.getElementsByTagName('A')[0].getElementsByTagName('IMG')[0];
		currentActiveImage5.className='activeImage';
	
 	    }

	}
	
	function moveThumbnails5()
	{

		if(thumbSlideInProgress5)return;
		thumbSlideInProgress5 = true;
		if(this.id=='leftArrow5'){
			thumbsColIndex5--;
			rightArrowObj5.style.visibility = 'visible';
			if(thumbDiv5.style.left.replace('px','')/1>=0){
				leftArrowObj5.style.visibility='hidden';
				thumbSlideInProgress5 = false;
				return;
			}
			
			slideThumbs4(slideSteps5,0);
			
		}else{
			thumbsColIndex5++;
			leftArrowObj5.style.visibility='visible';
			var left5 = thumbDiv5.style.left.replace('px','')/1;	
			var showArrow5 = true;
			if(thumbWidth5 + left5 - slideWidth5 <= previewWidth5 + 5000)showArrow5 = false;
		
			if(columnsOfThumbnails5){showArrow5 = true;

			}
				
			if(!showArrow5)	
			{
				rightArrowObj5.style.visibility='hidden';
				thumbSlideInProgress5 = false;
				return;
			}	
			
			slideThumbs5((slideSteps5 * -1),0);

		}	
		
	}


       
	
	function slideThumbs5(speed5,currentPos5)
	{

		var leftPos5;
		if(thumbsLeftPos5){
			leftPos5 = thumbsLeftPos5;
		}else{
			var leftPos5 = thumbDiv5.style.left.replace('px','')/1;
			thumbsLeftPos5 = leftPos5;
		}
		currentPos5 = currentPos5 + Math.abs(speed5);		
		var tmpLeftPos5 = leftPos5;
		leftPos5 = leftPos5 + speed5;
		thumbsLeftPos5 = leftPos5;
		thumbDiv5.style.left = leftPos5 + 'px'; 

		if(currentPos5 < slideWidth5)setTimeout('slideThumbs5(' + speed5 + ',' + currentPos5 + ')',slideSpeed5);else{
			if(tmpLeftPos5 >= 0 || (columnsOfThumbnails5 && thumbsColIndex5 == 1)){
				document.getElementById('leftArrow5').style.visibility = 'hidden';
			}	
			var left5 = tmpLeftPos5;		
			var showArrow5 = true;

			if(thumbWidth5 + left5 - slideWidth5 <= previewWidth5)showArrow5 = false;

			if(columnsOfThumbnails5){
				if((thumbsColIndex5 + 3) <= columnsOfThumbnails5){
				 showArrow5 = true;
				 } else showArrow5 = false;				
		}			
	

		if(!showArrow5){
				
				document.getElementById('rightArrow5').style.visibility='hidden';
			}					
			thumbSlideInProgress5 = false;
		}
	
	}

	