$(document).ready(function() {
	
	//change bg
	$(".lamp").click(function () {
      $("body").toggleClass("on");
	  $(this).toggleClass("lampon");
    });

	
	//slider proiecte
	$('.slider, .slider-despre').slides({
		generateNextPrev: false,
		//effect: 'fade',
		play: 5000,
		pause: 2000,
		slideSpeed: 700,
		fadeSpeed: 700,
		hoverPause: true
	});
	
	//carousel submeniu
	$('.submeniu2').jcarousel({
        scroll: 1
	});
	
	//carousel producatori
	$('.producer').jcarousel({
        scroll: 1,
		auto: 3,
		wrap: 'circular'
	});
	
	//carousel produse
	/*
	$('.listprod').jcarousel({
        vertical: true,
        scroll: 1,
		auto: 3,
		wrap: 'last',
		initCallback: null
    });
	*/
	$('.listprod').jcarousel({
		vertical: true,
		scroll: 1,
		auto: 3,
		wrap: 'last',
		initCallback: function(jc, state) {
		  if (state == 'init') {
			jc.startAutoOrig = jc.startAuto;
			jc.startAuto = function() {
			  if (!jc.paused) {
				jc.startAutoOrig();
			  }
			}
			jc.pause = function() {
			  jc.paused = true;
			  jc.stopAuto();
			};
			jc.play = function() {
			  jc.paused = false;
			  jc.startAuto();
			};
			$('li.jcarousel-item').mouseover(function() {
				jc.pause();
			});
			$('li.jcarousel-item').mouseout(function() {
				jc.play();
			});
		  }
		  jc.play();
		}
	});
	if ($('.jcarousel-skin-produse .jcarousel-item').length <= 4) {
		$('.jcarousel-skin-produse .jcarousel-prev, .jcarousel-skin-produse .jcarousel-next').css('visibility', 'hidden');
	}
	
	//tabs gallery prod
	//$(".galerie").tabs(".containarfoto > .bigfoto", {effect: 'fade', fadeInSpeed: 400});
	
	//slider program
	$('#galerie').slides({
		generateNextPrev: false,
		generatePagination: false,
		start: 1
		//effect: 'fade',		
		//play: 5000,
		//pause: 2000,
		//hoverPause: true
	});
	//carousel produse
	$('.galerie').jcarousel({
        vertical: true,
        scroll: 1
    });
	
	//Select all anchor tag with rel set to tooltip
	$('a[rel=tooltip2]').mouseover(function(e) {
		
		//Grab the title attribute's value and assign it to a variable
		var tip = $(this).attr('title');	
		
		//Remove the title attribute's to avoid the native tooltip from the browser
		$(this).attr('title','');
		
		//Append the tooltip template and its value
		$(this).append('<div id="tooltip2"><img src="/images/tt.png" alt="" /><div class="tipBody">' + tip + '</div></div>');
				
		//Show the tooltip with faceIn effect
		$('#tooltip2').fadeIn('500');
		$('#tooltip2').fadeTo('10',1);
		
	}).mousemove(function(e) {
	
		//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
		$('#tooltip2').css('top', e.pageY + 10 );
		$('#tooltip2').css('left', e.pageX + 20 );
		
	}).mouseout(function() {
	
		//Put back the title attribute's value
		$(this).attr('title',$('.tipBody').html());
	
		//Remove the appended tooltip template
		$(this).children('div#tooltip2').remove();
		
	});
	
	//Select all anchor tag with rel set to tooltip
	$('a[rel=tooltip]').mouseover(function(e) {
		
		//Grab the title attribute's value and assign it to a variable
		var tip = $(this).attr('title');	
		
		//Remove the title attribute's to avoid the native tooltip from the browser
		$(this).attr('title','');
		
		//Append the tooltip template and its value
		$(this).append('<div id="tooltip"><img src="/images/tt.png" alt="" /><div class="tipBody">' + tip + '</div></div>');
				
		//Show the tooltip with faceIn effect
		$('#tooltip').fadeIn('500');
		$('#tooltip').fadeTo('10',1);
		
	}).mousemove(function(e) {
	
		//Keep changing the X and Y axis for the tooltip, thus, the tooltip move along with the mouse
		$('#tooltip').css('top', e.pageY + 10 );
		$('#tooltip').css('left', e.pageX + 20 );
		
	}).mouseout(function() {
	
		//Put back the title attribute's value
		$(this).attr('title',$('.tipBody').html());
	
		//Remove the appended tooltip template
		$(this).children('div#tooltip').remove();
		
	});
	
});