$(function () {

    $(".lavaLamp").lavaLamp({ fx: "backout", speed: 700 });
	
  var currentPosition = 0;
  var slideWidth = 760;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });

  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
	$('.tab0').bind('click',(function(){
		currentPosition = 0;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
		});
	}));
	$('.tab1').bind('click',(function(){
		currentPosition = 1;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
		});
	}));
	$('.tab2').bind('click',(function(){
		currentPosition = 2;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
		});
	}));
	$('.tab3').bind('click',(function(){
		currentPosition = 3;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
		});
	}));
	$('.tab4').bind('click',(function(){
		currentPosition = 4;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
		});
	}));
	$('.tab5').bind('click',(function(){
		currentPosition = 5;
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)
		});
	}));
	
	  $('.horizontal_scroller').SetScroller({	velocity: 	 60,

											direction: 	 'horizontal',

											startfrom: 	 'right',

											loop:		 'infinite',

											movetype: 	 'linear',

											onmouseover: 'pause',

											onmouseout:  'play',

											onstartup: 	 'play',

											cursor: 	 'pointer'

										});
	
  });
  


  
	
//    
//    // Accordion
//    $("#accordion").accordion({ header: "h3" });

//    // Tabs
//    $('#tabs').tabs();


//    // Dialog			
//    $('#dialog').dialog({
//        autoOpen: false,
//        width: 600,
//        buttons: {
//            "Ok": function () {
//                $(this).dialog("close");
//            },
//            "Cancel": function () {
//                $(this).dialog("close");
//            }
//        }
//    });

//    // Dialog Link
//    $('#dialog_link').click(function () {
//        $('#dialog').dialog('open');
//        return false;
//    });

//    // Datepicker
//    $('#datepicker').datepicker({
//        inline: true
//    });

//    // Slider
//    $('#slider').slider({
//        range: true,
//        values: [17, 67]
//    });

//    // Progressbar
//    $("#progressbar").progressbar({
//        value: 20
//    });

//    //hover states on the static widgets
//    $('#dialog_link, ul#icons li').hover(
//					function () { $(this).addClass('ui-state-hover'); },
//					function () { $(this).removeClass('ui-state-hover'); }
//				);