/**
 * @author Karl Schneider
 */

var num;
var gallery_start = 1;
var gallery_end = 3; 
var gallery = "misc";

var Browser = {
  Version: function() {
    var version = 999; 	// Default is done so that only IE versions modify it.
    if (navigator.appVersion.indexOf("MSIE") != -1)
      version = parseFloat(navigator.appVersion.split("MSIE")[1]);	// Browser is IE, set the version number
    return version;
  }
}

function Check_Browser() {
	if (Browser.Version() < 8) {
		if(document.getElementById("content_outdated")) {
			document.getElementById("content").style.display = "none";
			document.getElementById("content_outdated").style.display = "block";
		}
	}
}

function Create_Gallery_Images() {
	/** IF statement ensures browsers that don't support image object won't throw a javascript error. */
	/** This function is needed so slideshow can get reference to the images height and width */
	if (document.images) {
		misc_1 = new Image(1000,750);
		misc_1.src = "images/misc_1.jpg";
		
		misc_2 = new Image(346,358);
		misc_2.src = "images/misc_2.jpg";
		
		misc_3 = new Image(453,604);
		misc_3.src = "images/misc_3.jpg";
	}
}

function Event_Image_Click(number, width, height) { //2, 346, 358
	num = number;
	height = height;
	width = width;
	prev = true;
	next = true;
	
	if(num == gallery_start){
		prev = false;
	}
	
	if(num == gallery_end){
		next = false;
	}
	
	Show_Slideshow_Image(width, height, prev, next);
}

function Event_Menu_Roll_Off(name) {
	switch(name){
		case "home":
		  document.getElementById("menu_home").src = "images/menu_home.jpg";
		  break;
		case "story":
		  document.getElementById("menu_story").src = "images/menu_story.jpg";
		  document.getElementById("menu_home").src = "images/menu_home.jpg";
		  break;
		case "bigday":
		  document.getElementById("menu_bigday").src = "images/menu_bigday.jpg";
		  document.getElementById("menu_photos").src = "images/menu_photos.jpg";
		  break;
		case "photos":
		  document.getElementById("menu_photos").src = "images/menu_photos.jpg";
		  document.getElementById("menu_weddingparty").src = "images/menu_weddingparty.jpg";
		  break;
		case "weddingparty":
		  document.getElementById("menu_weddingparty").src = "images/menu_weddingparty.jpg";
		  document.getElementById("menu_photos").src = "images/menu_photos.jpg";
		  document.getElementById("menu_events").src = "images/menu_events.jpg";
		  break;
		case "events":
		  document.getElementById("menu_events").src = "images/menu_events.jpg";
		  document.getElementById("menu_weddingparty").src = "images/menu_weddingparty.jpg";
		  break;
		case "hotel":
		  document.getElementById("menu_hotel").src = "images/menu_hotel.jpg";
		  break;
		case "registry":
		  document.getElementById("menu_registry").src = "images/menu_registry.jpg";
		  break;
		case "contact":
		  document.getElementById("menu_contact").src = "images/menu_contact.jpg";
		  break;
	}
}

function Event_Menu_Roll_On(name) {
	switch(name){
		case "home":
		  document.getElementById("menu_home").src = "images/menu_home_roll.jpg";
		  break;
		case "story":
		  document.getElementById("menu_story").src = "images/menu_story_roll.jpg";
		  document.getElementById("menu_home").src = "images/menu_home_roll_story.jpg";
		  break;
		case "bigday":
		  document.getElementById("menu_bigday").src = "images/menu_bigday_roll.jpg";
		  document.getElementById("menu_photos").src = "images/menu_photos_roll_bigday.jpg";
		  break;
		case "photos":
		  document.getElementById("menu_photos").src = "images/menu_photos_roll.jpg";
		  document.getElementById("menu_weddingparty").src = "images/menu_weddingparty_roll_photos.jpg";
		  break;
		case "weddingparty":
		  document.getElementById("menu_weddingparty").src = "images/menu_weddingparty_roll.jpg";
		  document.getElementById("menu_photos").src = "images/menu_photos_roll_weddingparty.jpg";
		  document.getElementById("menu_events").src = "images/menu_events_roll_weddingparty.jpg";
		  break;
		case "events":
		  document.getElementById("menu_events").src = "images/menu_events_roll.jpg";
		  document.getElementById("menu_weddingparty").src = "images/menu_weddingparty_roll_events.jpg";
		  break;
		case "hotel":
		  document.getElementById("menu_hotel").src = "images/menu_hotel_roll.jpg";
		  break;
		case "registry":
		  document.getElementById("menu_registry").src = "images/menu_registry_roll.jpg";
		  break;
		case "contact":
		  document.getElementById("menu_contact").src = "images/menu_contact_roll.jpg";
		  break;
	}
}

function Event_Page_Load() {
    Event_Window_Resize();
    Preload_Menu_Images();
	Create_Gallery_Images();
	Check_Browser();
}

function Event_Slideshow_Close() {
	document.getElementById("slideshow").style.display = "none";
}

function Event_Slideshow_Next() {
	num = num + 1;
	height = eval(gallery + "_" + num).height;
	width = eval(gallery + "_" + num).width;
	prev = true;
	next = true;
	
	if(num == gallery_start){
		prev = false;
	}
	
	if(num == gallery_end){
		next = false;
	}
	
	Show_Slideshow_Image(width, height, prev, next);
}

