// JavaScript Document

function mediaLinks() {
	var movieIntro = document.getElementById("movie-intro");
	var mediaLinksUl = document.getElementById("media-links");
	var mediaRatings = document.getElementById("media-ratings");
		
	var movieLi = document.createElement("li");
	movieLi.setAttribute("id","media-trailer");
	var movieA = document.createElement("a");
	movieA.setAttribute("href","#");
	var movieText = document.createTextNode("Trailer");
	movieLi.appendChild(movieA);
	movieA.appendChild(movieText);
	if(vidAmount !="") {mediaLinksUl.insertBefore(movieLi,mediaRatings);}
	
	var photoLi = document.createElement("li");
	photoLi.setAttribute("id","media-photos");
	var photoA = document.createElement("a");
	photoA.setAttribute("href","#");
	var photoText = document.createTextNode("Photos");
	photoLi.appendChild(photoA);
	photoA.appendChild(photoText);
	if(picAmount !="") {mediaLinksUl.insertBefore(photoLi,mediaRatings);}
	
	photoA.onclick = function() {
		createIframe('image-gallery');
		return false;
		}
	
	movieA.onclick = function() {
		createIframe('video-gallery');
		return false;
		}
}

function createIframe(whichType) {
	
	if(document.getElementById("iframe-gallery")) {
		document.getElementById("con_iframe_gallery").style.display="block"
		document.getElementById("color-overlay").style.display="block"
	} else {
		var iframeGallery = document.createElement("iframe");
		iframeGallery.setAttribute("src",siteURL + section + "/" + whichType + "/?" + "urlTitle=" + subsection);
		iframeGallery.setAttribute("id","iframe-gallery");
		iframeGallery.style.height = document.body.offsetHeight + "px";
		var overlay = document.getElementById("color-overlay");
		overlay.style.display = "block";
		overlay.style.height = document.body.offsetHeight + "px";
		document.getElementById('con_iframe_gallery').appendChild(iframeGallery);
	}
}

function createGallery() {
	var thumbs = new Array();
	var large = new Array();  
	
	var directory = parent.directory;
	var movieTitle = parent.movieTitle;
	var picAmount = parent.picAmount;
	
	placeAds('gallery_leaderbrd');
	placeAds('gallery_sky-scraper');
	
	var imgGallery = document.getElementById("image-gallery");
	
	var galleryPhoto = document.getElementById("gallery-photo");
	galleryPhoto.setAttribute("alt", "Official photo from " + movieTitle);
	galleryPhoto.src = directory + "0.jpg"
	nextUp = 1;
	prevUp = picAmount-1;
	var closeA = document.createElement("a");
	closeA.setAttribute("href","");
	document.getElementById("close-link").appendChild(closeA);
	closeA.onclick = function() {
		top.document.getElementById("con_iframe_gallery").style.display="none"
		top.document.getElementById("color-overlay").style.display="none"
		return false;
		}
		
	for(i=0; i<picAmount; i++) {
		thumbs[i] = directory +i+ "-thumb.jpg";
		large[i] = directory +i+ ".jpg";
				
		var newImg = new Image();
		newImg.src = directory +i+ ".jpg";
		var width = newImg.width;
		large[i] = newImg;
		
		var imageHolder = document.createElement("div");
		imageHolder.setAttribute("class", "con_thumb");
			
		var imageLink = document.createElement("a");
		imageLink.setAttribute("href", large[i]);
		imageLink.number = i;
				
		// Sets the onclick event for the link
		imageLink.onclick = function() {
			showPic(large[this.number]);
			if(this.number == picAmount-1) {
				nextUp = 0;
				prevUp = this.number-1;
			} else if(this.number == 0) {
				nextUp = this.number+1;
				prevUp = picAmount-1;
			} else {
				nextUp = this.number+1;
				prevUp = this.number-1;
			}
			document.getElementById('gallery_leaderbrd').firstChild.contentWindow.document.location.reload();
			document.getElementById('gallery_sky-scraper').firstChild.contentWindow.document.location.reload();
			return false;
			}
				
		var createThumb = document.createElement("img");
		createThumb.setAttribute("src", thumbs[i]);
		//<img src="graphic.jpg"
		
		var setImages = document.getElementById('gallery-thumbs');
						
		imageLink.appendChild(createThumb);
		imageHolder.appendChild(imageLink)
		setImages.appendChild(imageHolder);
		}  // this will make an image for every [i]
		
	var prevPic = document.getElementById('prev-pic');
	var nextPic = document.getElementById('next-pic');
	
	galleryPhoto.onclick = function() {
		showPic(large[nextUp]);
		if(nextUp == picAmount-1) {
			nextUp = 0;
			prevUp = picAmount-2;		
		} else if(nextUp == 0) {
			prevUp = picAmount-1;
			nextUp = nextUp+1;
		} else {
			prevUp = nextUp-1
			nextUp = nextUp+1;
		}
		document.getElementById('gallery_leaderbrd').firstChild.contentWindow.document.location.reload();
		document.getElementById('gallery_sky-scraper').firstChild.contentWindow.document.location.reload();
		return false;
	}
	
	nextPic.onclick = function() {
		showPic(large[nextUp]);
		if(nextUp == picAmount-1) {
			nextUp = 0;
			prevUp = picAmount-2;		
		} else if(nextUp == 0) {
			prevUp = picAmount-1;
			nextUp = nextUp+1;
		} else {
			prevUp = nextUp-1
			nextUp = nextUp+1;
		}
		document.getElementById('gallery_leaderbrd').firstChild.contentWindow.document.location.reload();
		document.getElementById('gallery_sky-scraper').firstChild.contentWindow.document.location.reload();
		return false;
	}
	
	prevPic.onclick = function() {
		showPic(large[prevUp]);
		if(prevUp == 0) {
			prevUp = picAmount-1;
			nextUp = 1;
		} else if(prevUp == picAmount-1) {
			prevUp = prevUp-1;
			nextUp = 0;
		} else {
			nextUp = prevUp+1;
			prevUp = prevUp-1;
		}
		document.getElementById('gallery_leaderbrd').firstChild.contentWindow.document.location.reload();
		document.getElementById('gallery_sky-scraper').firstChild.contentWindow.document.location.reload();
		return false;
	}
}

function createVidGallery() {
	var closeA = document.createElement("a");
	closeA.setAttribute("href","");
	document.getElementById("close-link").appendChild(closeA);
	closeA.onclick = function() {
		top.document.getElementById("con_iframe_gallery").style.display="none"
		top.document.getElementById("color-overlay").style.display="none"
		return false;
		}
	
	placeAds('gallery_leaderbrd');
	placeAds('gallery_sky-scraper');
}
	
function showPic(clickedImage) {	
	largePhoto = document.getElementById("gallery-photo");
	largePhoto.src = clickedImage.src;
	}