(function($) {
  
    $.fn.shiftGallery = function(options) {
      
      
          var wpos = 0;
          
          var thumbWidth = 140;
          var thumbHeight = 100;
		  var thumbSpace = 5;
		  var thumbNrPage = 3;
		  
		  var imageWidth = 0;
		  var imageHeight = 0;
		  var realImageWidth=0;
		  var realImageHeight=0;
		  
		  var currPage = 0;
		  var currNr = 0;
		  
		  var stripArray = new Array();
		  
		  var defaultArrowSize = 20;
		  
		  
		  var stripWidth=150;
		  var stripHeight=150;
		  
		  var j=0;
		  var k=0;
		  
		  var stripX=0;
		  var stripY=0;
		  
		  var stripNrX=5;
		  var stripNrY=5;
		  
		  var navSpace=5;


		  var transition = "curtainSim"
		  var transitionArray = [];
		  var transitionTypeArray = [];
		  var descriptionOpacityArray = [];
		  
		  var transitionTime=1200;
		  var stripDelay=70;
		  
		  
		  
		  var busy=false;
		  
		  var lastIndex=99;
		  
		  
		  
		  
		  var aux=0;
		  
		  var aux3=0;
		  
		  var isSlideshow="off";
		  var paused=false;
		  var slideshowTime=5000;
		  var tempCount = 0;
		  
		  var menuPosition="down"
		  
		  
          var defaults = {
             thumbWidth : 140,
          thumbHeight : 100,
		   thumbSpace : 5,
		  thumbNrPage : 3,
		  
		  imageWidth : 0,
		  imageHeight : 0,
		  transition : "curtainShift",
		  transitionTime:1200,
		  stripDelay:70,
		  
		  stripNrX:5,
		  stripNrY:5,
		  navSpace:5,
		  isSlideshow : "on",
		  slideshowTime : 3,
		  menuPosition : "none"
            },
            
           options = $.extend(defaults, options);
                
          this.each(function() {
            
		thumbWidth=options.thumbWidth;
		thumbHeight=options.thumbHeight;
		thumbSpace=options.thumbSpace;
		thumbNrPage=options.thumbNrPage;
		imageWidth=options.imageWidth;
		imageHeight=options.imageHeight;
		transition=options.transition;
		transitionTime=options.transitionTime;
		stripDelay=options.stripDelay;
		
		stripNrX=options.stripNrX;
		stripNrY=options.stripNrY;
		navSpace=options.navSpace;
		
		isSlideshow=options.isSlideshow;
		slideshowTime=options.slideshowTime;
		
		menuPosition=options.menuPosition;
			
		
          jQuery(this).append('<div id="imgCon"></div>')
		  jQuery(this).css('overflow', 'hidden')
		  
		  jQuery('.slider').css('max-width','625px')
		  jQuery('.slider').css('max-height','203px')
		 
          
		 
          
		  var nrChildren = jQuery(this).children().length;
		  var imgCon = jQuery(this).find('#imgCon');
		  
		  if(transition=="random")
		  {
		  	for(i=0;i<nrChildren;i++)
			{
				var randomNr = Math.floor(Math.random()*9)
				
				
				if(randomNr==0)
				{
					if(jQuery.browser.msie)
					{
						transitionArray[i]="curtainLeft";
					}
					else
					transitionArray[i]="slideFade";
				}
				
				if(randomNr==1)
				{
						
					if(jQuery.browser.msie)
					{
						transitionArray[i]="curtainLeft";
					}
					else
					transitionArray[i]="slideFade";
				}
							
				if(randomNr==2)
				transitionArray[i]="curtainAlpha";
				if(randomNr==3)
				transitionArray[i]="curtainLeft";				
				if(randomNr==4)
				transitionArray[i]="curtainSim";				
				if(randomNr==5)
				transitionArray[i]="curtainShift";				
				if(randomNr==6)
				transitionArray[i]="curtainAlternative";			
				if(randomNr==7)
				transitionArray[i]="blocksDiagonal";				
				if(randomNr==8)
				transitionArray[i]="blocksSlide";
			}
		  }
		  else
		  {
		  	for(i=0;i<nrChildren;i++)
			transitionArray[i]=transition;
		  }
		  
		  for (i = 0; i < nrChildren; i++) {
		  	if(transitionArray[i]=="blocksDiagonal" || transitionArray[i]=="blocksSlide")
			{
				transitionTypeArray[i]="cubes"
			}
			else
			{
				transitionTypeArray[i]="simple"
			}
		  }
		  
		 
		 
		  
		  imgCon.append('<div id="slider"></div>')
		  
		  var sliderCon = imgCon.find('#slider');
		  
		   for (i = 0; i < nrChildren-1; i++) {
		  	jQuery(this).children().eq(0).appendTo(sliderCon)
		  }
		  
		  var images = sliderCon.children();
		  
		  
		  
		  if(imageWidth===0)
		  {
		  	imageWidth=images.eq(0).width();
			realImageWidth=imageWidth;
		  }
		  else
		  {
		  	realImageWidth=images.eq(0).width();
		  }
		  
           
		   if(imageHeight===0)
		   {
		   	imageHeight=images.eq(0).height();
			realImageHeight=imageHeight;
		   }
		   else
		   {
		   	realImageHeight=images.eq(0).height();
		   }
		   
		   $(this).css({
		   	'max-width' : imageWidth + navSpace + thumbWidth,
			'max-height' : imageHeight + navSpace + thumbHeight
		   })
		  
		  stripWidth=imageWidth/stripNrX;
		  stripHeight=imageHeight/stripNrY;
		 
		  images.width(imageWidth)
		  images.height(imageHeight)
		  
		  
		  imgCon.css({
		  	'min-height' : imageHeight,
			'min-width' : imageWidth,
		  	'max-width' : imageWidth,
			'max-height' : imageHeight,
			'overflow' : 'hidden'
		  })
		  
		  
		  
		  sliderCon.css('position', 'relative')
		  
		  
		 
		  //NAVIGATION CONSTRUCTION *************
		  jQuery(this).append('<div id="navCon"><div id="thumbSliderCon"><div id="thumbSlider"></div></div></div>');
		  
		  var navCon=jQuery(this).find('#navCon');
		  var thumbSliderCon=jQuery(this).find('#thumbSliderCon');
		  var thumbSlider=jQuery(this).find('#thumbSlider');
		  
		  
		  
		  
		  
		  if(menuPosition=="down")
		  {
		  	navCon.css({
			'min-width' : imageWidth,
		  	'max-width' : imageWidth,
			'min-height' : thumbHeight + navSpace,
			'max-height' : thumbHeight + navSpace,
			'overflow' : 'hidden',
			'text-align' : 'center',
			'position' : 'relative',
			'top' : navSpace
		  	})
			
			
		  	thumbSliderCon.css({
			'min-width' : thumbNrPage * (thumbWidth + thumbSpace),
		  	'max-width' : thumbNrPage * (thumbWidth + thumbSpace),
			'min-height' : thumbHeight,
			'max-height' : thumbHeight,
			'overflow' : 'hidden',
			'position' : 'relative',
			'margin' : 'auto'
		  	})
			
			
		  }
		  else
		  {
		  	navCon.css({
			'min-width' : thumbWidth + navSpace,
		  	'max-width' : thumbWidth + navSpace,
			'min-height' : imageHeight,
			'max-height' : imageHeight,
			'overflow' : 'hidden',
			'text-align' : 'left',
			'position' : 'absolute',
			'left' : navSpace + imageWidth,
			'top' : 0
		  	})
			
			
		  	thumbSliderCon.css({
			'min-width' : thumbWidth,
		  	'max-width' : thumbWidth,
			'min-height' : thumbNrPage * (thumbHeight + thumbSpace),
			'max-height' : thumbNrPage * (thumbHeight + thumbSpace),
			'overflow' : 'hidden',
			'position' : 'relative',
			'top' : (imageHeight-(thumbNrPage*(thumbSpace + thumbHeight)))/2,
			'margin' : 'auto'
		  	})
			
		  }
		  
		  
		  thumbSlider.css('position', 'relative')
		  
		  
		  var thumbPos = 0;
		  
		  if(thumbNrPage>=nrChildren-1)
		 	{
		  	thumbPos+=(thumbNrPage-nrChildren+1)*thumbWidth*0.5;
		  	}
		  
		  for(i=0;i<images.length;i++)
		  {
		  	if(images.eq(i).attr("thumb")!=undefined )
			{
				thumbSlider.append("<img src='" + images.eq(i).attr("thumb") + "'/>")
			}
			else
			{
				thumbSlider.append(images.eq(i).clone());
			}
			
			 
			if (menuPosition == "down") {
				thumbSlider.children().eq(i).css({
					'left': thumbPos,
					'top': 0,
					'position': 'absolute',
					'cursor': 'pointer',
					opacity: 0.6
				})
				
				thumbPos += thumbWidth + thumbSpace;
			}
			else
			{
				thumbSlider.children().eq(i).css({
					'left': 0,
					'top': thumbPos,
					'position': 'absolute',
					'cursor': 'pointer',
					opacity: 0.6
				})
				
				thumbPos += thumbHeight + thumbSpace;
			}
			
			thumbSlider.children().eq(i).mouseover(function(event){
				
				
				if(thumbSlider.children().index($(this))==currNr)
				return;
				
				jQuery(event.target).stop();
				jQuery(event.target).animate({
					opacity:0.9
				},100)
			})
			
			thumbSlider.children().eq(i).mouseout(function(event){
				if(thumbSlider.children().index($(this))==currNr)
				return;
				
				jQuery(event.target).stop();
				jQuery(event.target).animate({
					opacity:0.6
				},400)
			})
			
			
		  }
		  
		  
		  thumbSlider.children().width(thumbWidth);
		  thumbSlider.children().height(thumbHeight);
		  
		  
		  if(thumbNrPage<nrChildren-1)
		  {
		  	navCon.append('<img src="img/arrow.png" id="arrowleft"/>')
			if (jQuery.browser.msie) {
			navCon.append('<img src="img/arrowie.png" id="arrowright"/>')
			}
			else
		 	navCon.append('<img src="img/arrow.png" id="arrowright" class="flipped"/>')
		  
		  }
		  
		  
		  var arrowSize = 0;
		  
		  if (navCon.find('#arrowleft').children().eq(0).width() === 0 || navCon.find('#arrowleft').children().eq(0).width()==null) 
		  {
		  	arrowSize = defaultArrowSize;
		  }
		  else 
		  {
		  	arrowSize = navCon.find('#arrowleft').children().eq(0).width();
		  }
		  	
		 
		  
		  
		  if (menuPosition == "down") {
		  	
			aux = ((imageWidth - (thumbNrPage * (thumbWidth + thumbSpace))) / 4) - arrowSize/2;
		  	navCon.find('#arrowleft').css({
		  		'position': 'absolute',
		  		'top': thumbHeight / 2 - arrowSize / 2,
		  		'left': aux,
		  		'cursor': 'default',
		  		'opacity': '0.5'
		  	})
		  	
		  	navCon.find('#arrowright').css({
		  		'position': 'absolute',
		  		'top': thumbHeight / 2 - arrowSize / 2,
		  		'right': aux,
		  		'cursor': 'pointer',
		  		'opacity': '0.5'
		  	})
		  }
		  else
		  {
		  	aux = imageHeight - ((imageHeight - (thumbNrPage * (thumbHeight + thumbSpace))) / 4) - arrowSize/2;
			

		  	navCon.find('#arrowleft').css({
		  		'position': 'absolute',
		  		'top': 0,
		  		'left': thumbWidth*0.5-arrowSize*0.5,
		  		'cursor': 'default',
		  		'opacity': '0.5'
		  	})
		  	
		  	navCon.find('#arrowright').css({
		  		'position': 'absolute',
		  		'top': aux,
		  		'left': thumbWidth*0.5-arrowSize*0.5,
		  		'cursor': 'pointer',
		  		'opacity': '0.5'
		  	})
		  }
		  
		  
		  
		  
		  $(this).find('#arrowleft').mouseover(function() {
		  	if(currPage!=0)
		  	navCon.find('#arrowleft').css({
				'opacity' : '1'
			})
			
			
			});
			
		$(this).find('#arrowleft').mouseout(function() {
		  	navCon.find('#arrowleft').css({
				'opacity' : '0.5'
			})
			});
			
			
			$(this).find('#arrowright').mouseover(function() {
				
				if(currPage<=Math.floor((nrChildren-1) / thumbNrPage))
		  	navCon.find('#arrowright').css({
				'opacity' : '1'
			})
			});
			
		$(this).find('#arrowright').mouseout(function() {
		  	navCon.find('#arrowright').css({
				'opacity' : '0.5'
			})
			});
			
			
		  
		  $(this).find('#arrowleft').click(function() {
			  gotoPage(currPage-1);
			});
		
		$(this).find('#arrowright').click(function() 
		{
			gotoPage(currPage+1);
		});
		
		function gotoPage(arg)
		{
			
			
			
			if(arg>=0 && arg<=Math.floor((nrChildren-1) / thumbNrPage))
			{
				currPage=arg;
				thumbSlider.stop();
			}
			else
			return;
			
			if(arg==0)
			{
				navCon.find('#arrowleft').css('cursor', 'default')
				navCon.find('#arrowleft').css({
				'opacity' : '0.5'
				})
			}
			
			else
			navCon.find('#arrowright').css('cursor', 'pointer')
			
			if(arg==Math.floor((nrChildren-1) / thumbNrPage))
			{
				navCon.find('#arrowright').css({
				'opacity' : '0.5'
				})
				navCon.find('#arrowright').css('cursor', 'default')
			}
			else
			navCon.find('#arrowright').css('cursor', 'pointer')
			
			var targetX = 0;
			
			
			
			if (menuPosition == "down") {
				targetX = arg * thumbNrPage * -(thumbWidth + thumbSpace);
				
				
				if (targetX > 0) 
					targetX = 0;
				if (targetX < ((nrChildren - 1) - thumbNrPage) * -(thumbWidth + thumbSpace)) 
					targetX = ((nrChildren - 1) - thumbNrPage) * -(thumbWidth + thumbSpace);
				
				thumbSlider.animate({
					left: targetX
				}, 500);
				
			}
			else
			{
				targetX = arg * thumbNrPage * -(thumbHeight + thumbSpace);
				
				
				if (targetX > 0) 
					targetX = 0;
				if (targetX < ((nrChildren - 1) - thumbNrPage) * -(thumbHeight + thumbSpace)) 
					targetX = ((nrChildren - 1) - thumbNrPage) * -(thumbHeight + thumbSpace);
				
				thumbSlider.animate({
					top: targetX
				}, 500);
			}
			
			
			
		}
		thumbSlider.children().click(function(event){
			gotoImage(thumbSlider.children().index(this))
		})
		
		thumbSlider.children().eq(currNr).animate({
				opacity:0.9
			},100)
		
		
		//FUNCTION THAT HANDLES TRANSITIONS
		 function gotoImage(arg)
		  {
		  	
		  	if(currNr===arg)
			return;
			
			if(busy==true)
			{
				return;
			}
			busy=true;
			
			if(stripArray[arg].length == 0 || stripArray[currNr].length == 0)
			transition="slideFade"
			else
			transition=transitionArray[arg];
			
			
			images.eq(arg).css('z-index', lastIndex)
			lastIndex++;
			
			
			
		  	for(i=0;i<images.length;i++)
			{
				if(i==currNr || i==arg)
				images.eq(i).css('visibility','visible')
				else
				images.eq(i).css('visibility','hidden')
				
			}
		  	thumbSlider.children().eq(currNr).animate({
				opacity:0.6
			},100)
			
		  	
		  	
			
			
			
			
			
			//*************TRANSITIONS***********
			
			//START FADE
			if (transition === "fade") {
				
				images.eq(arg).animate({
					left:0,
					opacity:0
				},0)
				
				
				images.eq(arg).animate({
					opacity:1
				},transitionTime)
				
				
				
				
				
				
				//alert("mda")
				
				setTimeout(unBusy,transitionTime)
			}
			//END FADE
			
			//START SLIDEFADE
			if (transition === "slideFade") {
				if (jQuery.browser.msie) {
					images.eq(currNr).animate({
							left: 0
						}, 0);
						images.eq(arg).animate({
							left: imageWidth
						}, 0);
						
						images.eq(currNr).animate({
							left: -imageWidth
						}, 700);
						images.eq(arg).animate({
							left: 0
						}, 700);
					
					
					
					setTimeout(unBusy, transitionTime)
				}
				else {
				
				
					images.eq(currNr).stop();
					images.eq(arg).stop();
					
					if (currNr < arg) {
					
						images.eq(currNr).animate({
							left: 0,
							opacity: 1
						}, 0);
						images.eq(arg).animate({
							left: imageWidth,
							opacity: 0
						}, 0);
						
						images.eq(currNr).animate({
							left: -imageWidth,
							opacity: 0
						}, 700);
						images.eq(arg).animate({
							left: 0,
							opacity: 1
						}, 700);
					}
					else {
					
						images.eq(currNr).animate({
							left: 0,
							opacity: 1
						}, 0);
						images.eq(arg).animate({
							left: -imageWidth,
							opacity: 0
						}, 0);
						
						images.eq(currNr).animate({
							left: imageWidth,
							opacity: 0
						}, 700);
						images.eq(arg).animate({
							left: 0,
							opacity: 1
						}, 700);
					}
					setTimeout(unBusy, transitionTime)
				}
			}
			
			//START curtainAlpha
			if(transition === "curtainAlpha")
			{
				
				
				if(images.eq(arg).css('opacity')==1)
				{
					
				}
				else
				{
					images.eq(arg).css({
					'left' : '0',
					'opacity' : '1'
					})
				}
				
				images.eq(arg).css({
					'left' : '0'
				})
				
				for(i=0;i<stripArray[arg].length;i++)
				{
					stripArray[arg][i].animate({
						opacity:0
					},0)
					stripArray[arg][i].animate({
						opacity:1
					},transitionTime+1.5*i*stripDelay)
				}
				setTimeout(unBusy,transitionTime)
				
			}
			
			//START curtainLeft
			if(transition === "curtainLeft")
			{
				
				
				if(images.eq(arg).css('opacity')==1)
				{
					
				}
				else
				{
					images.eq(arg).css({
					'left' : '0',
					'opacity' : '1'
					})
				}
				
				images.eq(arg).css({
					'left' : '0'
				})
				
				
				for (i = 0; i < stripArray[arg].length; i++) {
					stripArray[arg][i].animate({
						opacity: 0,
						top:-imageWidth
					}, 0)
				}
				i=0;
				function animateIt1()
					{
						
						stripArray[arg][i].animate({
						opacity:0,
						top:-imageWidth
						},0)
						
						stripArray[arg][i].animate({
							opacity:1,
							top:0
						},transitionTime)
						
						
						
						i++;
											
						if(i==stripArray[arg].length)
						{
							clearInterval(inter);
							setTimeout(unBusy,transitionTime)
						}
						
					}
				
				
							
				animateIt1();
				i=1;
				
				var inter = setInterval(function() {

					animateIt1();
					
					},stripDelay)
					
				
				}
				
			//START curtainSim	
			if(transition === "curtainSim")
			{
				
				
				if(images.eq(arg).css('opacity')==1)
				{
					
				}
				else
				{
					images.eq(arg).css({
					'left' : '0',
					'opacity' : '1'
					})
				}
				
				images.eq(arg).css({
					'left' : '0'
				})
				
				
				for (i = 0; i < stripArray[arg].length; i++) {
					stripArray[arg][i].animate({
						opacity: 0,
						top:-imageWidth
					}, 0)
				}
				
				i=0;
				j=stripArray[arg].length-1;
				function animateIt2()
					{
						stripArray[arg][i].animate({
						opacity:0,
						top:-imageWidth
						},0)
						
						stripArray[arg][i].animate({
							opacity:1,
							top:0
						},transitionTime)
						
						
						
						i++;
						
						
						if(j>(stripArray[arg].length/2))
						{
						stripArray[arg][j].animate({
						opacity:0,
						top:-imageWidth
						},0)
						
						stripArray[arg][j].animate({
							opacity:1,
							top:0
						},transitionTime)
						
						
						
						j--;
						
						}		
											
						if(i>=(stripArray[arg].length/2))
						{
							clearInterval(inter);
							setTimeout(unBusy,transitionTime)
						}
						
					}
				
				
							
				animateIt2();
				i=1;
				j=j=stripArray[arg].length-2;
				
				var inter = setInterval(function() {

					animateIt2();
					
					},stripDelay)
					
				
				}
				//END CURTAINSIM
				
				
				//START CURTAINALTERNATIVE
				if(transition === "curtainAlternative")
			{
				
				
				if(images.eq(arg).css('opacity')==1)
				{
					
				}
				else
				{
					images.eq(arg).css({
					'left' : '0',
					'opacity' : '1'
					})
				}
				
				images.eq(arg).css({
					'left' : '0'
				})
				
				
				for (i = 0; i < stripArray[arg].length;i++) {
					stripArray[arg][i].animate({
						opacity: 0
					}, 0)
				}
				
				
				
					
				i=0;
				j=stripArray[arg].length-1;
				function animateIt3()
					{
						if(i%2==0)
						{
						stripArray[arg][i].animate({
						opacity:0,
						top:-imageWidth
						},0)
						}
						else
						{
						stripArray[arg][i].animate({
						opacity:0,
						top:imageWidth
						},0)
						}
						
						stripArray[arg][i].animate({
							opacity:1,
							top:0
						},transitionTime)
						
						
						
						i++;
						
						if (j > (stripArray[arg].length / 2)) {
							if (j % 2 == 0) {
								stripArray[arg][j].animate({
									opacity: 0,
									top: -imageWidth
								}, 0)
							}
							else {
								stripArray[arg][j].animate({
									opacity: 0,
									top: imageWidth
								}, 0)
							}
							
							
							stripArray[arg][j].animate({
								opacity: 1,
								top: 0
							}, transitionTime)
							
							
							
							j--;
						}
											
						if(i>=stripArray[arg].length/2)
						{
							clearInterval(inter);
							setTimeout(unBusy,transitionTime)
						}
						
					}
				
				
							
				animateIt3();
				i=1;
				j=j=stripArray[arg].length-2;
				
				var inter = setInterval(function() {

					animateIt3();
					
					},stripDelay)
					
				
				}
				//END CURTAINALTERNATIVE
				
				//START CURTAINSHIFT
				if(transition === "curtainShift")
			{
				
				
				if(images.eq(arg).css('opacity')==1)
				{
					
				}
				else
				{
					images.eq(arg).css({
					'left' : '0',
					'opacity' : '1'
					})
				}
				
				images.eq(arg).css({
					'left' : '0'
				})
				
				
				for (i = 0; i < stripArray[arg].length;i++) {
					stripArray[arg][i].animate({
						opacity: 0
					}, 0)
				}
				
				
				
					
				i=0;
				j=stripArray[arg].length-1;
				function animateIt4()
					{
						if(i%2==0)
						{
						stripArray[arg][i].animate({
						opacity:0,
						left:stripWidth*(i+1),
						width:1
						},0)
						}
						else
						{
						stripArray[arg][i].animate({
						opacity:0,
						left:stripWidth*i,
						width:1
						},0)
						}
						
						if (i % 2 == 0) {
							stripArray[arg][i].animate({
								opacity: 1,
								left: stripWidth * (i),
								width: stripWidth
							}, transitionTime)
						}
						else
						{
							stripArray[arg][i].animate({
								opacity: 1,
								width: stripWidth
							}, transitionTime)
						}
						
						
						
						i++;
						
						if (j > (stripArray[arg].length / 2)) {
							if (j % 2 == 0) {
								stripArray[arg][j].animate({
									opacity: 0,
									left: stripWidth * (j + 1),
									width: 1
								}, 0)
							}
							else {
								stripArray[arg][j].animate({
									opacity: 0,
									left: stripWidth * j,
									width: 1
								}, 0)
							}
							
							if (j % 2 == 0) {
								stripArray[arg][j].animate({
									opacity: 1,
									left: stripWidth * (j),
									width: stripWidth
								}, transitionTime)
							}
							else {
								stripArray[arg][j].animate({
									opacity: 1,
									width: stripWidth
								}, transitionTime)
							}
							
							j--;
						}
											
						if(i>=stripArray[arg].length/2)
						{
							clearInterval(inter);
							setTimeout(unBusy,transitionTime)
						}
						
					}
				
				
							
				animateIt4();
				i=1;
				j=j=stripArray[arg].length-2;
				
				var inter = setInterval(function() {

					animateIt4();
					
					},stripDelay)
					
				
				}
				//END PSEUDOCURTAIN
				
				//SIMSTRIPS
			if(transition === "blocksDiagonal")
			{
				
				
				if(images.eq(arg).css('opacity')==1)
				{
					
				}
				else
				{
					images.eq(arg).css({
					'left' : '0',
					'opacity' : '1'
					})
				}
				
				
				stripNrY=options.stripNrY;
				
				
				var q=0;
				
				busy=true;
				
				images.eq(arg).css({
					'left' : '0'
				})
				
				
				for (i = 0; i < stripArray[arg].length;i++) {
					for(j=0;j<stripArray[arg][i].length;j++)
					{
						
						stripArray[arg][i][j].animate({
						opacity: 0
						}, 0)
					}
					
				} 
				i=0;
				j=0;
				k=0;
				q=0;
				
				function animateIt5()
				{
					
					
					
					function animateRight()
					{
						if(k>=stripNrX)
							{
								k=0;
								i++;
							}
						
						
						if(parseFloat($(stripArray[arg][i][k]).css('opacity'))==0 )
						{
							
							jQuery(stripArray[arg][i][k]).animate({
								opacity:1
							},transitionTime)
						}
						else
						{
							k++;
							
							
							
							if(i>=stripNrY && k>=stripNrX)
							{
								
							}
							else
							animateRight();
						}
					}
					
					
					animateRight();
					
					function animateDown()
					{
						
						if(j>=stripNrY)
							{
								j=0;
								q++;
							}
						
						if(parseFloat($(stripArray[arg][i][k]).css('opacity'))==0 )
						{
							jQuery(stripArray[arg][j][q]).animate({
								opacity:1
							},transitionTime)
						}
						else
						{
							j++;
							
							
							
							if(j>=stripNrY && q>=stripNrX)
							{
								
							}
							else
							animateDown();
						}
					}
					
					
					animateDown();
					
					//i++;
					//j++;
						if(i>=stripNrY-1 && k>=stripNrX-1)
						{
							clearInterval(inter);
							setTimeout(unBusy,transitionTime);
						}
				}
				
				animateIt5();
				animateIt5();
				
				var inter = setInterval(function() {

					animateIt5();
					
					},stripDelay)
				
					
				}
				//END blocksDiagonal
				
				//START blocksSlide
				if(transition === "blocksSlide")
				{
					
					
				
				if(images.eq(arg).css('opacity')==1)
				{
					
				}
				else
				{
					images.eq(arg).css({
					'left' : '0',
					'opacity' : '1'
					})
				}
				
					images.eq(arg).css({
						'left' : '0'
					})
					
					for (i = 0; i < stripArray[arg].length;i++) {
					for(j=0;j<stripArray[arg][i].length;j++)
					{
						
						stripArray[arg][i][j].animate({
						opacity: 0,
						left:0
						}, 0)
					}
					
					} 
					
					for (i = 0; i < stripArray[arg].length;i++) {
					for(j=0;j<stripArray[arg][i].length;j++)
					{
						
						stripArray[arg][i][j].animate({
						opacity: 1,
						left:j*stripWidth
						}, transitionTime + i*200)
						
						
					}
					
					}
					setTimeout(unBusy,transitionTime);
				} 
					
				
				//hide previous transitions
			images.eq(currNr).find("#descriptionBg").animate({
				opacity:0,
				top:aux2
			},400)
			
			
			aux3=parseFloat(images.eq(currNr).find("#descriptionText").css('top'))
			images.eq(currNr).find("#descriptionText").animate({
				opacity:0,
				top:aux2
			},400)
			
			
			currNr=arg;
			thumbSlider.children().eq(currNr).animate({
				opacity:0.9
			},100)
			
					
			
			aux2=parseFloat(images.eq(currNr).find("#descriptionBg").css('top'))
			
			
			
			images.eq(currNr).find("#descriptionBg").animate({
				opacity:0,
				top:aux2-10
			},0)
			
			
			aux3=parseFloat(images.eq(currNr).find("#descriptionText").css('top'))
			images.eq(currNr).find("#descriptionText").animate({
				opacity:0,
				top:aux2-10
			},0)
			
			tempCount=0;
			
		  }//END GOTOIMAGE
		  
		  function unBusy()
		  {
		  	busy=false;
			
			
			if(images.eq(currNr).find("#descriptionBg").attr('style')!=undefined)
			{
				
				
				i++;
				images.eq(currNr).find("#descriptionBg").stop();
				images.eq(currNr).find("#descriptionText").stop();
				
				images.eq(currNr).find("#descriptionBg").animate({
					opacity:descriptionOpacityArray[currNr],
					top: aux2
				},500)
				
				images.eq(currNr).find("#descriptionText").animate({
					opacity:1,
					top: aux3
				},500)
			}
			
		  }
		  
		  
		  
		  var descriptionBgDiv="<div id='descriptionBg' ";
		  var descriptionTextDiv="<div id='descriptionText'";
		  
		  
		  //STRIPE CONSTRUCTION****************
		  for(i=0;i<images.length;i++)
		  {
		  	
		  	descriptionBgDiv="<div id='descriptionBg' ";
			descriptionTextDiv="<div id='descriptionText'";
			
			images.eq(i).wrap('<div class="item"></div>')
			aux = images.eq(i).attr("src");
			
			descriptionBgDiv+="style='position: absolute; left:" + images.eq(i).attr("descriptionX") + "px; top: " + images.eq(i).attr("descriptionY") + "px; z-index:98; width:" + images.eq(i).attr("descriptionWidth") + "px; height:" + images.eq(i).attr("descriptionHeight") + "px; background-color:" + images.eq(i).attr("descriptionBg") + "; opacity:" + images.eq(i).attr("descriptionOpacity") + "; filter:alpha(opacity=" + images.eq(i).attr("descriptionOpacity")*100 + ");'></div>";
			descriptionTextDiv+="style='position: absolute; left:" + images.eq(i).attr("descriptionX") + "px; top: " + images.eq(i).attr("descriptionY") + "px; z-index:98; width:" + images.eq(i).attr("descriptionWidth") + "px; height:" + images.eq(i).attr("descriptionHeight") + "px;  z-index:99; color:" + images.eq(i).attr("descriptionTextColor") + "; text-align:" + images.eq(i).attr("descriptionTextAlign") + "; font-size:16;'>" + images.eq(i).attr("descriptionText") + "</div>";
			
			
			
			
			
			
			stripX=0;
			stripY=0;
			
			var auxArray = [];
			stripArray[i]=auxArray;
			//console.log(images.eq(i)[0].nodeName)
			//alert(images.eq(i)[0].nodeName)
			if (images.eq(i)[0].nodeName != "IMG") {
				sliderCon.children().eq(i).append(images.eq(i))
				transitionArray[i]="slideFade";
				
			}
			else {
			
				sliderCon.children().eq(i).empty();
				function addArrayLine()
				{
					
					k++;
					var auxArray2=[];
					auxArray[k]=auxArray2;
				}
				k=0;
				
				if(transitionTypeArray[i]=="cubes")
				{
					var auxArray2=[];
					auxArray[k]=auxArray2;
					stripNrY=options.stripNrY;
					stripHeight=imageHeight/stripNrY;
				}
				else
				{
					stripHeight=imageHeight;
					stripNrY=1;
				}
				
				for (j = 0; j < stripNrX * stripNrY; j++) {
				
					
					var aux2 = -stripX + "px " + -stripY + "px";
					
					sliderCon.children().eq(i).append('<div class="strip"></div>')
					
					
					if(transitionTypeArray[i]=="cubes")
					{
						
						stripArray[i][k][(j-k*stripNrX)] = sliderCon.children().eq(i).children().eq(j);
						if(i<2)
						{
							//console.log('j:',j)
							//console.log("el e:",j-k*stripNrX)
							//console.log(i,k,(j-k*stripNrX))
							//console.log(stripArray[i][k][(j-k*stripNrX)])
						}
						
					}
					else
					auxArray[j] = sliderCon.children().eq(i).children().eq(j)
					
					
					sliderCon.children().eq(i).children().eq(j).css({
						'background-position': aux2,
						'width': stripWidth,
						'height': stripHeight,
						'position': 'absolute',
						'left': stripX,
						'top': stripY,
						'background-image': 'url(' + aux + ')',
						'background-repeat' : 'no-repeat',
						'z-index': j
					})
					
					
					
					
					stripX += stripWidth;
					
					
					if (Math.ceil(stripX) >=  imageWidth) {
						stripY += stripHeight;
						if(transitionTypeArray[i]=="cubes")
						addArrayLine();
						stripX = 0;
					}
					
				}
				
				
			}
			
			
			if(descriptionBgDiv.search("undefined")==-1)
			sliderCon.children().eq(i).append(descriptionBgDiv)
			
			if(descriptionTextDiv.search("undefined")==-1)
			sliderCon.children().eq(i).append(descriptionTextDiv)
				
			
				
				//sliderCon.children().eq(i).find('#descriptionBg').css('opacity',0.5)
			
			
			
		  }
		  
		  
		  
		  
		  images=sliderCon.children();
		  
		  var imgPos = 0;
		  
		 
		  
		  for(i=0;i<images.length;i++)
		  {
		  	images.eq(i).css({
				'left' : imgPos,
				'top' : 0,
				'position' : 'absolute'
			})
			
			
			
			if(images.eq(i).find("#descriptionBg").attr('style')!=undefined)
			descriptionOpacityArray[i]=images.eq(i).find("#descriptionBg").css('opacity')
			
			imgPos+=imageWidth;
			
		  }
		 
		 if(isSlideshow=="on")
		 intervalID = setInterval(checkTimer,1000)
		 
		 
		 function checkTimer()
		{
			
			
			if(paused==false)
			tempCount++;
			
			
			
			if(tempCount>=slideshowTime)
			{
				gotoNext();
				
			}
			if(Math.floor(currNr/thumbNrPage)!=currPage)
			{
				gotoPage(Math.floor(currNr/thumbNrPage))
			}
		}
		function gotoNext()
		{
			
			if(currNr==nrChildren-2)
			gotoImage(0)
			else
			gotoImage(currNr+1)
		}
		
		
		$(this).mouseover(function(){
		 	paused=true;
		 })
		 
		 $(this).mouseout(function(){
		 	paused=false;
		 })
		
          return this;
          
          
          
                            
           }); // end each
                                            
       }
                                              
})(jQuery);