var buy_popups = {};

function activate_buy_popup(){
	var popup;

		var body = document.getElementsByTagName('body')[0];
		popup = getByID('buy_popup');	




		var buy_float_fields = getByClass('buy_float_field', popup);

		if (buy_float_fields[0]){
			for (var i=0; i<buy_float_fields.length; i++){
				buy_float_setup_self_delete(buy_float_fields[i]);
			}

			// pre-order lacks this section
			var googleSearchButton 	= getByClass('buy_float_find_a_store', popup)[0];
			var googleHiddenNear	= getByClass('buy_float_google_near', popup)[0];
			var googleForm			= getByClass('buy_float_google_form', popup)[0];

			addtachEvent('click', function (){
				var city = buy_float_fields[0].value; 
				var state = buy_float_fields[1].value; 
				var zip = buy_float_fields[2].value; 

				if (city == 'City'){
					city = '';
				}
				if (state == 'State'){
					state = '';
				}
				if (zip == 'Zip Code'){
					zip = '';
				}

				
				googleHiddenNear.value = city + ', ' + state + ' ' + zip;
				googleForm.submit();
			}, googleSearchButton);

			addtachEvent('mouseover', function(){
				googleSearchButton.style.backgroundPosition = '0px 20px';
			}, googleSearchButton);
			addtachEvent('mouseout', function(){
				googleSearchButton.style.backgroundPosition = '0px 0px';
			}, googleSearchButton);
		}
			
	}
function buy_float_setup_self_delete(field){
	// move this into its own function to create new closure

	field.startValue = field.value
	field.startColor = field.style.color;

	addtachEvent('focus', function (){
			if (field.startValue == field.value){
				field.value = '';
				field.style.color = 'black';
			}
		}, field);
	addtachEvent('blur', function (){
			if (field.value == ''){
				field.style.color = field.startColor;
				field.value = field.startValue;
			}
		}, field);
}


/*******************************************************************************
**  general reusable functions
*******************************************************************************/

function getByID(ID){
    if (document.getElementById){
        return document.getElementById(ID);
    }
    else if ((document.all) && (eval ('document.all.' + ID))){
        return eval ('document.all.' + ID);
    }
}
function getByClass(cls, top) {
    var elements;
    var elements_list = [];
    var pattern = new RegExp("(^|\\s)"+cls+"(\\s|$)");

    (top) || (top = document);
    elements = top.getElementsByTagName('*')

    for (var i=0; i<elements.length; i++){
        if (pattern.test(elements[i].className)){
            elements_list.push(elements[i]);
        }
    }
    return elements_list;
}
function addtachEvent(evt, daFunction, obj){
    (obj) || (obj = window);
    if (window.addEventListener){
        obj.addEventListener(evt, daFunction, false);
    }
    else if (window.attachEvent){
        obj.attachEvent( "on" + evt, daFunction);
    }
}

addtachEvent('load', function (){ activate_buy_popup(); });

// argh, safari loses background image positioning if the image exceeds the area
// so i need to load a safari-sized bg image for it
// http://www.quirksmode.org/js/detect.html

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

function setBg(e) {
	var bgSafari = "url(/img/summer/bg_safari" + e + ".png)";
	if(BrowserDetect.browser=='Safari') {
		document.getElementById('page').style.backgroundImage = bgSafari;
	} 
}