// you need to include this ropey muck after prototype.js
// ahoy! thar be globals
 
        var last_menu_id = null;
        var on_menu_color = '#fff';
		var off_menu_color='#ccc';
		var hover_color='#dedede';
 

		var section = new Hash({'m_home': 'default_section'});
        var masthead = new Hash({'m_home': 'images/top_view.jpg'});
        
        var curr_shown_section_key = 'm_home';
        
		
		
		
		

		//reverse lookup
		function getMIDForSection(sect)
		{
			var ret = null;
			section.each(function(pair) {

			if(pair.value == sect)
			  {
				ret = pair.key;
			  }
			});

			return ret;
		}

        // show_this should implement history so that we can have a "back" menu item.
        function show_this(id)
        {	
			
		
			if (id === null)
			{return;}
            
			menuHighlight(id);
			
			last_menu_id = id;  // Looks a bit iffy
				
			$(section.get(curr_shown_section_key)).hide();
		
			try {
				$(section.get(id)).show();
				//$(section.get(id)).childElements().invoke('setStyle', {display: 'inherit'}); // JRK nope, that doesn't work either.
			} catch(err){
					alert('failed show id = '+ id);
			}
			
			$('topimg').src = masthead.get(id);
			
			curr_shown_section_key = id;
			
			window.scroll(0,0); // sure about this?
			
			return false;
        }
        
       
        function menuHighlight(item_id)
        {
			
		
			if (last_menu_id)
			{       
				try {
					$(last_menu_id).setStyle({backgroundColor: off_menu_color});
				} catch(err){
					// nope
				}
				// oh now, this hammers the :hover rule? need a mouseover/out
			}
			try {
				$(item_id).setStyle({backgroundColor: on_menu_color});
			} catch(err){
				// nope
			}
			
			
        }
                
		function fakeHoverOn(item_id)
		{				
			if(item_id!=last_menu_id)
			{
				$(item_id).setStyle({backgroundColor: hover_color});
			}
		}
		function fakeHoverOff(item_id)
		{
			if(item_id!=last_menu_id)
			{
				$(item_id).setStyle({backgroundColor: off_menu_color});
			}
		}


	function showBySection(sect)
	{
		show_this (getMIDForSection(sect));
	}	
	
	// just so that we can give links to the sections i.e. "www.stringersbeer.co.uk/#beer"
	
	var nohide_section;
	function showSectionByHash()
	{
	
		var query=window.location.hash.split("#");

		if (query.length>1)
		{
			var this_sect = query[1];
			showBySection(this_sect); 
			nohide_section = this_sect;
		}
		
	}

	
	var hidden_sections = new Array();
	function hideOnLoad(id)
	{
		hidden_sections.push(id);
	}
	
	function hideSections()
	{
		var s;
		while ( s = hidden_sections.pop())
		{
		
			if (s != nohide_section)
			{
					
					$(s).hide();
			}
		}
	}
	
	
function collapseDiv(el, remove)
{
	//get current height
	
	var layout = new Element.Layout(el);
	var d_height = Math.ceil(layout.get('height'));
	var d_step = Math.ceil(d_height / 10); 
	var cssstr;
	
	
	
	new PeriodicalExecuter(function(pe) {
				d_height = d_height - d_step;
				if(d_height <= 1)
				{
					if(remove)
					{ el.remove();}
					else
					{el.hide();}
					pe.stop();
				}
				else
				{
					cssstr= d_height + 'px';
					//alert ("setting "+ cssstr);
					el.setStyle({'height': cssstr
					});
				}
			}, 0.1);
}

function showAMessage (text, id)
{
	var new_mess = new Element('div', {'class': 'top_section_message', 'id': id}).update(text);
	var old_mess = $(id);
	
	if(old_mess)
	{ oldmess.remove(); }
	
	$('sectionholder').insert({
		top: new_mess
	});
	
	new PeriodicalExecuter(function(pe) {
			new_mess.update("&nbsp;");
			collapseDiv(new_mess, true);
			pe.stop();
		}, 10);
}

function returnFromContact()
{
      var text = "Thank you for your message. We'll get back to you as soon as we can";
	  
      if(location.search.indexOf("message=contact_submit")!=-1)
      {
		showAMessage (text, 'message_submit_thanks');
      }
      
}

	
		
var preloadArr = new Array();		
function preLoader(src)
{
	var primg = new Image();
	primg.src = src;
	preloadArr.push(primg);
}

		
Event.observe(document, 'dom:loaded', function() {
    $$('a[rel="external"]').each(function(link){
		var pretitle = "";
        if(link.readAttribute('href') != '' && link.readAttribute('href') != '#'){
            link.writeAttribute('target','_blank');
			if(link.hasAttribute('title'))
			{ pretitle = link.readAttribute('title') + ' : ';}
            link.writeAttribute('title', pretitle + 'Opens in new window');
        }
    });
});





