/* 
*  Jquery script for horizintal auto slider 
*  Uses  jQuery JavaScript Library v1.4.4 no other version tested
*  Copyright 2010, Mikhail Myasnikov, butcher.perm@gmail.com
*/ 

function HorizSlider (event) 
{
	event = event || false;	
		if (event) {
			clearInterval(horizTimer);
			if (event.currentTarget.id == 'horiz-right')
				var shift = "+";
			else 
				if (event.currentTarget.id == 'horiz-left')
					var shift = "-";
		}
		else {
			var shift = "+";
		}
			var first = $('div#horiz-container div.horiz-element:first');
			var last = $('div#horiz-container div.horiz-element:last');
			
			if (shift == '+') {
				first.animate ({"width": "0px"}, { duration: "slow" });
				first.queue (function () {
					var del = first.detach ();
					last.after (del);
					first.css ("width","100px");
					first.clearQueue();
					
				});
			}
			else {
				last.css ("width","0px");
				var del = last.detach ();
				first.before (del);
				last.animate ({"width": "100px"}, { duration: "slow" });
				last.queue (function () {
					last.clearQueue();
				});
			}
}


$(document).ready (function() {
	// Get Last element of horizontal slider - and make it last element to first position
	var first = $('div#horiz-container div.horiz-element:first');
	var last = $('div#horiz-container div.horiz-element:last');
	first.before (last);

	var elem_count = $('div.horiz-element').size();
	$('div#horiz-container').width(elem_count*100);
	$('div#horiz-wraper').scrollLeft(100);
	// Make infinite scrolling of horiz slider
	
	horizTimer = setInterval(HorizSlider, 3000);

	//gallery-slider
	
	$('div.horiz-control').click (HorizSlider);
	
	$('div.gallery-inside-rt div.gallery-element').click (function (event) {
		$('div.slide-box-big-container-rt > div.active').fadeOut();
		$('div.slide-box-big-container-rt > div.active').removeClass('active');
		$('div.gallery-slider-rt div.active').removeClass('active');
		var numId = event.currentTarget.id;
		var regEx = new RegExp (/[0-9]+/);
		nymId = numId.match (regEx);
		var newPic = 'div.gallery-img-rt';
		$(newPic).eq(nymId).fadeIn('slow');
		$(newPic).eq(nymId).addClass('active');
		$(this).toggleClass('active');
	});
	
	$('div.gallery-inside div.gallery-element').click (function (event) {
		$('div.slide-box-big-container-lt > div.active').fadeOut();
		$('div.slide-box-big-container-lt > div.active').removeClass('active');
		$('div.gallery-slider div.active').removeClass('active');
		var numId = event.currentTarget.id;
		var regEx = new RegExp (/[0-9]+/);
		nymId = numId.match (regEx);
		var newPic = 'div.gallery-img';
		$(newPic).eq(nymId).fadeIn('slow');
		$(newPic).eq(nymId).addClass('active');
		$(this).toggleClass('active');
	});
	
});



