//$(document).ready(function(){
//
//
//

//
//
//	});
//
//
//var mainScrollX = 0;
//	
//	function mainRScroll($width) {
//		if (mainScrollX > $width) {
//		}
//		else
//		{
//			newScroll = mainScrollX + 145;
//			$("#girlContainer").scrollTo( newScroll + 'px', 2500 );
//		}
//		
//		mainScrollX = newScroll;
//		}	
//		
//		
//		function mainLScroll($width) {
//		if (mainScrollX < 1) {
//		}
//		else
//		{
//			newScroll = mainScrollX - 145;
//			$("#girlContainer").scrollTo( newScroll + 'px', 2500 );
//		}
//		
//		mainScrollX = newScroll;
//		}	
	
	
	var speed = 50;
	var pic, numImgs, arrLeft, i, totalheight, n, myInterval;

	$(document).ready(function(){
		  var currentPosition = 0;
		  var slideWidth = 145;
		  var slides = $('.girlPicContainer');
		  var numberOfSlides = slides.length; 
		  
		  

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



  // Remove scrollbar in JS
  $('#girls').css('overflow', 'hidden');
  
  $('#lace').flash( { src: '/banner96.swf', width: '100%', height: 204, wmode: 'opaque', bgcolor: '#000000'},
 { version: '6.0.65' }
 ); 

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


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

  $('.control')
    .bind('click', function(){
    // Determine new position
      currentPosition = ($(this).attr('id')=='rightArrow')
    ? 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){ $('#leftArrow').hide() }
    else{ $('#leftArrow').show() }
    // Hide right arrow if position is last slide
    if(position==numberOfSlides-5){ $('#rightArrow').hide() }
    else{ $('#rightArrow').show() }
    }



	$("a[rel='lace']").colorbox();
	
	//    pic = $("#slider").children("img");
//	    numImgs = pic.length;
//	    arrLeft = new Array(numImgs);
//	 
//	    for (i=0;i<numImgs;i++){
//	 
//	        totalheight=0;
//	        for(n=0;n<i;n++){
//	            totalheight += $(pic[n]).height();
//        }
//	 
//	        arrLeft[i] = totalheight;
//	        $(pic[i]).css("top",totalheight);
//	    }
//	 
//	    myInterval = setInterval("flexiScroll()",speed);
//	    $('#imageloader').hide();
//	    $(pic).show();
//	
    });


	function flexiScroll(){
	 
	    for (i=0;i<numImgs;i++){
	        arrLeft[i] -= 1;       
	 
	        if (arrLeft[i] == -($(pic[i]).height())){
	            totalheight = 0;
            for (n=0;n<numImgs;n++){
	                if (n!=i){
	                    totalheight += $(pic[n]).height();
	                }
	            }
	            arrLeft[i] =  totalheight;
	        }
	        $(pic[i]).css("top",arrLeft[i]);
	    }
	}
	  

  // manageControls: Hides and shows controls depending on currentPosition