var v_contact_frm;
var v_buy_frm;

function removeGeneralValidError(frm_id)
{
// find previous errors
	var prev = $$("form#" +  frm_id + " div.generalValidError");
	
	// and clear them
	if(prev instanceof Array)
	{
		if(prev.length > 0)
		{
			prev[0].remove();
		}
	}
	else
	{
		prev.remove();
	}
}

function generalValidError(result, frm)
{
	
	removeGeneralValidError(frm.id);
	
	// and post any new one
	if(!result)
	{
		$(frm.id).insert({
			top: new Element('div', 
			                 {'class': 'generalValidError'}
							 ).update("Please complete the form to send your message.")
		});
	}
}

function doFormIntitialisation()
{
	v_contact_frm = new Validation('contact_frm',
		{onFormValidate : generalValidError}
	); 
	$('contact_frm').observe("reset", 
		function(event) {v_contact_frm.reset(); 
						 removeGeneralValidError('contact_frm');
						 return true;
						 });
	

	
}


/////////////////////////////////////////////////////////////////////////////////////////

/**
 * remy sharp / http://remysharp.com
 * Twitter / @rem
 * http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/
 *
 * @params
 *   cssIdOfContainer: e.g. twitters
 *   options: 
 *       {
 *           id: {String} username,
 *           count: {Int} 1-20, defaults to 1 - max limit 20
 *           prefix: {String} '%name% said', defaults to blank
 *           clearContents: {Boolean} true, removes contents of element specified in cssIdOfContainer, defaults to true
 *           ignoreReplies: {Boolean}, skips over tweets starting with '@', defaults to false
 *           template: {String} HTML template to use for LI element (see URL above for examples), defaults to predefined template
 *           enableLinks: {Boolean} linkifies text, defaults to true,
 *           newwindow {Boolean} opens links in new window, defaults to false
 *           timeout: {Int} How long before triggering onTimeout, defaults to 10 seconds if onTimeout is set
 *           onTimeoutCancel: {Boolean} Completely cancel twitter call if timedout, defaults to false
 *           onTimeout: {Function} Function to run when the timeout occurs. Function is bound to element specified with 
 *           cssIdOfContainer (i.e. 'this' keyword)
 *           callback: {Function} Callback function once the render is complete, doesn't fire on timeout
 *
 *      CURRENTLY DISABLED DUE TO CHANGE IN TWITTER API:
 *           withFriends: {Boolean} includes friend's status
 *
 *       }
 *
 * @license MIT (MIT-LICENSE.txt)
 * @version 1.13.1 - Number of fixes to ify, and fixed date parsing in Opera and 12AM issue
 * @date $Date: 2009-08-25 09:45:35 +0100 (Tue, 25 Aug 2009) $
 */

