var is_ie6 = false;
	var is_ie7 = false;
	var is_ie8 = false;
	jQuery.each(jQuery.browser, function(i, val) {
		if(i=="msie" && jQuery.browser.version.substr(0,3)=="6.0"){is_ie6 = true;}
		if(i=="msie" && jQuery.browser.version.substr(0,3)=="7.0"){is_ie7 = true;}
		if(i=="msie" && jQuery.browser.version.substr(0,3)=="8.0"){is_ie8 = true;}
	});
	
	
	// Footer
	function footerPosition(){
		window_height = $(window).height();
		document_height = $(document).height();
		if (document_height > window_height) {
			$('body').height(document_height);
		}
		if (!$('body').hasClass('main')) {
			$('div.footer').css({'display':'block'});
			if (!is_ie6) {
				$('div.footer p.addr').fadeTo(0, 0.53);
				$('div.footer p.lang a.selected').fadeTo(0, 0.53);
			}
		}
	}
	$(window).resize(function(){
		footerPosition();
		scalingImage();
	});
	$(window).load(function(){
		footerPosition();
		scalingImage();
		imageLoader();
		if (document.getElementById("map_canvas")) {
			initialize();
		}
	});
	
	
	// Dropdown
	$(document).ready(function(){
	
		// SlideDown | SlideUp
		var expanded = false;
		var hovered = false;
		$('div.dropdown span.button').hover(function(){
			$(this).css({'background-color':'#f0f0f0'});
		}, function(){
			$(this).css({'background-color':'#fff'});
		});
		$('div.dropdown span.button').click(function(){
			var div = $(this).parent();
			var button = $(this);
			var ul = $(this).parent().find('ul');
			
			if (button.hasClass('clicked')) {
				// slide up
				ul.slideUp(250);
				button.removeClass('clicked');
				expanded = false;
			} else {
				// slide down
				if ($('div.dropdown span.button').hasClass('clicked')) {
					$('div.dropdown span.button').removeClass('clicked');
					$('div.dropdown ul').slideUp(250);
				}
				ul.slideDown(250);
				button.addClass('clicked');
				expanded = true;
			}
		});
		$('div.dropdown span.selected').click(function(){
			var div = $(this).parent();
			var button = $(this).parent().find('span.button');
			var ul = $(this).parent().find('ul');
			
			if (button.hasClass('clicked')) {
				// slide up
				ul.slideUp(250);
				button.removeClass('clicked');
				expanded = false;
			} else {
				// slide down
				if ($('div.dropdown span.button').hasClass('clicked')) {
					$('div.dropdown span.button').removeClass('clicked');
					$('div.dropdown ul').slideUp(250);
				}
				ul.slideDown(250);
				button.addClass('clicked');
				expanded = true;
			}
		});
		$('div.dropdown').hover(function(){
			hovered = true;
		}, function(){
			hovered = false;
		});
		$(document).click(function(){
			if (expanded && !hovered) {
				$('div.dropdown ul').slideUp(250);
				$('div.dropdown span.button').removeClass('clicked');
			}
		});
		$('div.dropdown ul li').hover(function(){
			$(this).addClass('hover');
		}, function(){
			$(this).removeClass('hover');
		});
		
		
		// "OK" button
		$('div.filter input.submit').removeClass('hover');
		$('div.filter input.submit').hover(function(){
			$(this).addClass('hover');
		}, function(){
			$(this).removeClass('hover');
		});
		
		
		// Put to hidden
		$('div.dropdown ul li').click(function(){
			hidden_value = $(this).attr('id');
			$(this).parent().parent().find('input.hidden').attr({'value':hidden_value});
			$(this).parent().parent().find('span.selected').html($(this).html());
			// slide up
			$(this).parent().slideUp(250);
			$(this).parent().parent().find('span.button').removeClass('clicked');
			expanded = false;
		});
		
		
		// Onload select
		$('div.dropdown').each(function(){
			hidden_value = $(this).find('input.hidden').attr('value');
			if (hidden_value) {
				li_id = 'li#'+hidden_value;
				$(this).find('span.selected').html($(this).find(li_id).html());
			}
		});
	});
	
	
	// Portfolio
	$(document).ready(function(){
		var animation_completed = true;
		if ($('div.works').html()) {
			$('div.works span.prev').hover(function(){
				$(this).css({'background-position':'0 -56px'});
			}, function(){
				$(this).css({'background-position':'0 0'});
			});
			$('div.works span.next').hover(function(){
				$(this).css({'background-position':'0 -56px'});
			}, function(){
				$(this).css({'background-position':'0 0'});
			});
			$('div.dot ul li:first').addClass('selected');
			$('div.works ul li').fadeOut(0);
			$('div.works ul li:first').fadeIn(0).addClass('selected');
			
			if ($('div.works ul li').length > 1) {
				var dot_ul = '<ul>';
				for (i = 0; i < $('div.works ul li').length; i++){
					if (i == 0) {
						dot_ul += '<li class="selected"></li>';
					} else {
						dot_ul += '<li></li>';
					}
				}
				dot_ul += '</ul><div class="clear"></div>';
				$('div.dot').prepend(dot_ul);
			} else {
				$('div.works span.prev').fadeOut(0);
				$('div.works span.next').fadeOut(0);
			}
			
			// next
			$('div.works span.next').click(function(){
				if (animation_completed){
					animation_completed = false;
					$('div.works ul li.selected').fadeTo(250, 0, function(){
						if ($(this).next().html() != null) {
							$(this).fadeTo(0, 1).fadeOut(0).removeClass('selected');
							$(this).next().fadeIn(250).addClass('selected');
							$('div.dot ul li.selected').removeClass('selected').next().addClass('selected');
						} else {
							$(this).fadeTo(0, 1).fadeOut(0).removeClass('selected');
							$('div.works ul li:first').fadeIn(250).addClass('selected');
							$('div.dot ul li.selected').removeClass('selected');
							$('div.dot ul li:first').addClass('selected');
						}
						animation_completed = true;
					});
				}
			});
			
			// prev
			$('div.works span.prev').click(function(){
				if (animation_completed){
					animation_completed = false;
					$('div.works ul li.selected').fadeTo(250, 0, function(){
						if ($(this).prev().html() != null) {
							$(this).prev().fadeIn(250).addClass('selected');
							$(this).fadeTo(0, 1).fadeOut(0).removeClass('selected');
							$('div.dot ul li.selected').removeClass('selected').prev().addClass('selected');
						} else {
							$('div.works ul li:last').fadeIn(250).addClass('selected');
							$(this).fadeTo(0, 1).fadeOut(0).removeClass('selected');
							$('div.dot ul li.selected').removeClass('selected');
							$('div.dot ul li:last').addClass('selected');
						}
						animation_completed = true;
					});
				}
			});
			
			// dot
			$('div.dot ul li').click(function(){
				if (!$(this).hasClass('selected')) {
					img_index = $(this).index();
					$('div.dot ul li').removeClass('selected');
					$(this).addClass('selected');
					$('div.works ul li.selected').fadeTo(250, 0, function(){
						i = 0;
						$('div.works ul li').each(function(){
							if (i == img_index) {
								$(this).fadeIn(250).addClass('selected');
							}
							i++;
						});
						$(this).fadeTo(0, 1).fadeOut(0).removeClass('selected');
					});
				}
			});
			
			$('div.works ul li img').click(function(){
				$('div.works span.next').trigger('click');
			});
			
			// ie6 & ie7
			if (is_ie6 || is_ie7) {
				img_height = $('div.works ul li img').height();
				span_height = $('div.works span.prev').height();
				span_width = $('div.works span.prev').width();
				div_top = $('div.works').offset().top;
				div_left = $('div.works').offset().left;
				span_top = div_top + img_height - span_height;
				$('div.works').css({'position':'static'});
				$('div.works span.prev').css({'bottom':'auto', 'top':span_top, 'left':div_left});
				$('div.works span.next').css({'bottom':'auto', 'top':span_top, 'left':div_left+span_width});
			}
		}
	});
	
	
	// Scaling Image
	function scalingImage(){
		if (!$('body').hasClass('main')) {
			window_width = $(window).width();
			window_height = $(window).height();
			document_height = $(document).height();
			img_width = $('div.bg img').width();
			img_height = $('div.bg img').height();
			if (img_height <= document_height) {
				$('div.bg img').css({'width':'auto', 'height':'100%'});
			}
			if (img_width < window_width) {
				$('div.bg img').css({'width':'100%', 'height':'auto'});
			}
		}
	}
	
	
	// Main page menu hover
	/*
	$(document).ready(function(){
		if ($('body').hasClass('main')) {
			$('div.menu ul li').hover(function(){
				// Karandash Bureau
				if ($(this).hasClass('h_kb')) {
					$('div.opacity1').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity4').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity1').queue(function(){
						$(this).dequeue();
					});
					$('div.opacity4').queue(function(){
						$(this).dequeue();
					});
				}
				// Karandash Design
				if ($(this).hasClass('h_kd')) {
					$('div.opacity1').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity3').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity1').queue(function(){
						$(this).dequeue();
					});
					$('div.opacity3').queue(function(){
						$(this).dequeue();
					});
				}
				// Graphic Design
				if ($(this).hasClass('h_gd')) {
					$('div.opacity2').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity3').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity2').queue(function(){
						$(this).dequeue();
					});
					$('div.opacity3').queue(function(){
						$(this).dequeue();
					});
				}
				// Graphic Bureau
				if ($(this).hasClass('h_gb')) {
					$('div.opacity2').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity4').fadeIn(0).fadeTo(0, 0).fadeTo(250, 0.85);
					$('div.opacity2').queue(function(){
						$(this).dequeue();
					});
					$('div.opacity4').queue(function(){
						$(this).dequeue();
					});
				}
			}, function(){
				$('div.opacity1').clearQueue();
				$('div.opacity1').stop();
				$('div.opacity2').clearQueue();
				$('div.opacity2').stop();
				$('div.opacity3').clearQueue();
				$('div.opacity3').stop();
				$('div.opacity4').clearQueue();
				$('div.opacity4').stop();
				$('div.opacity1').fadeTo(0, 0);
				$('div.opacity2').fadeTo(0, 0);
				$('div.opacity3').fadeTo(0, 0);
				$('div.opacity4').fadeTo(0, 0);
			});
		}
	});
	*/
	
	
	// Google Map
	function initialize(){
		var map = new GMap2(document.getElementById("map_canvas"));
		map.setUIToDefault();
		map.setCenter(new GLatLng(50.4413,30.5202), 15);
		
		// Default Marker
		//var marker = new GMarker(new GLatLng(50.4524, 30.4905), {draggable: false});
		//map.addOverlay(marker);
		
		// Create custom marker
		var cafeIcon = new GIcon();
		cafeIcon.image = "http://karandashdesign.com/images/marker.png";
		cafeIcon.shadow = "http://karandashdesign.com/images/blocker.gif";
		cafeIcon.iconSize = new GSize(124, 111);
		cafeIcon.shadowSize = new GSize(22, 20);
		cafeIcon.iconAnchor = new GPoint(62, 111);
		cafeIcon.infoWindowAnchor = new GPoint(5, 1);
		// Set up our GMarkerOptions object literal
		markerOptions = { icon:cafeIcon };
		map.addOverlay(new GMarker(new GLatLng(50.4413,30.5202), markerOptions));
	}
	
	
	// Image Loader
	$(document).ready(function(){
		$('div.work img').parent().addClass('pr');
		$('div.work img').fadeTo(0, 0);
	});
	function imageLoader(){
		$('div.work img').css({'visibility':'visible'});
		$('div.work img').fadeTo(500, 1);
	}