var FJGlobal = {
        
        appendCssFile : function(filePath){
            var headID = document.getElementsByTagName("head")[0];         
	        var cssNode = document.createElement('link');
	        cssNode.type = 'text/css';
	        cssNode.rel = 'stylesheet';
	        cssNode.href = filePath;
	        cssNode.media = 'screen';
	        headID.appendChild(cssNode);
        }
        
    };

    var FJBanner = {

        popupOpen: false,
        
        selectedCiudadId : null,
        selectedCocinaId : 0,

        toggle: function(event, el) {
            if (event) {
                event.cancelBubble = true;
            }
            if (typeof (el) == 'string') {
                el = document.getElementById(el);
            }

            el.style.display = this.popupOpen ? 'none' : 'block';
            this.popupOpen = !this.popupOpen;
        },

        listItemOver: function(event,el,toggleId) {
            /*if (!this.popupOpen) {
                this.toggle(event,toggleId);
            }*/
            el.style.backgroundColor = '#E7E8E8';
            
        },

        listItemOut: function(event, el) {
            el.style.backgroundColor = '';
        },

        selectCiudad: function(event, el,id) { 
            this.toggle(event,'fjListCiudad');
            var input = document.getElementById('fjInputCiudad');
            input.innerHTML = el.innerHTML;
            this.selectedCiudadId = id;
            
            
            document.getElementById('fjListCocina').innerHTML = '';
            document.getElementById('fjInputCocina').innerHTML = 'Loading...';
            this.selectedCocinaId = 0;
            FJScriptRequest.send('http://www.foodjoker.com/banners/aurora_israel/generatecocina.aspx?cid=' + id);
        },
        
         selectCocina: function(event, el,id) { 
            this.toggle(event,'fjListCocina');
            var input = document.getElementById('fjInputCocina');
            input.innerHTML = el.innerHTML;
            this.selectedCocinaId = id;
        },

        checkOut: function(event, el) {
            /*if (this.popupOpen) {
                this.toggle(event, el);
            }*/
        },
        
        populateCocina : function(jsonData){
            var arr = eval(jsonData);
            
            var html = '';
            if(arr.length){
                document.getElementById('fjInputCocina').innerHTML = arr[0].name;
                for(var i=0;i<arr.length;i++){
                    var json = arr[i];
                    html += '<div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCocina\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCocina(event,this,' + json.id + ');">' + json.name + '</div>'; 
                }
            }
            var combo = document.getElementById('fjListCocina');
            combo.innerHTML = html;
            
        },
        
        search : function(){
            if(this.selectedCiudadId){
                var win = window.open ("http://www.foodjoker.com/Search.aspx?p=/sp/213/" + this.selectedCiudadId + "//" + this.selectedCocinaId,"fjwindow"); 
                win.focus();
            }
        }
    };
    
    var FJScriptRequest = {
		
		script : null,
		head : null,

		send : function(url){
			
			if(!this.head){
				this.head = document.getElementsByTagName("head")[0];
			}

			if(this.script){
				this.remove();
			}
			
			this.script = document.createElement("script");
			this.script.setAttribute("type", "text/javascript");
			this.script.setAttribute("charset", "utf-8");
			this.script.setAttribute("src", url + '&ord=' + (new Date()).getTime() );

			this.head.appendChild(this.script);

		},


		remove : function(){
			if(this.head && this.script){
				this.head.removeChild(this.script);  	
			}
		}


	};



   FJGlobal.appendCssFile('http://www.foodjoker.com/banners/aurora_israel/css/fjbannerstyle.css');
   
    
   var html =  '<table cellpadding="0" cellspacing="0" border="0" class="fj-main-tbl">' + 
        '<tr valign="top">' + 
            '<td class="fj-td-logo">' + 
                '<img class="fj-img"  src="http://www.foodjoker.com/banners/aurora_israel/img/fjlogo.jpg" alt=""/>' + 
            '</td>' + 
            '<td valign="middle" class="fj-td-title">' + 
                '<div class="fj-title">' + 
                    'Busque Restaurantes en Israel' + 
                '</div>' + 
            '</td>' + 
        '</tr>' + 
        '<tr valign="top">' + 
            '<td colspan="2" align="center" valign="middle" class="fj-td-search-container">' + 
                '<table cellpadding="0" cellspacing="0" border="0">' + 
                    '<tr>' + 
                        '<td>' + 
                            '<div class="fj-sub-title">' + 
                                'Ciudad:' + 
                            '</div>' + 
                        '</td>' + 
                        '<td style="width:5px;"></td>' + 
                        '<td align="left" class="fj-td-combo" onclick="FJBanner.toggle(event,\'fjListCiudad\');">' + 
                            '<div id="fjInputCiudad" class="fj-combo-input"  onclick="FJBanner.toggle(event,\'fjListCiudad\');">' + 
                                'Elige una ciudad' + 
                            '</div>' + 
                            '<div id="fjListCiudad" class="fj-combo-container" onmouseout="FJBanner.checkOut(event,this);" style="display:none;" >' + 
								'<div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3357);">Abu Gosh</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,285);">Afula</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3345);">Akko</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3359);">asfia</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,274);">Ashdod</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,273);">Ashkelón</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3322);">Bat&#45;Yam</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3283);">Binyamina</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3340);">Cesarea</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,268);">Eilat</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3329);">Ein Hawd</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3328);">Ein Hod</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,272);">El Mar Muerto</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3327);">Givatayim</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,271);">Golan</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3385);">Hagoshrim</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,277);">Haifa</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,267);">Herzliya</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,270);">Jerusalén</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3361);">Kadima</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3364);">Kazrin</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3356);">Kfar Nin</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3321);">Liman Village</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3365);">Mishmar Hasharon</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3334);">Modi\'in</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3363);">Naharia</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,278);">Nazaret</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3335);">Nes&#45;Harim</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,275);">Netanya</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3347);">Netiv HaShayara</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3349);">Petah Tikva</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,281);">Ra\'anana</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3343);">Ramat Ha\'Sharon</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,276);">Rehovot</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,279);">Rishon Le Zion</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3360);">Rishpon</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3305);">Rosh Pina</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3337);">Safed</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3338);">Sgula</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,269);">Tel Aviv&#45;Jaffa</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,280);">Tiberia</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3358);">Udim</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3336);">Umm El&#45;Fahm</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3326);">Yahud</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3362);">Yakum</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,3341);">Yokneam</div><div class="fj-combo-item" onmouseover="FJBanner.listItemOver(event,this,\'fjListCiudad\');" onmouseout="FJBanner.listItemOut(event,this);" onclick="FJBanner.selectCiudad(event,this,284);">Zihron Yaakov</div>' + 
						    '</div>' + 
                        '</td>' + 
                        '<td style="width:5px;"></td>' + 
                        '<td>' + 
                            '<div class="fj-sub-title">' + 
                                'Cocina:' + 
                            '</div>' + 
                        '</td>' + 
                        '<td style="width:5px;"></td>' + 
                        '<td align="left" class="fj-td-combo" onclick="FJBanner.toggle(event,\'fjListCocina\');">' + 
                            '<div id="fjInputCocina" class="fj-combo-input" onclick="FJBanner.toggle(event,\'fjListCocina\');">' + 
                            '</div>' +  
                            '<div id="fjListCocina" class="fj-combo-container" onmouseout="FJBanner.checkOut(event,this);" style="display:none;" >' + 
						    '</div>' +  
                        '</td>' + 
                        '<td style="width:5px;"></td>' + 
                        '<td>' + 
                            '<a href="javascript:FJBanner.search();">' + 
                                '<img class="fj-img" src="http://www.foodjoker.com/banners/aurora_israel/img/buscar.gif" alt="" />' + 
                            '</a>' + 
                        '</td>' + 
                    '</tr>' + 
                '</table>' + 
            '</td>' + 
        '</tr>' + 
    '</table>';
    
    
    document.write(html);