jQuery.noConflict();

myZindex = 1000;
xPos = new Array();
xPos[0] = 0;
xPos[1] = 190;
xPos[2] = 380;
xPos[3] = 570;

jQuery(document).ready(function(){
	if(typeof(isHomePage) != "boolean"){
		slidesCount = jQuery('#sliderpics>img').length;
		actSlide = 1;
		jQuery('#sliderpics>img').hide();
		jQuery('#sliderpics img:first-child').show();
		jQuery('#prevNav').click(showPrev);
		jQuery('#nextNav').click(showNext);
		
		if(slidesCount > 1){
			jQuery('#nextNav').show();
		}
		
	} else {
		decorateHome();
	}
	
});
///////////////////////
//
function showNext(){
	jQuery('#sliderpics>img:eq('+(actSlide - 1)+')').fadeOut();
	actSlide += 1;
	jQuery('#sliderpics>img:eq('+(actSlide - 1)+')').fadeIn();
	setPrevNextItems(actSlide);
}
///////////////////////
//
function showPrev(){
	jQuery('#sliderpics>img:eq('+(actSlide - 1)+')').fadeOut();
	actSlide -= 1;
	jQuery('#sliderpics>img:eq('+(actSlide - 1)+')').fadeIn();
	setPrevNextItems(actSlide);
}
///////////////////////
//
function setPrevNextItems(myActSlide){

	if(myActSlide < slidesCount){
		jQuery('#nextNav').show();
	} else {
		jQuery('#nextNav').hide();
	}
	
	if(myActSlide > 1){
		jQuery('#prevNav').show();
	} else {
		jQuery('#prevNav').hide();
	}
}
///////////////////////
//
function decorateHome(){
	
	// wrap items with div
	jQuery('#sliderpics>img').wrap('<div class="sliderHomeWrap" />');
	// set width and position
	jQuery('#sliderpics>div:eq(1)').css({'left': xPos[1]+'px'});
	jQuery('#sliderpics>div:eq(2)').css({'left': xPos[2]+'px'});
	jQuery('#sliderpics>div:eq(3)').css({'left': xPos[3]+'px'});
	// set animation
	setAnimation(0);
	setAnimation(1);
	setAnimation(2);
	setAnimation(3);
}
function setAnimation(myIndex){

	elemWidth = 190;
	xOffset = -350;
	aniSpeed = 500;

	jQuery('#sliderpics>div:eq('+myIndex+')').hover(function() {
		myZindex++;
		jQuery('#sliderpics>div:eq('+myIndex+')').css({'z-index': myZindex});
  		jQuery('#sliderpics>div:eq('+myIndex+')').animate({
			width: '759px',
			left: '0px'
  		}, aniSpeed);
  		jQuery('#sliderpics>div:eq('+myIndex+')>img').animate({
			marginLeft: '0px'	
  		}, aniSpeed);
	}, function (){
		jQuery('#sliderpics>div:eq('+myIndex+')').css({'z-index': myZindex});
  		jQuery('#sliderpics>div:eq('+myIndex+')').animate({
			width: elemWidth+'px',
			left: xPos[myIndex]+'px'
  		}, aniSpeed);
  		jQuery('#sliderpics>div:eq('+myIndex+')>img').animate({
			marginLeft: xOffset+'px'	
  		}, aniSpeed);
	});
}