/*
 * 	loopedSlider 0.5.6 - jQuery plugin
 *	written by Nathan Searles	
 *	http://nathansearles.com/loopedslider/
 *
 *	Copyright (c) 2009 Nathan Searles (http://nathansearles.com/)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *	Compatible with jQuery 1.3.2+
 *
 */

/*
 *	markup example for $("#loopedSlider").loopedSlider();
 *
 *	<div id="loopedSlider">	
 *		<div class="container">
 *			<div class="slides">
 *				<div><img src="01.jpg" alt="" /></div>
 *				<div><img src="02.jpg" alt="" /></div>
 *				<div><img src="03.jpg" alt="" /></div>
 *				<div><img src="04.jpg" alt="" /></div>
 *			</div>
 *		</div>
 *		<a href="#" class="previous">previous</a>
 *		<a href="#" class="next">next</a>	
 *	</div>
 *
*/

 $(document).ready(function(){
 
	var window_height = $(window).height();
	var window_width = $(window).width();
		
	if( ($.browser.msie) && ($.browser.version == 6.0)){
		}else{
			if(window_width<800){
			
				window_width = 900;
				
			}
		}
		
			if(window_height<800) 
			{
				window_height = 900;
				
			}
		
		if($(window).height() < 599 || $(window).width() < 699){
			$('#header').css({'position': 'absolute'});
			$('#header_bg, #main_bg').hide();
			$('body').css({'background':'url(http://gatewayrestaurant.net/wp-content/themes/bg/images/bg.jpg) repeat', 'height': window_height+'px'});

			$('#header').css({'background':'url(http://gatewayrestaurant.net/wp-content/themes/bg/images/header_bg_01.jpg) no-repeat', 'width': window_height+'px', 'height': 0.078*window_height+'px'});
		}else{
			$('#header_bg, #main_bg').width($(window).width());
		}
	
		var content_width = window_height;
		
		$('body').height(window_height);
		

		$('body').css({'paddingTop': window_height*0.078+'px'});
		$('#header_bg').height(window_height*0.078+'px');
		
		if( ($.browser.msie) && ($.browser.version == 6.0)){
			$('#header').css({'width': window_width, 'margin': '0 auto'});
			//$('#header_bg').height(window_height*0.085+'px');
		}
		
		var header = $("#header_bg").height();
		var logo = $("#log").height(header);
		$("#logo img").height(0.75*header);
		var logopad = ($("#header_bg").height() - 0.75*header)*0.5;
		$("#log").width(logo*4.71); 
		$("#logo").css({'paddingTop': logopad+'px'});
		if( ($.browser.msie) && ($.browser.version == 6.0)){
			$("#logo").css({'paddingTop': (logopad/1.5) +'px'});
		}
		
		$('#access, #access .menu-header, div.menu, #logo, #footer, #branding, #main, #wrapper').width(window_height);
		$('#colophon').width(window_height*0.94+'px');
		$('#access').height( window_height*0.055 );
		$('#access .menu-header, div.menu').css('font-size', window_height*0.02+'px');
		//Cufon.replace('#menu-main li a', { hover: true});
		//var new_mar = $('#menu-main li').css('paddingLeft') ;
		var szer = (window_width - $('#wrapper').width())*0.5;
		$('#wrapper').css({'left': szer+'px'});
		$('#access ul ul').css({'top': window_height*0.055+'px','left': 0});
		$('#access ul ul li').css({'min-width': content_width*0.23+'px'} );
		
		
		var menu_heig = (window_height*0.055 - $('#menu-main>li').height())/2;
		$('#menu-main>li').css({'padding-top': menu_heig+1+'px', 'padding-bottom': menu_heig+'px'} );
		$('#menu-main li li').css({'padding': '0px'} );
		$('.sub-menu li:last-child a').css({'paddingBottom': window_height*0.02+'px'});
		$('#menu-item-527').find('a').attr('target','_blank');
		$('#menu-item-532>a').attr('href','javascript:void(0);');
		
		
		
		$('#main').height(window_height*0.76);
		$('.front_page').height(window_height*0.90);
		$('#loopedSlider .container').height(window_height*0.46);
		$('.slides').width($('#loopedSlider .container').width());//*4);
		$('.slide').width($('#loopedSlider .container').width());
		$('.slide img').height($('#loopedSlider .container').height());
		
		
		$('.slide img').width($('#loopedSlider .container').width());
		$('.slide .descr').width($('#loopedSlider .container').width());
		$('.slide .descr').height(window_height*0.11);
		var margin = '-'+window_height*0.11+'px';
		var desc_font = window_height*0.14;
		font = (desc_font * 0.2)+'px';
		var das = $('.descr p').height();
		
		if( window_height > 900) 
		{
			var padd = (window_height*0.11 - das)/2 +'px';
		}else{
			var padd = (window_height*0.11 - das)/1.5 +'px';
		}
		
		if ($.browser.mozilla || $.browser.webkit) {
			if( window_height >= 900) 
			{
				var padd = (window_height*0.11 - das)/2.7 +'px';
			}else{
				var padd = (window_height*0.11 - das)/2.35 +'px';
			}
		}
		
		$('.slide .descr').css({'margin-top':margin, 'font-size': font});
		$('.descr p').css({'padding':padd, 'line-height': font });
		$('.descr span').css({'line-height': font+20});
		
		var line;

		
		
		
		if(($.browser.msie) && ($.browser.version == 6.0)){
			
			$('#backgr').height(window_height*0.1);
			
			//$('#event_show').css({'marginTop': '0px'});
			
			$('.events img').each(function(){
				$(this).height(window_height*0.32);
				$(this).width(window_height*0.302);
				$(this).css({ 'margin': '0 auto', 'marginTop' : '5px'});
			});
			$('#event_show').height(window_height*0.3);
			$('#event_show').width(window_height*0.313);
			$('#backgr').width(window_height*0.325);
			$('#down_menu').css({marginTop: '-10px'});
			
			
		}else{
			$('#backgr').height(window_height*0.33);
			$('#event_show').height(window_height*0.325);
			$('#event_show').width(window_height*0.307);
			$('.events img').each(function(){
				$(this).height(window_height*0.32);
				$(this).width(window_height*0.302);
			});
			$('#backgr').width(window_height*0.312);
		}
		
		
		
		
		$('#backg').height(window_height*0.20);
		$('#backg').width(window_height*0.37);
		var abss = ($('.aboutus h2:first').height()+10)*(-1)+'px';
		$('#backg').css({marginTop : abss, marginBottom: (-1)*window_height*0.025});
		

		
		$('#about_show').height(window_height*0.17);
		$('#about_show').width(window_height*0.343);
		$('#about_show').css({'margin': '0 auto'});
		$('#about_show').css({'marginTop': window_height*0.01});
		$('.aboutus img').each(function(){
			$(this).height(window_height*0.18);
			$(this).width(window_height*0.35);
		});
		
		$('.gift img').height(window_height*0.21);
		$('.gift img').width(window_height*0.376);
		font = window_height*0.012+'px';
		line = window_height*0.012+'px';
		$('.lista').css({'font-size': font});
		$('.lista li').css({'marginBottom': line, 'line-height': line});
		
		var poslist = $('.lista:first').position();
		$('.lista').each(function(){
			$(this).css({'top': poslist.top});
		});

		
		
		$('#cont').height(window_height*0.212);
		$('.front_cont').height(window_height*0.335);
		$('#art_left img').height(window_height*0.213+'px');
		
		if($.browser.msie){
			var art1 = (window_height*0.016)+'px';
			var art2 = (window_height*0.015)+'px';
			var art3 = (window_height*0.0185)+'px';
			var art4 = (window_height*0.014)+'px';
			var art5 = (window_height*0.012)+'px';
			line = window_height*0.016+'px';
		}else{
			var art1 = (window_height*0.015)+'px';
			var art2 = (window_height*0.014)+'px';
			var art3 = (window_height*0.0185)+'px';
			var art4 = (window_height*0.013)+'px';
			var art5 = (window_height*0.0111)+'px';
			line = window_height*0.016+'px';
		}
		
		
		$('#art_left_txt').css({'font-size': art2});
		$('#art_left_txt h3').css({'font-size': art1});
		$('.litle').css({'font-size': art4});
		$('.large').css({'font-size': art1, 'lineHeight': '1em'});
		$('.large1').css({'lineHeight': '1em'});
		$('.large1 h3').css({'font-size': art3, 'lineHeight': '1em'});
		$('.litle2 span').css({'font-size': art4, 'lineHeight': '1em'});
		//$('cufon').css({lineHeight: '20%'});
		
		var artic = $('#cont').height();
		$('.large1 h3').css({'marginBottom' : artic*0.0566+'px'});
		
		var top;
		var top_art = $('#art_left_txt').width();
		var top_art2 = $('#art_right_txt').width();
		var add_logo_width = $('#art_right').width();
		var add_logo_height = $('#art_right').height();
		
		$('#leaflets').width($('#cont').width());
	
	if ( $.browser.msie ) {
		var menu_heig = (window_height*0.055 - $('#menu-main>li a').height())*0.5 ;
		$('#menu-main>li').height($('#menu-main>li a').height());
		$('#menu-main>li').css({'padding-top': menu_heig+6+'px', 'padding-bottom': menu_heig+'px'} );
		font = window_height*0.024+'px';
		$('.events h2, .aboutus h2, , .gift h2').css({'font-size': font, 'font-weight': 'bold', 'marginBottom': '1%'});
		line = window_height*0.017+'px';
		font = window_height*0.015+'px';
		$('.events p, .aboutus p, .gift p').css({'font-size': font, 'marginBottom': '2%', 'line-height': line});
	
		
		if ($('.litle').length ){	

			$('.add_logo').width(add_logo_width*0.145);
			$('.add_logo').height(add_logo_width*0.145);
			var add_pos = $('#art_right').position();
			var top_add = add_pos.top + add_logo_height*0.54;
			var left_add = add_pos.left + add_logo_width*0.875;
			$('.add_logo').css({'top': top_add+'px', 'left': left_add+'px'});
			
			if($.browser.version == 6.0){
				
				
				var posss = $('.large1').position();
				$('.litle').css({'width': top_art-1+'px', 'top': window_height*0.75-3+'px', 'left': posss.left});
				posss = $('.litle').position();
				$('.litle2').css({'width': top_art2-15+'px'});
				var abc = posss.top + $('.litle').height() - $('.litle2').height();
				$('.litle2').css({'top': abc +'px'});
				left_add = add_pos.left + add_logo_width;

				
			}else{
			
				var posss = $('.large1').position();
				$('.litle').css({'width': top_art-1+'px', 'top': window_height*0.82-3+'px', 'left': posss.left});
				posss = $('.litle').position();
				$('.litle2').css({'width': top_art2+'px'});
				var abc = posss.top + $('.litle').height() - $('.litle2').height() - 1;
				$('.litle2').css({'top': abc +'px'});

				
			}
		}
		
		if($.browser.version == 6.0){
			$('.menu-item').hover(
				function(){
					$(this).find('.sub-menu li').css({'display': 'block'});
					$(this).find('.sub-menu').show();
				},
				function(){
					$(this).find('.sub-menu').hide();
				}
			);
			
			top = window_height*0.75+'px';
			$('#footer').css({'font-size': art5, 'top': top});
			$('.front_foot').css({'top': window_height*0.895+'px'});
			var width_leaf = ($('#leaf_list').width() - $('#leaf_list li').width()*8)/4.2;
				$('#leaf_list li').css({'paddingRight': width_leaf});
				$('#leaf_list li:last-child').css({'paddingRight': 0});
		
		}else{
			top = window_height*0.825+'px';
			$('#footer').css({'font-size': art5, 'top': top});
			$('.front_foot').css({'top': window_height*0.965+'px'});
			var width_leaf = ($('#leaf_list').width() - $('#leaf_list li').width()*8)/7.5;
				$('#leaf_list li').css({'paddingRight': width_leaf});
				$('#leaf_list li:last-child').css({'paddingRight': 0});
			
		}
			
		
		
	
	}else{
	
		top = window_height*0.84+'px';
		$('#footer').css({'font-size': art5, 'top': top});
		$('.front_foot').css({'top': window_height*0.98+'px'});
		
		var userAgent = navigator.userAgent.toLowerCase();
		$.browser = {safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent )};
		if(/webkit/.test( userAgent ) && !/chrome/.test( userAgent )){
			if ($('.litle').length ){
				$('.litle').css({'width': top_art-1+'px','top': window_height*0.81-3+'px'});
				var posss = $('.litle').position();
				$('.litle2').css({'width': top_art2+'px'});
				var abc = posss.top + $('.litle').height() - $('.litle2').height();
				
				$('.add_logo').width(add_logo_width*0.17);
				$('.add_logo').height(add_logo_height*0.17);
				var widd = $('#art_right').width() - $('.add_logo').width()*1.1;
				$('.litle2').css({'top': abc+'px','width':widd+'px'});
				var add_pos = $('#art_right').position();
				var top_add = add_pos.top + add_logo_height*0.51;
				var left_add = add_pos.left + add_logo_width*0.855;
				$('.add_logo').css({'top': top_add+'px', 'left': left_add+'px'});
				var width_leaf = ($('#leaf_list').width() - $('#leaf_list li').width()*8)/7.5;
				$('#leaf_list li').css({'paddingRight': width_leaf});
				$('#leaf_list li:last-child').css({'paddingRight': 0});
			}
			//alert('safari');
		}else{
			if ($('.litle').length ){
				$('.litle').css({'width': top_art-1+'px','top': window_height*0.81-3+'px'});
				var posss = $('.litle').position();
				$('.litle2').css({'width': top_art2+'px'});
				var abc = posss.top + $('.litle').height() - $('.litle2').height()-2;
				$('.litle2').css({'top': abc - 10 +'px'});
				$('.add_logo').width(add_logo_width*0.17);
				$('.add_logo').height(add_logo_width*0.17);
				$('.add_logo').parent().css({'paddingRight': add_logo_width*0.1});
				var widd = $('#art_right').width() - $('.add_logo').width()*1.15;
				$('.litle2').css({'top': abc+'px','width':widd+'px'});
				var add_pos = $('#art_right').position();
				var top_add = add_pos.top + add_logo_height*0.51;
				var left_add = add_pos.left + add_logo_width*0.855;
				$('.add_logo').css({'top': top_add+'px', 'left': left_add+'px'});
				var width_leaf = ($('#leaf_list').width() - $('#leaf_list li').width()*8)/7.5;
				$('#leaf_list li').css({'paddingRight': width_leaf});
				$('#leaf_list li:last-child').css({'paddingRight': 0});
			}
		}
		
		if(/opera/.test(userAgent)){
					$('#menu-main>li').css({'padding-top': window_height*0.021+'px', 'padding-bottom': window_height*0.021+'px'} );
					//alert('opera');

		}
		
		font = window_height*0.02+'px';
		$('.events h2, .aboutus h2, , .gift h2').css({'font-size': font, 'marginBottom': '3px', 'marginTop': '20px'});
		
		line = window_height*0.016+'px';
		font = window_height*0.014+'px';
		$('.events p, .gift p').css({'font-size': font, 'marginBottom': '9px', 'line-height': line});
		$('.aboutus p').css({'font-size': font, 'marginBottom': '9px', 'line-height': line});
		$('#down_menu').css({'paddingTop':'1%'});
		
	}
	

		
		$('#all_img').height(window_height*0.33+'px');
		$('#all_img, #menus_left').width(window_height*0.42+'px');
		$('#img_zoom').height(window_height*0.236+'px');
		$('#img_zoom, #img_zoom img, #thumbs').width(window_height*0.41+'px');
		if ( $.browser.msie && $.browser.version == 6.0 ) {
			$('#img_zoom img').width(window_height*0.42+'px');
			$('#thums').css({'marginLeft':'-5px'});
			$('#all_img').height(window_height*0.27+'px');
			
		}else{
			$('#all_img').height(window_height*0.33+'px');
		}
		$('#img_zoom img').height(window_height*0.236+'px');
		$('#img_thumb_prev, #img_thumb_curr, #img_thumb_next, #img_thumb_prev img, #img_thumb_curr img, #img_thumb_next img').height(window_height*0.07+'px');	
		$('#img_thumb_prev, #img_thumb_curr, #img_thumb_next, #img_thumb_prev img, #img_thumb_curr img, #img_thumb_next img').width(window_height*0.12+'px');
		
		var thumb_width = window_height*0.41;
		var thumb_sing = window_height*0.12;
		var thumb_marg = ((thumb_width - 3*thumb_sing)/2)+'px';
		$('#img_thumb_curr, #img_thumb_next').css('margin-left', thumb_marg);
		
		$('#left_form, #left_form input[type="text"]').width(window_height*0.36);
		
		$('#right_form').width(window_height*0.50);
		
		font = window_height*0.014;
		$('#left_form, #right_form').css('font-size', font);
		$('#left_form p, #right_form p').css('marginBottom', '5pxpx');
		$('#left_form  input[type="text"], #right_form  input[type="text"]').css({'font-size': font, 'height': window_height*0.02, 'marginTop':'5px'});
		$('span.wpcf7-list-item').css({'marginLeft':'0'});
		if ( $.browser.msie ) {
		}else{
			/*Cufon.replace('#left_form p');
			Cufon.replace('#right_form p');
			Cufon.replace('.wpcf7-submit');*/
		}
				
			
		$('#menu-footer').css({'font-size': art5});
		$('#menu-footer li:last-child').css({'background': 'none'});
		if ( $.browser.msie ) {
		}else{
			//Cufon.replace('#footer', { hover: true});
		}
		
		$('input[type=checkbox]').each(function() {
			$(this).wrap(function() {
				return ($(this).is(':checked')) ? '<div class="custom_checkbox selected" />' : '<div class="custom_checkbox" />';
			});
		});
	
	$('.custom_checkbox input[type=checkbox]').click(function () {
		$(this).parent().toggleClass('selected');
	});

	var menu_width = $('#menu-item-533').width();
	$('#menu-main').css({'width':menu_width*10,'margin':'0 auto'});
	var submenu = 0.322*window_height;
	
	$('#menu-item-553').parent().css({'top':0,'left': submenu});
	


	});

		function slideSwitch() {
		
			var $active = $('.active');

			if ( $active.length == 0 ) $active = $('.slide:last');

			var $next =  $active.next().length ? $active.next()
				: $('.slide:first');

			$active.addClass('last-active');

			$next.css({opacity: 0.0})
				.addClass('active')
				.animate({opacity: 1.0}, 1000, function() {
					$active.removeClass('active last-active');
				});
		}
		
		function slideSw (container) {
			var $active = $("#"+container+" IMG.active");

			if ( $active.length == 0 ) $active = $("#"+container+" IMG:last");

			var $next =  $active.next().length ? $active.next()
				: $("#"+container+" IMG:first");

			$active.addClass('last-active');

			$next.css({opacity: 0.0})
				.addClass('active')
				.animate({opacity: 1.0}, 1000, function() {
					$active.removeClass('active last-active');
				});
		}