/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.BLANK_IMAGE_URL = '../../resources/images/default/s.gif';

Ext.Oxygen = function(){
    var msgCt;

    function createBox(t, s){
        return ['<div class="msg">',
                '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>',
                '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc"><h3>', t, '</h3>', s, '</div></div></div>',
                '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>',
                '</div>'].join('');
    }
    return {
        msg : function(title, format){
            if(!msgCt){
                msgCt = Ext.DomHelper.insertFirst(document.body, {id:'msg-div'}, true);
            }
            msgCt.alignTo(document, 't-t');
            var s = String.format.apply(String, Array.prototype.slice.call(arguments, 1));
            var m = Ext.DomHelper.append(msgCt, {html:createBox(title, s)}, true);
            m.slideIn('t').pause(1).ghost("t", {remove:true});
        },

        init : function()
        {
			var menuRendered = false;
			
			var thumbnailImage = 'thumbnail.gif';
			var galleryData = {
				'1.jpg': { thumbnail: thumbnailImage  },
				'2.jpg': { thumbnail: thumbnailImage  },
				'3.jpg': { thumbnail: thumbnailImage  },
				'4.jpg': { thumbnail: thumbnailImage  },
				'5.jpg': { thumbnail: thumbnailImage  },
				'6.jpg': { thumbnail: thumbnailImage  },
				'7.jpg': { thumbnail: thumbnailImage  },
				'8.jpg': { thumbnail: thumbnailImage  },
				'9.jpg': { thumbnail: thumbnailImage  },
				'10.jpg': { thumbnail: thumbnailImage  },
				'11.jpg': { thumbnail: thumbnailImage  },
				'12.jpg': { thumbnail: thumbnailImage  }
			};//End galleryData
			
			var gallerySlideshow = new Slideshow('photos', galleryData, { captions: false, controller: false, height: 311, hu: 'img/gallery/', thumbnails: true, transition: 'back:out', width: 680});
    		
    		Ext.get('bookingform').on('click',function() {
    			TheCity.functionWindow.show();
    		});
    		
    		Ext.get('bookingformlink').on('click',function() {
    			TheCity.functionWindow.show();
    		});
    		
    		Ext.get('findusonmap').on('click',function() {
    			TheCity.locationMapWindow.show();
    		});
    		
    		Ext.get('googlemaplink').on('click',function() {
    			TheCity.locationMapWindow.show();
    		});
    		
    		Ext.get('membershiplink').on('click',function() {
    			TheCity.membershipWindow.show();
    		});
    		
    		function renderMenus(){
    			
    			if(menuRendered == false)
				{
					//START PARSE XML
		            var xmlDoc;
		            if (window.XMLHttpRequest)
		            {
		                xhttp=new XMLHttpRequest();
		            }
		            else // Internet Explorer 5/6
		            {
		                xhttp=new ActiveXObject("Microsoft.XMLHTTP");
		            }
		            
		            xhttp.open("GET","xml/menu.xml",false);
		            xhttp.send("");
		            xmlDoc=xhttp.responseXML;
		            
		            //var eventObj = Ext.get('event-panel');
		            var eventObj = Ext.get('cocktail-menu-body');

		            var xmlEvents=xmlDoc.getElementsByTagName("MENU");
		            
		            for (var q=xmlEvents.length-1;q>-1;q--)
		            {
		                var type = xmlEvents[q].getElementsByTagName("TYPE")[0].childNodes[0].nodeValue;
		                var title = xmlEvents[q].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue;

		                eventObj.insertHtml('afterBegin','<div class="event"><div class="event-header"><fieldset id="event' + q + '" class="event-fieldset"><legend class="event-date">' + type + '</legend></fieldset></div>');
		                var currentEventObj = Ext.get('event' + q);
		                
		                if(title == "Cocktails")
		                {
		                    
		                    var xmlProducts=xmlEvents[q].getElementsByTagName("PRODUCT");
		                    for (var h=0;h<xmlProducts.length;h++)
		                    {
		                        var productname = xmlProducts[h].getElementsByTagName("NAME")[0].childNodes[0].nodeValue;
		                        var priceglass = xmlProducts[h].getElementsByTagName("PRICEGLASS")[0].childNodes[0].nodeValue;
		                        var pricebottle = xmlProducts[h].getElementsByTagName("PRICEBOTTLE")[0].childNodes[0].nodeValue;
		                        
		                        
		                        currentEventObj.insertHtml('beforeEnd','<div class="productname">'
		                                        + productname + '</div><div class="priceglass">'
		                                        + priceglass + '</div><div class="pricebottle">'
		                                        + pricebottle + '</div>'
		                                        );
		                    }
		                }//end Cocktails	   
					}//end xmlEvents.array
				}//end if(menuRendered)
    			menuRendered = true;
    		};
    		
    		Ext.get('cocktailmenus').on('click',function(){
    			
    			TheCity.cocktailMenuWindow.show();
    			
    			//renderMenus();
    			
    			//TheCity.cocktailMenuWindow.body.update('');
    			
    		});
    		
    		Ext.get('cocktailmenuslink').on('click',function(){
    			
    			TheCity.cocktailMenuWindow.show();
    			
    			//renderMenus();
    			
    			//TheCity.cocktailMenuWindow.body.update('');
    			
    		});

        }//End init
        
        	
    };
}();





