<script type="text/javascript" src="catalog/javascript/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="catalog/javascript/jquery-ui.min.js" ></script>
<script type="text/javascript" src="catalog/javascript/jquery.mobile_menu.js" ></script>
<!--<script type="text/javascript">
	function googleTranslateElementInit() {
		new google.translate.TranslateElement({
			includedLanguages: 'af,sq,ar,be,bg,ca,hr,cs,da,nl,en,et,tl,fi,fr,gl,de,el,iw,hi,hu,is,id,ga,it,ja,ko,lv,lt,mk,ms,mt,no,fa,pl,pt,ro,ru,sr,sk,sl,es,sw,sv,th,tr,uk,vi,cy,yi',
			pageLanguage: 'en'
		}, 'google_translate_element');
	};
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>-->
<!--<div class="beststoreitems-menu-bg"> </div>-->
<div id="loading-center" style="display: none;">
  <div class="loaded">
    <div class="load"></div>
  </div>
</div>
<div id="top-head" class="header-container">
  	<div class="header-top" id="header_top">
  		<div class="container">
            <div class="row">
                <div class="col-sm-9 col-xs-24 pull-left">
                    <a class="logo hidden-xs" title="beststoreitems" href="/"><i class="icon-logo">beststoreitems</i></a>
                    <div class="top-container clearfix">
                    	<!--<div id="google_language_drop">
                        	<div id="google_translate_element"></div>
                            <div></div>
                        </div>
                        <script type="text/javascript">
							jQuery(function($){
								function changeGoogleTranslate() {
									if ($('.goog-te-combo option:first-child').text() == "Select Language") {
										$('.goog-te-combo option:first-child').text('Language');
										$('.goog-te-combo')
										.selectBox({
											mobile: true,
											hideOnWindowScroll: true
										})
										.change(function () {
											var gObj = $('.goog-te-combo');
											var db = gObj.get(0);
											gObj.val($(this).val());
											fireEvent(db, 'change');
										})
									} else {
										setTimeout(changeGoogleTranslate, 50);
									}
								}
								changeGoogleTranslate();
								function fireEvent(el,e){
									if (document.createEventObject){
										//for IE
										var evt = document.createEventObject();
										return el.fireEvent('on'+e,evt)
									}
									else{
										// For other browsers
										var evt = document.createEvent("HTMLEvents");
										evt.initEvent(e, true, true );
										return !el.dispatchEvent(evt);
									}
								}
								$('#google_translate_element').hide();

								function createNiceGoogleTranslateBlock()
								{
									if($('select.goog-te-combo').length && $('select.goog-te-combo option').length)
									{
										var google_translate_block = $('<div id="language-nicer"><ul class="language-ul parent"><li class="current-li"><span class="current-item">Language<span class="arrow_down"><i class="icon-caret-down"></i></span></span><ul class="language-ul child"></ul></li></ul></div>');
										$('select.goog-te-combo option').each(function(){
											if($(this).val())
												google_translate_block.find('ul.language-ul.child').append($('<li><a class="google-change-language" data-language="'+$(this).val()+'" href="#" rel="nofollow">'+$(this).text()+'</a></li>'));
										});
										$('#google_language_drop').append(google_translate_block);
									}
									else
										setTimeout(createNiceGoogleTranslateBlock,500);
								}
								createNiceGoogleTranslateBlock();

								$('body').on('click','.google-change-language',function(event){
									event.preventDefault();
									$(this).closest('ul').children('li').each(function(){
										$(this).removeClass('current-li');
									});
									$(this).closest('li').addClass('current-li');
									var gObj = $('.goog-te-combo');
									var db = gObj.get(0);
									gObj.val($(this).data('language'));
									fireEvent(db, 'change');
								})
							});
							</script>-->
                        <?php echo $currency; ?>
                    </div>
                    <div class="visible-xs clearfix mobile_topbar_links">
                    <?php echo $currency; ?>
                        <?php if (@$login) { ?>
                        	<a href="/index.php?controller=account_login" class="livechatlink"><i class="icon-user"></i><?php echo $text_signin; ?></a>
                            <a href="/index.php?controller=knowledge_base&amp;knowledge_id=12" class="servicelink"><i class="icon-headphones"></i>Customer Service</a>
                            
                        <?php } else { ?>
                            <span id="customer-info"><?php echo '<a href="/index.php?controller=account">'.substr($customer_info['email'],0,30).'</a>'?> <?php echo '<a>('.$vip_info['discount'].' off)</a>'?></span>
                            <a href="/index.php?controller=account_logout" class="livechatlink"><i class="icon-user"></i><?php echo $text_logout; ?></a>
                            <a href="/index.php?controller=knowledge_base&knowledge_id=12" class="livechatlink"><i class="icon-headphones"></i>Customer Service</a>
                            
                        <?php }?>
                    </div>
                </div>
                <div class="col-sm-15 hidden-xs pull-right">
      			  <div id="cartHeaderBlock"><?php echo $cart; ?></div>
                  <?php if (@$login) { ?>
                      <ul class="links">
                          <li id="register"><a href="index.php?controller=account_login"><?php echo $text_signin; ?></a></li>
                       </ul>
                  <?php } else { ?>
                       <ul class="links">
                          <li class="myemail"><a href="/index.php?controller=account"><?php echo ''.substr($customer_info['email'],0,30).''?> <?php echo '('.$vip_info['discount'].' off)'?></a></li>
                          <li><a href="index.php?controller=account_logout"><?php echo $text_logout; ?></a></li>
                          <li id="my-account">
                            <a class="opaced" href="index.php?controller=account"><?php echo $text_account; ?></a>
                            <div style="display: none;" class="account_display">
                                <ul>
                                    <li><a href="index.php?controller=account">My Orders</a></li>
                                    <li><a href="index.php?controller=my_wishlist">My WishList</a></li>
                                    <li><a href="index.php?controller=my_tickets">My Tickets</a></li>
                                    <li><a href="index.php?controller=waiting_review">My Reviews</a></li>
                                    <li><a href="index.php?controller=my_coupons">My Coupons </a></li>
                                    <li><a href="index.php?controller=my_questions">My Questions</a></li>
                                    <li><a href="index.php?controller=account_address">My Addresses</a></li>
                                    <li><a href="index.php?controller=my_affiliate">My Affiliate</a></li>
                                </ul>
                            </div>
                          </li>
                       </ul>
                   <?php }?>
              </div>
          </div>
      </div>
	 </div>
     <!--notice start-->
        <?php if(!empty($billboard)){?>
        <div class="holiday_notice"><p><?php echo $billboard; ?></p></div>
        <?php }?>
    <!--notice end-->

    <div class="header-middle">
        <div class="container">
            <div class="row">
                <div class="col-md-6 logoWrapper clearfix">
                    <div>
                        <div class="visible-xs" id="open-sb" >
                            <span></span>
                            <span></span>
                            <span></span>
                            Menu
                        </div>
                     </div>
                    <a class="logo" title="beststoreitems" href="/">
                        <i class="icon-logo-top">beststoreitems</i>
                        <span class="welcome">Factory <i>Direct</i> Sales</span>
                    </a>
                    <div class="visible-xs mobile_customer_links">
                        <a href="index.php?controller=account"><i class="icon-user"></i></a>
                        <a href="index.php?controller=cart"><i class="icon-cart-small"></i></a>
                    </div>
                </div>
                
                <div class="clearfix-md"></div>
                 <?php echo $search; ?>
            </div>
        </div>
    </div>
