/* js for gallery */

$(document).ready(function() {
	
	/* get all galleries */
	elements = $('#galleries').children()
	
	$.each( elements, function( i, item )
	{
		
		modify = $(item).children();
		
		$.each( modify, function( k, mydiv ) 
		{

		
			if ( $(mydiv).hasClass( 'pictures' )  )
			{
			
				subelements = $(mydiv).children();
				
				var sumwidth = 0;
				$.each( subelements, function( j, pic ) 
				{
					divwidth = $(pic).css( 'width' ) 
					divwidth = divwidth.replace( 'px', '' );
					
					sumwidth = parseInt( divwidth ) + sumwidth;
				});
				
				$(mydiv).css( 'width', sumwidth +"px");	
			}		
		});

	});

	$('.next').hover(
			 
		function() 
		{
			
			$(this).everyTime(100, function()
			{
				elem = $(this).parent().parent().prev();
				width = $(elem).css( 'width' ) ;
				width = parseInt( width.replace( 'px', '' ) );
				
				margin = $(elem).css( 'margin-left' ) ;
				margin = parseInt( margin.replace( 'px', '' ) );
				
				
				last = $('div:last-child', elem ).css( 'width' );
				last = parseInt( last.replace( 'px', '' ) );
				
				max_margin = width - last + 3;
				max_margin = max_margin * (- 1);
				
				new_margin = margin - 5;
				if( max_margin <= new_margin )
					$(elem).css( {"marginLeft" : new_margin + "px"} )
							
			})
			
		}, 
     	function()
     	{
        	$(this).stop(true).stopTime();
      	}

	
	);
	
	$('.previous').hover(
			 
		function() 
		{
			
			$(this).everyTime(100, function()
			{
				elem = $(this).parent().parent().prev();
				width = $(elem).css( 'width' ) ;
				width = parseInt( width.replace( 'px', '' ) );
				
				margin = $(elem).css( 'margin-left' ) ;
				margin = parseInt( margin.replace( 'px', '' ) );
				
				
				
				new_margin = margin + 5;
				if( 0 > new_margin )
					$(elem).css( {"marginLeft" : new_margin + "px"} )
							
			})
			
		}, 
     	function()
     	{
        	$(this).stop(true).stopTime();
      	}

	
	);
	

	
	$('.selected-img').each( function( i, div )
	{
		updiv = $(div).parent().parent()
		
		prevElem = $(updiv).prevAll( );
		
		
		var summargin = 0 
		$.each( prevElem, function( i, subdiv )
		{
			divmargin = $(subdiv).css( 'width' ) 
			divmargin = parseInt(  divmargin.replace( 'px', '' ) );
			
			summargin = divmargin + summargin;
		});
		
		summargin = summargin * (-1);
		
		divParent = $(updiv).parent();
		
		$(divParent).css( {"marginLeft" : summargin + "px"} )
		
	});
				
	/* new gallery */
	
	var marginChange = 200;
	
	$('.next2').click(function () 
	{ 
		pictures = $('.pictures').children()
		maxMargin  = ( pictures.length - 2 ) *  100 * -1 ;
		
		correntMargin = $('.pictures').css( 'marginLeft' );
		correntMargin = parseInt(  correntMargin.replace( 'px', '' ) );
		
		
		if( correntMargin > maxMargin )
		{
			correntMargin = correntMargin - marginChange ;
			$('.pictures').animate( {"marginLeft" : correntMargin + "px"}, 300 );
		}
				


	});
	
	$('.previous2').click(function () 
	{ 
		
		correntMargin = $('.pictures').css( 'marginLeft' );
		correntMargin = parseInt( correntMargin.replace( 'px', '' ) );
		
		
		if( correntMargin < 0 )
		{
			correntMargin = correntMargin + marginChange ;
			$('.pictures').animate( {"marginLeft" : correntMargin + "px"}, 300 );
		}
				


	});
	
});