function Event_Slideshow_Next_Roll_On() {
	document.getElementById("slideshow_next_img").style.opacity = "1";
}

function Event_Slideshow_Next_Roll_Off() {
	document.getElementById("slideshow_next_img").style.opacity = "0.5";
}

function Event_Slideshow_Prev() {
	
	num = num - 1;
	height = eval(gallery + "_" + num).height;
	width = eval(gallery + "_" + num).width;
	prev = true;
	next = true;
	
	if(num == gallery_start){
		prev = false;
	}
	
	if(num == gallery_end){
		next = false;
	}
	
	Show_Slideshow_Image(width, height, prev, next);
}

function Event_Slideshow_Prev_Roll_On() {
	document.getElementById("slideshow_prev_img").style.opacity = "1";
}

function Event_Slideshow_Prev_Roll_Off() {
	document.getElementById("slideshow_prev_img").style.opacity = "0.5";
}

function Event_Slideshow_X_Roll_Off() {
	document.getElementById("slideshow_x").style.opacity = "0.5";
}

function Event_Slideshow_X_Roll_On() {
	document.getElementById("slideshow_x").style.opacity = "1";
}

function Event_Window_Resize() {
    /** Code to find height and width of screen regardless of browser */
    var w=0, h=0;

    if(self.innerHeight) {
        w = self.innerWidth;
        h = self.innerHeight;
    }
    else if(document.documentElement && document.documentElement.clientHeight) {
        w = document.documentElement.clientWidth;
        h = document.documentElement.clientHeight;
    }
    else if(document.body) {
        w = document.body.clientWidth;
        h = document.body.clientHeight;
    }
	
	/** If height is less than 775px, remove the tree as it won't look right. */
	if(h < 775) {
		document.getElementById("tree").style.display = "none";		
	}
	else{
		document.getElementById("tree").style.display = "block";
	}
}

function Event_Xtinct_Roll_Off() {
	document.getElementById("xtinct_link").src = "images/xtinct.jpg";
}

function Event_Xtinct_Roll_On() {
	document.getElementById("xtinct_link").src = "images/xtinct_roll.jpg";
}

function Preload_Menu_Images() {
	/** IF statement ensures browsers that don't support image object won't throw a javascript error. */
	if (document.images) { 	
		image_1 = new Image(40, 134);
		image_1.src = "images/menu_home_roll.jpg";
		
		image_2 = new Image(40, 134);
		image_2.src = "images/menu_home_roll_story.jpg";
		
		image_3 = new Image(40, 134);
		image_3.src = "images/menu_story_roll.jpg";
		
		image_4 = new Image(55, 134);
		image_4.src = "images/menu_bigday_roll.jpg";
		
		image_5 = new Image(40, 134);
		image_5.src = "images/menu_photos_roll.jpg";
		
		image_6 = new Image(55, 134);
		image_6.src = "images/menu_photos_roll_bigday.jpg";
		
		image_7 = new Image(40, 134);
		image_7.src = "images/menu_photos_roll_weddingparty.jpg";
		
		image_8 = new Image(40, 134);
		image_8.src = "images/menu_weddingparty_roll.jpg";
		
		image_9 = new Image(50, 134);
		image_9.src = "images/menu_weddingparty_roll_events.jpg";
		
		image_10 = new Image(40, 134);
		image_10.src = "images/menu_weddingparty_roll_photos.jpg";
		
		image_11 = new Image(50, 134);
		image_11.src = "images/menu_events_roll.jpg";
		
		image_12 = new Image(40, 134);
		image_12.src = "images/menu_events_roll_weddingparty.jpg";
		
		image_13 = new Image(50, 134);
		image_13.src = "images/menu_hotel_roll.jpg";
		
		image_14 = new Image(70, 134);
		image_14.src = "images/menu_registry_roll.jpg";
		
		image_15 = new Image(110, 134);
		image_15.src = "images/menu_contact_roll.jpg";
		
		image_16 = new Image(100, 100);
		image_16.src = "images/xtinct_roll.jpg";
	}
}

function Show_Slideshow_Image(width, height, prev, next) {
	document.getElementById("slideshow_alignment").style.width = (width + 108) + "px";
	document.getElementById("slideshow_x").style.marginLeft = (width + 54 - 25) + "px";
	
	if(prev){
		document.getElementById("slideshow_prev_spacer").style.display = "none";
		document.getElementById("slideshow_prev").style.display = "inline";
		document.getElementById("slideshow_prev_img").style.marginBottom = (height/2) - 50 + "px";
	}
	else{
		document.getElementById("slideshow_prev").style.display = "none";
		document.getElementById("slideshow_prev_spacer").style.display = "inline";
		document.getElementById("slideshow_empty_prev").style.marginBottom = (height/2) - 50 + "px";
	}
	
	if(next){
		document.getElementById("slideshow_next_spacer").style.display = "none";
		document.getElementById("slideshow_next").style.display = "inline";
		document.getElementById("slideshow_next_img").style.marginBottom = (height/2) - 50 + "px";
	}
	else{
		document.getElementById("slideshow_next").style.display = "none";
		document.getElementById("slideshow_next_spacer").style.display = "inline";
		document.getElementById("slideshow_empty_next").style.marginBottom = (height/2) - 50 + "px";
	}
	
	document.getElementById("slideshow_photo").src = "gallery/" + gallery + "_" + num + ".jpg";
	document.getElementById("slideshow").style.display = "block";
}

function RemoveBlur(t) {
	if(t.blur){
		t.blur();
	}
}