/*HTML CONTENT*/
Ext.Oxygen.galleryMaterial = '<div style="padding-left:5px;text-align:left"><div id="galleryShow"></div></div>';

/*HEADER*/
Ext.Oxygen.oxygenpanel = '<div id="header"><IMG SRC="img/earth-logo-header-top.png" /></div><div id="googlemap"><IMG SRC="img/googlemap.png" /></div>';

Ext.Oxygen.menu = '<div id="menu-panel"><img style="float:left;height:214px; width:210px" src="img/oxygen_bubble.png" /><ul style="height:90px;padding-top:10px;"><li class="menu-item" id="menu1">Experience</li><li class="menu-item" id="menu2">Photos</li><li class="menu-item" id="menu3">Menus</li><li class="menu-item" id="menu4">Location</li><li class="menu-item" id="menu5">Booking</li><li class="menu-item" id="menu6">Contact</li><a href="http://www.facebook.com/pages/Adelaide-Australia/Oxygen-BarLounge/104088372973981"><li class="menu-item" id="menu7">Facebook</li></a></ul><div id="content-title">Experience</div><div id="content-blurb">Enter Oxygen bar.</div></div>';

Ext.Oxygen.content1 = '<div id="event-panel" style="width:auto;"><div id="exp1"></div></div>';

Ext.Oxygen.content2 = '<div id="event-panel" style="background:#000;width:auto;"><div id="viewphotos"></div>';

Ext.Oxygen.content3 = '<div id="event-panel" style="width:757px; margin:0px auto;"></div>';

Ext.Oxygen.content4 = '<div id="event-panel" style="width:auto;"><div id="exp3"></div>';

Ext.Oxygen.content5 = '<div id="event-panel"></div>';

Ext.Oxygen.content6 = '<div id="event-panel"><div id="exp2"><div class="contact-panel" style="margin-top:0px !important;"><div id="contact-panel-header" style="margin-top:20px;">Contact Information</div><div id="contact-panel-body"></div></div></div></div>';

Ext.Oxygen.booking = '<IMG style="float:left;" SRC="img/wine.png" />';

Ext.Oxygen.residents = '<div id="residents" class="residents"></div>';

Ext.Oxygen.location = '<div id="googlemap"></div>';

Ext.Oxygen.contactus = '<div id="contactus"><div id="contactus-body"></div></div><IMG style="float:left;" SRC="img/tie2.png" />';


Ext.onReady(Ext.Oxygen.init, Ext.Oxygen);


// old school cookie functions
//var Cookies = {};
//Cookies.set = function(name, value){
//     var argv = arguments;
//     var argc = arguments.length;
//     var expires = (argc > 2) ? argv[2] : null;
//     var path = (argc > 3) ? argv[3] : '/';
//     var domain = (argc > 4) ? argv[4] : null;
//     var secure = (argc > 5) ? argv[5] : false;
//     document.cookie = name + "=" + escape (value) +
//       ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
//       ((path == null) ? "" : ("; path=" + path)) +
//       ((domain == null) ? "" : ("; domain=" + domain)) +
//       ((secure == true) ? "; secure" : "");
//};

//Cookies.get = function(name){
//	var arg = name + "=";
//	var alen = arg.length;
//	var clen = document.cookie.length;
//	var i = 0;
//	var j = 0;
//	while(i < clen){
//		j = i + alen;
//		if (document.cookie.substring(i, j) == arg)
//			return Cookies.getCookieVal(j);
//		i = document.cookie.indexOf(" ", i) + 1;
//		if(i == 0)
//			break;
//	}
//	return null;
//};

//Cookies.clear = function(name) {
//  if(Cookies.get(name)){
//    document.cookie = name + "=" +
//    "; expires=Thu, 01-Jan-70 00:00:01 GMT";
//  }
//};

//Cookies.getCookieVal = function(offset){
//   var endstr = document.cookie.indexOf(";", offset);
//   if(endstr == -1){
//       endstr = document.cookie.length;
//   }
//   return unescape(document.cookie.substring(offset, endstr));
//};