var $ = jQuery;

var curImg = get_anchor();

function prev_img(totalImages){

    if( curImg > 1 ){
        prevImg = curImg - 1;
    }
    else{ 
        prevImg = totalImages;
    }

    refresh(imgData[prevImg][0], imgData[prevImg][1], imgData[prevImg][2], prevImg, totalImages , imgData[prevImg][3]);
}

function next_img(totalImgs){

    curImg = parseInt(curImg);

    if(curImg == totalImgs){
        var nextImg = 1;
    }
    else{
        var nextImg = curImg + 1;
    }

    refresh(imgData[nextImg][0], imgData[nextImg][1], imgData[nextImg][2], nextImg, totalImgs, imgData[nextImg][3]);
		
}

// Refresh image, ads, and wallpaper
function refresh(imgUrl, imgTitle, imgDescription, index, numImages, largeURL){

   // Change Image, Title, Description
   $('#sg-gallery_image').attr("src", imgUrl);
	$('#sg-enlarge').attr("href", largeURL);
	$('#sg-gallery_image').attr("alt", imgTitle);
	$('#sg-gallery_image').attr("title", imgTitle);
   $('#sg-image-title').html(imgTitle);
   $('#sg-image-description').html(imgDescription);

	// refresh ads
   CampaignManager.look();
   reloadAd('leaderboard', h_ord, 728, 90);
  	reloadAd('skyscraper', h_ord, 160, 600);
   reloadAd('medrec', h_ord, 300, 250);
    
   // Change URL
   set_anchor(index);
   prevImg = curImg;
   curImg = index;

   // Image 1 of totalImage
   $('#sg-curImage').html(curImg + ' ');
    
}

function get_page_url(url){
	var page = url+'#'+curImg;
	return page;
}

function get_anchor(){
    var re = /#[0-9]+$/; 
    var match = re.exec(document.location.toString());
    hash = 1;
    if (match != null) var hash = match[0].substr(1);
    return hash;
}

//Add anchor tag to URL
function set_anchor(anchor){
	//remove existing anchors
    var url = document.location.toString();
    var re = /#[0-9]+$/;
    url = url.replace(re, '');
    document.location = url + '#' + anchor;
}


	$(function(){
		if(typeof imgData != "undefined"){
			var uri = '\''+ document.location.pathname +'\'';
	
			var totalImgs = $(imgData).size();
		  		totalImgs -=1;
        
			var prevClick = 'prev_img(' + totalImgs + ');track_pageview({url:get_page_url('+ uri + ')});return false;';
			var nextClick = 'next_img(' + totalImgs + ');track_pageview({url:get_page_url('+ uri + ')});return false';

			var topControls = '';
			topControls +='<a href="#" class="back" onclick="'+ prevClick +'">Previous</a>';
		   topControls +='<span id="sg-image-count"><span id="sg-curImage">' + curImg + ' </span>of ' + totalImgs + '</span>';
		   topControls +='<a href="#" class="next" onclick="'+ nextClick +'">Next</a>';
		   $('#sg-top-controls').html(topControls);

			var photoOverlayNav = '';
			photoOverlayNav +='<a onclick="'+ prevClick +'"><div id="sg-prev-button"></div></a>';
		   photoOverlayNav +='<a onclick="'+ nextClick +'"><div id="sg-next-button"></div></a>';
			$('#sg-image-container').prepend(photoOverlayNav);

		    // Display Main Image
		    anchor = get_anchor();
		    if(anchor){
		        thisImg = imgData[anchor];
		    }else{
		        thisImg = imgData[1];
		    }

			//Display Photo, Caption, and Description
			$('#sg-main-image').html('<img id="sg-gallery_image" src="' + thisImg[0] + '"' + ' title="'+thisImg[1]+'"'+' alt="' + thisImg[1] + '">');
		   $('#sg-image-title').html(imgData[anchor][1]);
		  	$('#sg-image-description').html(imgData[anchor][2]);
	
			if(typeof thumbData != "undefined"){
				for(var x in thumbData ){
					$('#sg-thumbnails').append('<a style="cursor:pointer;" onClick="refresh(imgData['+x+'][0], imgData['+x+'][1], imgData['+x+'][2], '+x+', '+ totalImgs +', imgData['+x+'][3]);"><img id="thumb-'+ x +'" src="' + thumbData[x] + '"></a>');
				}
			}
		}
	}); // Closes jQuery Function