var currentItem = 0;
var totalItems = 0;
var titleArray = new Array();
var descArray = new Array();
var connectArray = new Array();
var connectLinkArray = new Array();
var connectImageArray = new Array();
var imageArray = new Array();
var navArray = new Array();
var imageWidth = 1700;







$(document).ready(function($){
		setPos();
				
		
				 
		 $("#hmenu").delegate("li", "click", function() {
    			currentItem = $(this).index();
		});
		 
		 function setPos(){
			var xpos = 	($(window).width()/2) - (imageWidth/2);
			var herowidth = $(window).width();
			$("#heroimages").css("width", herowidth);
			$("#galleryframe").css("width", herowidth);
			$('.imageitem').each(function(index) {
				$(this).css("width", $(window).width());
				$(this).css("background-position", xpos);
			});
			
			/*$('.imagecontent').each(function(index) {
				var cwidth = 	($(window).width()/2) - ($(this).width()/2);							 
				$(this).css("margin-left", cwidth);
			});*/
			
		}
		
		$("ul#galleryframe").cycle({
			fx: 'scrollHorz',
			timeout: 10000,
			prev: '#hprev',
			next: '#hnext',
			pager:  '#hcontrol',
			before:   onBefore,
			after:   onAfter,
			manualTrump:   true,
			/*pagerAnchorBuilder: function(idx, slide) {
			 return '<a class="navlink">'+navArray[idx]+'</a>';
			}*/
			
		});
		
		function onBefore(a,b,opts) { 
			$('#htitle').fadeOut('fast', function() {
        		// Faded out
				currentItem = opts.currSlide;
				
				
      		});
			$('#hdesc').fadeOut('fast');
			$('#hcontrol').fadeOut('fast');
		}
		
		function onAfter() { 
    		$('#htitle').fadeIn('slow', function() {
        		// Animation complete
				
      		});
			$('#hdesc').fadeIn('slow');
			$('#hcontrol').fadeIn('slow');
		}

			$(window).resize(function() {
				setPos();
			});

});