// to protect variables from resetting if included more than once
if (typeof renderTwitters != 'function') (function () {
    /** Private variables */
    
    // only used for the DOM ready, since IE & Safari require special conditions
    var browser = (function() {
        var b = navigator.userAgent.toLowerCase();

        // Figure out what browser is being used
        return {
            webkit: /(webkit|khtml)/.test(b),
            opera: /opera/.test(b),
            msie: /msie/.test(b) && !(/opera/).test(b),
            mozilla: /mozilla/.test(b) && !(/(compatible|webkit)/).test(b)
        };
    })();

    var guid = 0;
    var readyList = [];
    var isReady = false;
    
    var monthDict = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
    
    /** Global functions */
    
    // based on Dustin Diaz's ify, but with my fixes :-)
    window.ify = function() {
      var entities = {
          '"' : '&quot;',
          '&' : '&amp;',
          '<' : '&lt;',
          '>' : '&gt;'
      };

      return {
        "link": function(t) {
          return t.replace(/[a-z]+:\/\/[a-z0-9-_]+\.[a-z0-9-_:~%&\?\/.=]+[^:\.,\)\s*$]/ig, function(m) {
            return '<a href="' + m + '">' + ((m.length > 25) ? m.substr(0, 24) + '...' : m) + '</a>';
          });
        },
        "at": function(t) {
          return t.replace(/(^|[^\w]+)\@([a-zA-Z0-9_]{1,15})/g, function(m, m1, m2) {
            return m1 + '@<a href="http://twitter.com/' + m2 + '">' + m2 + '</a>';
          });
        },
        "hash": function(t) {
          return t.replace(/(^|[^\w'"]+)\#([a-zA-Z0-9_]+)/g, function(m, m1, m2) {
            return m1 + '#<a href="http://search.twitter.com/search?q=%23' + m2 + '">' + m2 + '</a>';
          });
        },
        "clean": function(tweet) {
          return this.hash(this.at(this.link(tweet)));
        }
      };
    }();
    
    // to create a public function within our private scope, we attach the 
    // the function to the window object
    window.renderTwitters = function (obj, options) {
        // private shortcuts
        function node(e) {
            return document.createElement(e);
        }
        
        function text(t) {
            return document.createTextNode(t);
        }

        var target = document.getElementById(options.twitterTarget);
        var data = null;
        var ul = node('ul'), li, statusSpan, timeSpan, i, max = obj.length > options.count ? options.count : obj.length;
        
        for (i = 0; i < max && obj[i]; i++) {
            data = getTwitterData(obj[i]);
                        
            if (options.ignoreReplies && obj[i].text.substr(0, 1) == '@') {
                max++;
                continue; // skip
            }
            
            li = node('li');
            
            if (options.template) {
                li.innerHTML = options.template.replace(/%([a-z_\-\.]*)%/ig, function (m, l) {
                    var r = data[l] + "" || "";
                    if (l == 'text' && options.enableLinks) r = ify.clean(r);
                    return r;
                });
            } else {
                statusSpan = node('span');
                statusSpan.className = 'twitterStatus';
                timeSpan = node('span');
                timeSpan.className = 'twitterTime';
                statusSpan.innerHTML = obj[i].text; // forces the entities to be converted correctly

                if (options.enableLinks == true) {
                    statusSpan.innerHTML = ify.clean(statusSpan.innerHTML);
                }

                timeSpan.innerHTML = relative_time(obj[i].created_at);

                if (options.prefix) {
                    var s = node('span');
                    s.className = 'twitterPrefix';
                    s.innerHTML = options.prefix.replace(/%(.*?)%/g, function (m, l) {
                        return obj[i].user[l];
                    });
                    li.appendChild(s);
                    li.appendChild(text(' ')); // spacer :-(
                }

                li.appendChild(statusSpan);
                li.appendChild(text(' '));
                li.appendChild(timeSpan);
            }
            
            if (options.newwindow) {
                li.innerHTML = li.innerHTML.replace(/<a href/gi, '<a target="_blank" title="opens in  new window" href');
            }
            
            ul.appendChild(li);
        }

        if (options.clearContents) {
            while (target.firstChild) {
                target.removeChild(target.firstChild);
            }
        }

        target.appendChild(ul);
        
        if (typeof options.callback == 'function') {
            options.callback();
        }
    };
    
    window.getTwitters = function (target, id, count, options) {
        guid++;

        if (typeof id == 'object') {
            options = id;
            id = options.id;
            count = options.count;
        } 

        // defaulting options
        if (!count) count = 1;
        
        if (options) {
            options.count = count;
        } else {
            options = {};
        }
        
        if (!options.timeout && typeof options.onTimeout == 'function') {
            options.timeout = 10;
        }
        
        if (typeof options.clearContents == 'undefined') {
            options.clearContents = true;
        }
        
        // Hack to disable withFriends, twitter changed their API so this requires auth
        // http://getsatisfaction.com/twitter/topics/friends_timeline_api_call_suddenly_requires_auth
        if (options.withFriends) options.withFriends = false;

        // need to make these global since we can't pass in to the twitter callback
        options['twitterTarget'] = target;
        
        // default enable links
        if (typeof options.enableLinks == 'undefined') options.enableLinks = true;

        // this looks scary, but it actually allows us to have more than one twitter
        // status on the page, which in the case of my example blog - I do!
        window['twitterCallback' + guid] = function (obj) {
            if (options.timeout) {
                clearTimeout(window['twitterTimeout' + guid]);
            }
            renderTwitters(obj, options);
        };

        // check out the mad currying!
        ready((function(options, guid) {
            return function () {
                // if the element isn't on the DOM, don't bother
                if (!document.getElementById(options.twitterTarget)) {
                    return;
                }
                
                var url = 'http://www.twitter.com/statuses/' + (options.withFriends ? 'friends_timeline' : 'user_timeline') + '/' + id + '.json?callback=twitterCallback' + guid + '&count=20&cb=' + Math.random();

                if (options.timeout) {
                    window['twitterTimeout' + guid] = setTimeout(function () {
                        // cancel callback
                        if (options.onTimeoutCancel) window['twitterCallback' + guid] = function () {};
                        options.onTimeout.call(document.getElementById(options.twitterTarget));
                    }, options.timeout * 1000);
                }
                
                var script = document.createElement('script');
                script.setAttribute('src', url);
                document.getElementsByTagName('head')[0].appendChild(script);
            };
        })(options, guid));
    };
    
    // GO!
    DOMReady();
    

    /** Private functions */
    
    function getTwitterData(orig) {
        var data = orig, i;
        for (i in orig.user) {
            data['user_' + i] = orig.user[i];
        }
        
        data.time = relative_time(orig.created_at);
        
        return data;
    }
    
    function ready(callback) {
        if (!isReady) {
            readyList.push(callback);
        } else {
            callback.call();
        }
    }
    
    function fireReady() {
        isReady = true;
        var fn;
        while (fn = readyList.shift()) {
            fn.call();
        }
    }

    // ready and browser adapted from John Resig's jQuery library (http://jquery.com)
    function DOMReady() {
        if ( document.addEventListener && !browser.webkit ) {
            document.addEventListener( "DOMContentLoaded", fireReady, false );
        } else if ( browser.msie ) {
            // If IE is used, use the excellent hack by Matthias Miller
            // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited

            // Only works if you document.write() it
            document.write("<scr" + "ipt id=__ie_init defer=true src=//:><\/script>");

            // Use the defer script hack
            var script = document.getElementById("__ie_init");

            // script does not exist if jQuery is loaded dynamically
            if (script) {
                script.onreadystatechange = function() {
                    if ( this.readyState != "complete" ) return;
                    this.parentNode.removeChild( this );
                    fireReady.call();
                };
            }

            // Clear from memory
            script = null;

        } else if ( browser.webkit ) {
            // Continually check to see if the document.readyState is valid
            var safariTimer = setInterval(function () {
                // loaded and complete are both valid states
                if ( document.readyState == "loaded" || 
                document.readyState == "complete" ) {

                    // If either one are found, remove the timer
                    clearInterval( safariTimer );
                    safariTimer = null;
                    // and execute any waiting functions
                    fireReady.call();
                }
            }, 10);
        }
    }
    
    function relative_time(time_value) {
        var values = time_value.split(" "),
            parsed_date = Date.parse(values[1] + " " + values[2] + ", " + values[5] + " " + values[3]),
            date = new Date(parsed_date),
            relative_to = (arguments.length > 1) ? arguments[1] : new Date(),
            delta = parseInt((relative_to.getTime() - parsed_date) / 1000),
            r = '';
        
        function formatTime(date) {
            var hour = date.getHours(),
                min = date.getMinutes() + "",
                ampm = 'AM';
            
            if (hour == 0) {
                hour = 12;
            } else if (hour == 12) {
                ampm = 'PM';
            } else if (hour > 12) {
                hour -= 12;
                ampm = 'PM';
            }
            
            if (min.length == 1) {
                min = '0' + min;
            }
            
            return hour + ':' + min + ' ' + ampm;
        }
        
        function formatDate(date) {
            var ds = date.toDateString().split(/ /),
                mon = monthDict[date.getMonth()],
                day = date.getDate()+'',
                dayi = parseInt(day),
                year = date.getFullYear(),
                thisyear = (new Date()).getFullYear(),
                th = 'th';
            
            // anti-'th' - but don't do the 11th, 12th or 13th
            if ((dayi % 10) == 1 && day.substr(0, 1) != '1') {
                th = 'st';
            } else if ((dayi % 10) == 2 && day.substr(0, 1) != '1') {
                th = 'nd';
            } else if ((dayi % 10) == 3 && day.substr(0, 1) != '1') {
                th = 'rd';
            }
            
            if (day.substr(0, 1) == '0') {
                day = day.substr(1);
            }
            
            return mon + ' ' + day + th + (thisyear != year ? ', ' + year : '');
        }
        
        delta = delta + (relative_to.getTimezoneOffset() * 60);

        if (delta < 5) {
            r = 'less than 5 seconds ago';
        } else if (delta < 30) {
            r = 'half a minute ago';
        } else if (delta < 60) {
            r = 'less than a minute ago';
        } else if (delta < 120) {
            r = '1 minute ago';
        } else if (delta < (45*60)) {
            r = (parseInt(delta / 60)).toString() + ' minutes ago';
        } else if (delta < (2*90*60)) { // 2* because sometimes read 1 hours ago
            r = 'about 1 hour ago';
        } else if (delta < (24*60*60)) {
            r = 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
        } else {
            if (delta < (48*60*60)) {
                r = formatTime(date) + ' yesterday';
            } else {
                r = formatTime(date) + ' ' + formatDate(date);
                // r = (parseInt(delta / 86400)).toString() + ' days ago';
            }
        }

        return r;
    }
})();



/////////////////////////////////////////////////////////////////////////////////////////






getTwitters('tweets', { 
    id: 'stringersbeer', 
    count: 2, 
    enableLinks: true, 
	newwindow: true,
    ignoreReplies: true, 
    clearContents: true,
    template: '%text% <a class="tweetlink" target="_blank" title="opens in new window" href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%<\/a>'
    });



// order terribly important. sigh.



document.observe("dom:loaded", doFormIntitialisation);
document.observe('dom:loaded', showSectionByHash);

document.observe('dom:loaded', hideSections);

document.observe('dom:loaded', returnFromContact);


document.observe('dom:loaded', getTwitters);