/*     Global Variables     */

var productName, imgPathZoom, theURL, staticImageSRC, imageArray, cmTag1, cmTag2, cmTag3, catEntryID, featureName;




/*     Constructors     */




/*     Arrays     */

var navArray = new Array('compact_shredders', 'fullsize_shredders');





/*     Runtime     */


var itemToShow = navArray[0];

var pattern = /\?/;
var result = pattern.exec(window.location.toString());

if (result) {
	
	var passedVariable = window.location.toString().split('?')[1];
	var pattern2 = new RegExp('show=');
	var result2 = pattern2.exec(passedVariable);
	
	if (result2) {
		
		passedVariable = passedVariable.split('show=')[1];
		
		var pattern3 = /\&/;
		var result3 = pattern3.exec(passedVariable)
		
		if (result3) {
			passedVariable = passedVariable.split('&')[0];
		}
		
		
		var ok = false;
		
		for (var x = 0; x < navArray.length; x++) {
		
			if (passedVariable == navArray[x]) {
				
				if (passedVariable != itemToShow) {
					itemToShow = passedVariable;
				}
			}
		}
	}
}	




/*     Functions     */

function init() {

	// set navigation state
	
	if (document.getElementById('shredder_footer')) {
	
		var aLinkList = document.getElementById('shredder_footer').getElementsByTagName('A');
		
		for (var x = 0; x < aLinkList.length; x++) {
		
			if (aLinkList[x].href == window.location.href) {
			
				aLinkList[x].firstChild.hasAttribute ? aLinkList[x].firstChild.setAttribute('class', 'selected') : aLinkList[x].firstChild.setAttribute('className', 'selected');
				var eSrc = aLinkList[x].firstChild.getAttribute('src').replace('a.gif', 'b.gif');
				aLinkList[x].firstChild.setAttribute('src', eSrc);
			
			}
		}
	}
	
	
	//set listeners
	
	var eDivList = document.getElementsByTagName('DIV');
	

	if (document.getElementById('imageNavKeyhole')) {
	
		var navImages = document.getElementById('imageNavKeyhole').getElementsByTagName('IMG');
		
		for (var x = 0; x < navImages.length; x++) {
		
			var str = navImages[x].getAttribute('src');
			var result = str.match('_over.');
			
			if (!result) {
				addListener(navImages[x], 'mouseover', swapImageLogic, false);
				addListener(navImages[x], 'mouseout', swapImageLogic, false);
			}
		}
		
		if (document.getElementById('scroll_1')) {
			addListener(document.getElementById('scroll_1'), 'click', showZoom, false);
		}
		
		if (document.getElementById('scroll_2')) {
			addListener(document.getElementById('scroll_2'), 'click', showFeatureOverlay, false);
		}
	}
	
	if (document.getElementById('slider')) {
	
		var imgList = document.getElementById('slider').getElementsByTagName('IMG');
				
		for (var x = 0; x < imgList.length; x++) {
			addListener(imgList[x], 'mouseover', swapImageLogic, false);
			addListener(imgList[x], 'mouseout', swapImageLogic, false);
		}
	}
}


function deBug () {

	var str;	
	for (var x = 0;  x < arguments.length; x++) {
		x == 0 ? str = arguments[x] : str += (' - ' + arguments[x]);
	}
}


function swapImageLogic(event) {

	setEventTargets(event);
	
	if (eTarget.nodeName == 'IMG') {
	
		// left the ext off to allow for different file types
		
		swapImage(eTarget, 'mouseover', event.type, true, '_normal.', '_over.');
	}
}


function showFeatureOverlay(event) {

	setEventTargets(event);
		
	if (eTarget.nodeName == 'IMG') {
	
		var currentSource = eTarget.getAttribute('src').split('/');
		featureName = currentSource[currentSource.length - 1].split('.')[0];
				
		imgPathZoom = "/sbd/cre/marketing/shredder_center/info_panel.html?";
		launchZoom();
		
		var iFrameDiv = document.getElementById('overlaydiv');
		iFrameDiv.hasAttribute ? iFrameDiv.setAttribute('style','height: 380px; width: 760px; margin-top: 50px') : iFrameDiv.style.height = '380px';
	
	
	}

}


function buildURL() {

	theURL = "http://s7d5.scene7.com/is-viewers/flash/genericzoom.swf?image=";
	
	for (var x = 0; x < imageArray.length; x++) {
		if (x > 0) {
			theURL += ",";
		}
		theURL += "Staples/" + imageArray[x];
	}
	
	theURL += "&contentRoot=http://s7d5.scene7.com/skins/&config=Staples/ImageSetConfigDefaults&serverSupport=1&splashScreen=Staples/Flash%20Viewer%20Test/loading.swf";
	staticImageSRC = "http://s7d5.scene7.com/is/image/Staples/" + imageArray[0] + "?$zoom$";
}


function cleanImage(imgString, ext) {
	var tempImg = imgString.split('/');
	tempImg = tempImg[tempImg.length - 1];
	tempImg = tempImg.split(ext)[0];
	return tempImg;
}


function ourCloseOverlay() {
	
	var blanket = document.getElementById('blanket');
	var blanketparent = blanket.parentNode;
	blanketparent.removeChild(blanket);

	var pseudobody = document.getElementById('pseudobody');
	var pseudobodyparent = pseudobody.parentNode;
	pseudobodyparent.removeChild(pseudobody);
	
}


function showZoom(event) {

	event.preventDefault ? event.preventDefault() : window.event.returnValue = false;
	setEventTargets(event);
	
	if (eTarget.nodeName == 'IMG') {
	
		var firstImage = cleanImage(eTarget.getAttribute('src'), '?');
		
		var imgList = eTargetParent.getElementsByTagName('IMG');
		imageArray = new Array();
		imageArray.push(firstImage);
		
		for (var x = 0; x < imgList.length; x++) {
		
			var tempImg = cleanImage(imgList[x].getAttribute('src'), '?')
			
			if (tempImg != firstImage) {
				imageArray.push(tempImg);
			}
		}
		
		imgPathZoom = "/sbd/cre/marketing/shredder_center/zoom_window2.html?";
		cmTag1 = "More Views";
		cmTag2 = "Tabs";

		buildURL();
		launchZoom();
	
	}
}