// JavaScript Document

var browser     = '';
var version     = '';
var entrance    = '';
var cond        = '';
var screenWidth = screen.width;
var screenHeight = screen.height;
var size		= '';
var sysData = navigator.userAgent;
var menuClicked = false;

//Preload Images
image1 = new Image();
image1.src = "Images/bracelets.jpg";
image1Selected = new Image();
image1Selected.src = "Images/bracelets-selected.jpg";
image2 = new Image();
image2.src = "Images/earings.jpg";
image2Selected = new Image();
image2Selected.src = "Images/earings-selected.jpg";
image3 = new Image();
image3.src = "Images/pendantsMain.jpg";
image3Selected = new Image();
image3Selected.src = "Images/pendantsMain-selected.jpg";
image4 = new Image();
image4.src = "Images/necklaces.jpg";
image4Selected = new Image();
image4Selected.src = "Images/necklaces-selected.jpg";
image5 = new Image();
image5.src = "Images/rings.jpg";
image5Selected = new Image();
image5Selected.src = "Images/rings-selected.jpg";

//Check for the typeof Browser
if (sysData.indexOf("Firefox") != -1)
{
	browser = "Firefox";
}
else if (sysData.indexOf("Netscape") != -1)
{
	browser = "Firefox";
}
else if (sysData.indexOf("Opera") != -1)
{
	browser = "Opera";
}
else
{
	//Assume IE
	browser = "IE";
}

function selectImage(number, name, image, desc, desc2)
{ 
	var bracelets = "<span class='frontPage'>" + name + "</span><br />" + desc + "<br />" + desc2 + "<div class='homeImage'><img src='Images" + image + "' alt='Featured " + name + "' onclick='location.href = 'sbrace1.html'' /></div>";
	var earings = "<span class='frontPage'>" + name + "</span><br />" + desc + "<br />" + desc2 + "<div class='homeImage'><img src='Images" + image + "' alt='Featured " + name + "' onclick='location.href = 'sbrace1.html'' /></div>";
	var pendants = "<span class='frontPage'>" + name + "</span><br />" + desc + "<br />" + desc2 + "<div class='homeImage'><img src='Images" + image + "' alt='Featured " + name + "' onclick='location.href = 'sbrace1.html'' /></div>";
	var necklaces = "<span class='frontPage'>" + name + "</span><br />" + desc + "<br />" + desc2 + "<div class='homeImage'><img src='Images" + image + "' alt='Featured " + name + "' onclick='location.href = 'sbrace1.html'' /></div>";
	var rings = "<span class='frontPage'>" + name + "</span><br />" + desc + "<br />" + desc2 + "<div class='homeImage'><img src='Images" + image + "' alt='Featured " + name + "' onclick='location.href = 'sbrace1.html'' /></div>";
	if (number == 1)
	{
		document.getElementById('bracelets').src = 'Images/bracelets-selected.jpg';
		document.getElementById('earings').src = 'Images/earings.jpg';
		document.getElementById('pendants').src = 'Images/pendantsMain.jpg';
		document.getElementById('necklaces').src = 'Images/necklaces.jpg';
		document.getElementById('rings').src = 'Images/rings.jpg';
		document.getElementById('content').innerHTML = bracelets;
	}
	else if (number == 2)
	{
		document.getElementById('bracelets').src = 'Images/bracelets.jpg';
		document.getElementById('earings').src = 'Images/earings-selected.jpg';
		document.getElementById('pendants').src = 'Images/pendantsMain.jpg';
		document.getElementById('necklaces').src = 'Images/necklaces.jpg';
		document.getElementById('rings').src = 'Images/rings.jpg';
		document.getElementById('content').innerHTML = earings;
	}
	else if (number == 3)
	{
		document.getElementById('bracelets').src = 'Images/bracelets.jpg';
		document.getElementById('earings').src = 'Images/earings.jpg';
		document.getElementById('pendants').src = 'Images/pendantsMain-selected.jpg';
		document.getElementById('necklaces').src = 'Images/necklaces.jpg';
		document.getElementById('rings').src = 'Images/rings.jpg';
		document.getElementById('content').innerHTML = pendants;
	}
	else if (number == 4)
	{
		document.getElementById('bracelets').src = 'Images/bracelets.jpg';
		document.getElementById('earings').src = 'Images/earings.jpg';
		document.getElementById('pendants').src = 'Images/pendantsMain.jpg';
		document.getElementById('necklaces').src = 'Images/necklaces-selected.jpg';
		document.getElementById('rings').src = 'Images/rings.jpg';
		document.getElementById('content').innerHTML = necklaces;
	}
	else if (number == 5)
	{
		document.getElementById('bracelets').src = 'Images/bracelets.jpg';
		document.getElementById('earings').src = 'Images/earings.jpg';
		document.getElementById('pendants').src = 'Images/pendantsMain.jpg';
		document.getElementById('necklaces').src = 'Images/necklaces.jpg';
		document.getElementById('rings').src = 'Images/rings-selected.jpg';
		document.getElementById('content').innerHTML = rings;
	}
}