<?php if(!empty($category2)){?>
        <?php echo $category2; ?>
<?php }else { ?>
<div class="header-bottom hidden-xs">
        <div class="container">
            <div class="row">
               <div class="col-lg-16 col-sm-24" id="home_benefits_wrap">
                    <ul class="benefits_list">
                        <li>
                            <span class="icon"><i class="icon-badge"></i></span>
                            Satisfaction<br> guarantee
                        </li>
                        <li>
                            <span class="icon"><i class="text">%</i></span>
                            Low<br> prices
                        </li>
                        <li>
                            <span class="icon"><i class="icon-star"></i></span>
                            Top<br> brands
                        </li>
                        <li>
                            <span class="icon"><i class="icon-headphones"></i></span>
                            Customer<br> service
                        </li>
                        <li>
                            <span class="icon"><i class="icon-truck"></i></span>
                            Free shipping<br> worldwide
                        </li>
                    </ul></div>

                    <div class="col-lg-8 col-sm-24 hidden-xs">
                        <div class="pay_methods">
                            <span title="SSL Secure" class="pay_method pay_ssl">SSL Secure</span>
                            <span title="VISA" class="pay_method pay_visa">VISA</span>
                            <span title="MasterCard" class="pay_method pay_master">MasterCard</span>
                            <span title="American Express" class="pay_method pay_american">American Express</span>
                            <span title="Western Union" class="pay_method icon pay_wu">Western Union</span>
                            <span title="Bank Transfer" class="pay_method icon pay_bk">Bank Transfer</span>
                        </div>
                    </div>
            </div>
        </div>
    </div>
<?php } ?>
</div>
<script type="text/javascript">

	$("#my-account").hover(function(){

	  	$(".opaced").addClass("hovered");
		$('.account_display').show();

	  },function(){

		$(".opaced").removeClass("hovered");
		$('.account_display').hide();

	});

</script>