function enlarge2(number, route)
{
	var url = "enlarge.html?" + route + number;
	window.open(url, '_blank', 'height=620, width=820, status=no, titlebar=no, toolbar=no, menubar=no, location=no');
}
function showSubMenu(id)
{
	if (!menuClicked)
	{
		var menu = document.getElementById(id);
		if (menu.className == "subMenuHide")
		{
			display(menu);
		}
		else
		{
			hide(menu);
		}
	}
}
function subMenuCicked(id)
{
	var menu = document.getElementById(id);
	hide(menu);
	menuClicked = true;
}
function display(element)
{
	element.className = "subMenu";
}
function hide(element)
{
	element.className = "subMenuHide";
}

//Display different images within the enlargement pages
function changeImage(clicked)
{
	//sends on its details, can gain filename, will need to gain the same name from a different folder
	var clickedObject = clicked;
	var mainObject = document.getElementById("mainImage");
	var clickedUrl = clicked.src;
	var url = clickedUrl.split("/");
	var filename = url[url.length - 1];
	var mainUrl = mainObject.src;
	url = mainUrl.split("/");
	url[url.length - 1] = filename;
	mainUrl = "";
	for (x = 0; x < url.length; x++)
	{
		mainUrl = mainUrl + url[x];
		if (x < url.length - 1)
		{
			mainUrl = mainUrl + "/";
		}
	}
	mainObject.src = mainUrl;
}
function removeText(input)
{
	if (input.value == 'enter your search term')
	{
		input.value = "";
	}
}
function addText(input, text)
{
	if (input.value == '')
	{
		input.value = text;
	}
}
function nextPage()
{
	var thisURL = document.URL;
	var urlLength = document.URL.length;
	var urlArray = thisURL.split("/");
	var arrayLength = urlArray.length;
	var pageNamePlusExt = urlArray[arrayLength-1];
	var pageNameLength = pageNamePlusExt.length;
	var pageName = pageNamePlusExt.substring(0, pageNameLength - 6);
	var pageNum = pageNamePlusExt.substring(pageNameLength - 6, pageNameLength - 5);
	var intValueOfPage = parseInt(pageNum);
	if (intValueOfPage == 1)
	{
		var increment = intValueOfPage + 1;
	}
	else
	{
		var increment = intValueOfPage + 1;
	}
	var newURL = pageName + increment + ".html";
	//alert(newURL);
	window.open(newURL, '_self');
	
}
function prevPage()
{
	var thisURL = document.URL;
	var urlLength = document.URL.length;
	var urlArray = thisURL.split("/");
	var arrayLength = urlArray.length;
	var pageNamePlusExt = urlArray[arrayLength-1];
	var pageNameLength = pageNamePlusExt.length;
	var pageName = pageNamePlusExt.substring(0, pageNameLength - 6);
	var pageNum = pageNamePlusExt.substring(pageNameLength - 6, pageNameLength - 5);
	var intValueOfPage = parseInt(pageNum);
	if (intValueOfPage != 1)
	{
		var increment = intValueOfPage - 1;
	}
	var newURL = pageName + increment + ".html";
	//alert(newURL);
	window.open(newURL, '_self');
	
}

//Fading Images Code

// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'Images/Selection/Earings/PICT0016_1-selection.jpg'
Pic[1] = 'Images/Selection/Earings/PICT0005_1-selection.jpg'
Pic[2] = 'Images/Selection/Earings/PICT0008_1-selection.jpg'
Pic[3] = 'Images/Selection/Earings/PICT0021-selection.jpg'

var Pic2 = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic2[0] = 'Images/Selection/Earings/PICT0002_2-selection.jpg'
Pic2[1] = 'Images/Selection/Earings/PICT0014-selection.jpg'
Pic2[2] = 'Images/Selection/Earings/PICT0017-selection.jpg'
Pic2[3] = 'Images/Selection/Earings/PICT0010-selection.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length
var t2
var j2 = 0
var p2 = Pic2.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

var preLoad2 = new Array()
for (i = 0; i < p; i++){
   preLoad2[i] = new Image()
   preLoad2[i].src = Pic2[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}

function runSlideShow2(){
   if (document.all){
      document.images.SlideShow2.style.filter="blendTrans(duration=2)"
      document.images.SlideShow2.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow2.filters.blendTrans.Apply()      
   }
   document.images.SlideShow2.src = preLoad2[j].src
   if (document.all){
      document.images.SlideShow2.filters.blendTrans.Play()
   }
   j2 = j2 + 1
   if (j2 > (p2-1)) j2=0
   t2 = setTimeout('runSlideShow2()', slideShowSpeed)
}