function check_viewport(css) {

 var viewportwidth;
 var viewportheight;
 
 if (typeof window.innerWidth != 'undefined') {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 } else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 } else {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
 
 if (viewportwidth<1152) {
 	$('body').addClass('res1024');
 	$('body').removeClass('res1152 res1280 res1440 res1900');
 	$('#reel_video').attr({'width': 500, 'height': 281});
	$('#flash_reel_video').attr({'width': 500, 'height': 281});
	$('.movie_cont, .video-js-box, .vjs-poster').css({'width': 500, 'height': 281});
	//if (css) {$('.b_corner').hide()};
	if (css) {$('.b_corner').css('width', '80px').css('height', '80px')};
 } else if (viewportwidth>=1152 && viewportwidth<1280) {
 	$('body').addClass('res1152');
 	$('body').removeClass('res1024 res1280 res1440 res1900');
 	$('#reel_video').attr({'width': 512, 'height': 288});
	$('#flash_reel_video').attr({'width': 512, 'height': 288});
	$('.movie_cont, .video-js-box, .vjs-poster').css({'width': 512, 'height': 288});
	//if (css) {$('.b_corner').hide()};
	if (css) {$('.b_corner').css('width', '84px').css('height', '84px')};
 } else if (viewportwidth>=1280 && viewportwidth<1440) {
 	$('body').addClass('res1280');
 	$('body').removeClass('res1024 res1152 res1440 res1900');
 	$('#reel_video').attr({'width': 568, 'height': 319});
	$('#flash_reel_video').attr({'width': 568, 'height': 319});
	$('.movie_cont, .video-js-box, .vjs-poster').css({'width': 568, 'height': 319});
	//if (css) {$('.b_corner').hide()};
	if (css) {$('.b_corner').css('width', '92px').css('height', '92px')};
 } else if (viewportwidth>=1440 && viewportwidth<1680) {
 	$('body').addClass('res1440');
 	$('body').removeClass('res1024 res1152 res1280 res1900');
 	$('#reel_video').attr({'width': 640, 'height': 360});
	$('#flash_reel_video').attr({'width': 640, 'height': 360});
	$('.movie_cont, .video-js-box, .vjs-poster').css({'width': 640, 'height': 360});
	if (css) {$('.b_corner').css('width', '100px').css('height', '100px')};
	//if (css) {$('.b_corner').hide()};
 } else if (viewportwidth>=1900) {
 	$('body').addClass('res1900');
 	$('body').removeClass('res1024 res1152 res1280 res1440');
 	$('#reel_video').attr({'width': 745, 'height': 419});
	$('#flash_reel_video').attr({'width': 745, 'height': 419});
	$('.movie_cont, .video-js-box, .vjs-poster').css({'width': 745, 'height': 419});
	//if (css) {$('.b_corner').hide()};
	if (css) {$('.b_corner').css('width', '121px').css('height', '121px')};
 } else {
 	$('body').removeClass('res1024 res1152 res1280 res1440 res1900');
 	$('#reel_video').attr({'width': 745, 'height': 419});
	$('#flash_reel_video').attr({'width': 745, 'height': 419});
	$('.movie_cont, .video-js-box, .vjs-poster').css({'width': 745, 'height': 419});
	//if (css) {$('.b_corner').hide()};
	if (css) {$('.b_corner').css('width', '121px').css('height', '121px')};
 }
 
 viewport_work = thumbs_resize_reset();
 $('.project_container').css('left', '0px');
 $('.sl_nav a.left').addClass('disabled').animate({opacity: 0.5},200);
 
 
 
 
 $('.sliding_block').width(viewportwidth);
 $('.slider').css('padding-left', $('.menu_cont').offset().left);
 $('.slider').width(viewportwidth - $('.menu_cont').offset().left);
 
 $('.sliding_block_work').width(viewport_work['viewport_work_width']+20);
 //$('.sliding_block_work').width(viewport_work['viewport_work_width']+$('.sliding_content_work').position().left);
 //$('.sliding_block_work').width(elements[0][0]+elements[0][1]);

 viewport = new Array();
 viewport['width'] = viewportwidth;
 viewport['height'] = viewportheight;
 viewport['distance'] = viewport['width']-$('.sliding_content_work').offset().left;
 viewport['offset_left'] = $('.sliding_content_work').offset().left;
 viewport['work_width'] = viewport_work['viewport_work_width'];
 viewport['work_height'] = viewport_work['viewport_work_height'];
 $('.sliding_block_work').css('min-width', viewport['width']-viewport['offset_left']);
 


 if ((viewport['width']-viewport['offset_left'])>viewport['work_width']) {
 	$('.sl_nav a').addClass('disabled').animate({opacity: 0.5},200);
 } else {
 	$('.sl_nav a.right').removeClass('disabled').animate({opacity: 1},200);
 }

 
 
 if (viewportwidth>=1900) {
 		var padding = (viewportwidth-1900)*0.16;
 		$('#header').height(153+padding);
 		$('#b_bg').css('top', padding+'px');
 } else {
 		$('#header').css('height', '');
 		$('#b_bg').css('top', '0');
 }


 return viewport;
}

function by(i) {
return function(a,b){a = a[i];b = b[i];return a == b ? 0 : (a > b ? -1 : 1)}
}

function do_resize() {

	if (navigator.userAgent.match(/iPad/i) == null && navigator.userAgent.match(/iPhone/i) == null && navigator.userAgent.match(/Android/i) == null) {
  	check_viewport('css'); 
	}
  $('#menu li a').each(function(){  

				 		$(this).css('left', -$(this).width());
				 		$(this).removeClass('opened');
	 
	});
	

	
};

window.onresize = do_resize;

$(document).ready(function(){
	 
	$("a[href*='http://']:not([href*='"+location.hostname+"'])").attr("target","_blank");
	
	
	isIE = !$.support.opacity;
	var hash_str = window.location.hash;
	var hash = hash_str.split('/');
	viewport = check_viewport(); 
	
	
	if (checkIEVersion()=='false') {
		if (hash[1]) {
			trigger = 6;
			$(".menu_cont ul li a.m1").removeClass('active');
			$(".menu_cont ul li a.m2").addClass('active');
			$('#project_cont').load('ajx.php?p='+hash[1], function() {
			}); 
		} else {
			if (hash=='#work') {
				$(".menu_cont ul li a.m1").removeClass('active');
				$(".menu_cont ul li a.m2").addClass('active');
				trigger = 2;
			} else if (hash=='#reel') {
				$(".menu_cont ul li a.m1").removeClass('active');
				$(".menu_cont ul li a.m3").addClass('active');
				trigger = 3;
			} else if (hash=='#about') {
				$(".menu_cont ul li a.m1").removeClass('active');
				$(".menu_cont ul li a.m4").addClass('active');
				trigger = 4;
			} else if (hash=='#contact') {
				$(".menu_cont ul li a.m1").removeClass('active');
				$(".menu_cont ul li a.m5").addClass('active');
				trigger = 5;
			} else {
				trigger = 1;
			}
		}
	}
	
	$('#header').animate( { top: '0' }, 600, 'easeOutExpo', function() {

    $(this).removeClass('loading');
    
    if (viewport['width']<1280) {
    	$('a.logo_img').animate( { right: 0 }, 200).animate( { right: '9%' }, 600, function() {
    		
    		if (checkIEVersion()=='false') {
    			$('#nav li:eq('+trigger+') a').trigger('click');
    			if (trigger==2) {thumbs_move(); $('#wrapper').height(viewport['work_height']);		}
    		} else {
    			$('#nav li:eq(1) a').trigger('click');
    		}
    		 
    		$('.splash_count').animate( { left: '0px' }, 800);
    		$('.intro_text').animate( { right: '50px' }, 800);
    		setTimeout(function() {
					$('.b_corner').animate( { width: '80px' }, 500);
				}, 400);
	    });
    } else {
    	$('a.logo_img').animate( { right: 0 }, 200).animate( { right: '9%' }, 600, function() {
    		if (checkIEVersion()=='false') {
    			$('#nav li:eq('+trigger+') a').trigger('click');
    			if (trigger==2) {thumbs_move();$('#wrapper').height(viewport['work_height']);}
    		} else {
    			$('#nav li:eq(1) a').trigger('click');
    		}
    		 
    		$('.splash_count').animate( { left: '0px' }, 800, function() {
    			
    		});
    		$('.intro_text').animate( { right: '50px' }, 800);
    		
    		setTimeout(function() {
    			
    		 if (viewport['width']>=1152 && viewport['width']<1280) {
    			$('.b_corner').animate( { width: '84px' }, 500);
				 } else if (viewport['width']>=1280 && viewport['width']<1440) {
				 	$('.b_corner').animate( { width: '92px' }, 500);
				 } else if (viewport['width']>=1440 && viewport['width']<1680) {
				 	$('.b_corner').animate( { width: '100px' }, 500);
				 } else {
				 	$('.b_corner').animate( { width: '121px' }, 500);
				 }
				}, 400);
	    });
    }
    if (hash[1]) {slide_in_menu();}

  });
	
	
	var Player_reel = VideoJS.setup("reel_video", {
  });
	
	$('#slider_container').cycle({
		fx: 'scrollHorz',
		pager: '#nav',
		pagerAnchorBuilder: function(idx, slide) { 
        return '#nav li:eq(' + idx + ') a'; 
    },
		timeout: 0,
		speedIn:  1000, 
		speedOut:  300, 
    easeIn:  'easeOutExpo' ,
    after:   onAfter,
    before:   onBefore
	});
	
	
	function onAfter(curr, next, opts) {
		$('.hover_blocker').show();
		  var index = opts.currSlide;
		  if (index==1) {
		  	$('.splash').cycle('resume');
		  } else {
		  	$('.splash').cycle('pause');
		  }
		  if (index==2) {

		  	slide_in_menu();
		  	var offset = $('.project_container').offset();
				$('.hover_blocker').hide();
    		$('.sl_nav').fadeIn();
    		$('.sl_nav a.left').animate({opacity: 0.5},200);
    		
    		if ((viewport['width']-viewport['offset_left'])>viewport['work_width']) {
				 	$('.sl_nav a').addClass('disabled').animate({opacity: 0.5},200);
				 } else {
				 	$('.sl_nav a.right').removeClass('disabled').animate({opacity: 1},200);
				 }
				
		  }
		  if (index==6) {
		  	
		  		$('#wrapper').height($('#project_cont').height()+62)
			  $('.cross').fadeIn();
		  }

		} 

	function onBefore(curr, next, opts) {
		
		var index = opts.currSlide;
		if (checkIEVersion()=='false' && getInternetExplorerVersion()!='9') { Player_reel.pause();} 
		$('#wrapper').css('height', '');
		$('.sl_nav').fadeOut();
		$('.project_container').css('left', '0px');
		//if (index!=2) {$('.sl_nav .right').removeClass('disabled');}
		
	} 
	
	Player_reel.onEnded(function(){$('#movie_container_reel .vjs-play-progress').css('width', '100%'); });
	
	$('.splash').cycle({
		fx: 'fade',
		timeout: 5000,
		//after:   onAfterSplash,
		before:   onBeforeSplash,
		slideExpr: '.splash_slide'
	});
	
	function onBeforeSplash(curr, next, opts) {
		  var index = $(this).children('a').attr('rel');
		  setTimeout(function() {
	    	$('#span_'+(opts.currSlide+1)).fadeOut(450);
	    	setTimeout(function() {$('#span_'+(opts.currSlide+1)).css('left', '-1000em')},  450);
	    	$('#span_'+(opts.nextSlide+1)).fadeIn(450);
	    	$('#span_'+(opts.nextSlide+1)).css('left', '0');
			}, 100);
		} 
	
	$('.splash').cycle('pause');
  
  $(".start_show").hover(function(){
	 		$(this).animate( { color: '#949393' }, 200);
	 		$(this).children('img').animate( { right: -10 }, 200);
	}, function(){
	 		$(this).animate( { color: '#fff' }, 200);
	 		$(this).children('img').animate( { right: 0 }, 200);
	});
	
	if (viewport['width']<=1024) {
		$("fieldset button").hover(function(){
		 		$(this).children('img').animate( { left: -13 }, 200);
		}, function(){
		 		$(this).children('img').animate( { left: -18 }, 200);
		});
	} else {
		$("fieldset button").hover(function(){
		 		$(this).children('img').animate( { left: -18 }, 200);
		}, function(){
		 		$(this).children('img').animate( { left: -23 }, 200);
		});
	}
	
	if (viewport['width']<=1152) {
		$(".location_link").hover(function(){
		 		$(this).children('img').animate( { left: 7 }, 200);
		}, function(){
		 		$(this).children('img').animate( { left: 1 }, 200);
		});
	} else {
		$(".location_link").hover(function(){
		 		$(this).children('img').animate( { left: 9 }, 200);
		}, function(){
		 		$(this).children('img').animate( { left: 3 }, 200);
		});
	}
	
	$(".start_show").click(function(){
		thumbs_move();
		$('.sl_nav .right').removeClass('disabled');
		$('.menu_cont ul li a.m2').addClass('active');
	 	$('.menu_cont ul li a.m2').animate( { color: '#db3a9e' }, 200);
	 	$('.menu_cont ul li a.m1').removeClass('active');
	 	$('.menu_cont ul li a.m1').animate( { color: '#949393' }, 200);
	 	$('#nav li:eq(2) a').trigger('click');
	 	$('#wrapper').height(viewport['work_height']);		
	});
	
  // menu effects ///////////////////////////////////////////////////////////////////////////////////////
  
  $(".menu_cont ul li a.m1").click(function(){
	  $('.menu_cont ul li a').not(this).each(function(){  
	 		$(this).removeClass('active');
	 		$(this).animate( { color: '#949393' }, 200);
	 	});
	 	$(this).addClass('active');
	 	$(this).animate( { color: '#00b6e4' }, 200);
	 	$('#nav li:eq(1) a').trigger('click');
	 	fade_out_menu();
	 	$('#project_cont').html('');
	 	
	});
	
	$(".menu_cont ul li a.m2").click(function(){
		
		thumbs_move();
	  $('.menu_cont ul li a').not(this).each(function(){  
	 		$(this).removeClass('active');
	 		$(this).animate( { color: '#949393' }, 200);
	 	});
	 	$(this).addClass('active');
	 	$(this).animate( { color: '#db3a9e' }, 200);
	 	
	 	$('#nav li:eq(2) a').trigger('click');
	 	
	 	$('#project_cont').html('');
	 	$('.sl_nav').fadeIn();
    		$('.sl_nav a.left').animate({opacity: 0.5},200);
    $('#menu li a').each(function(){  
	 		$(this).removeClass('active');
	 	});
	 	$('#wrapper').height(viewport['work_height']);
	});
	
	$(".menu_cont ul li a.m3").click(function(){
	  $('.menu_cont ul li a').not(this).each(function(){  
	 		$(this).removeClass('active');
	 		$(this).animate( { color: '#949393' }, 200);
	 	});
	 	$(this).addClass('active');
	 	$(this).animate( { color: '#dee104' }, 200);
	 	$('#nav li:eq(3) a').trigger('click');
	 	fade_out_menu();
	 	$('#project_cont').html('');
	});
	
	$(".menu_cont ul li a.m4").click(function(){
	  $('.menu_cont ul li a').not(this).each(function(){  
	 		$(this).removeClass('active');
	 		$(this).animate( { color: '#949393' }, 200);
	 	});
	 	$(this).addClass('active');
	 	$(this).animate( { color: '#279f35' }, 200);
	 	$('#nav li:eq(4) a').trigger('click');
	 	fade_out_menu();
	 	$('#project_cont').html('');
	});
	
	$(".menu_cont ul li a.m5").click(function(){
	  $('.menu_cont ul li a').not(this).each(function(){  
	 		$(this).removeClass('active');
	 		$(this).animate( { color: '#949393' }, 200);
	 	});
	 	$(this).addClass('active');
	 	$(this).animate( { color: '#ff9000' }, 200);
	 	$('#nav li:eq(5) a').trigger('click');
	 	fade_out_menu();
	 	$('#project_cont').html('');
	});

	$('.menu_cont h1 a, a.logo_img').click(function(){
		$('.menu_cont ul li a').not('.menu_cont ul li a.m1').each(function(){  
	 		$(this).removeClass('active');
	 		$(this).animate( { color: '#949393' }, 200);
	 	});
	 	$('.menu_cont ul li a.m1').addClass('active');
	 	$('.menu_cont ul li a.m1').animate( { color: '#00b6e4' }, 200);
		$('#nav li:eq(1) a').trigger('click');
		fade_out_menu();
		$('#project_cont').html('');
		$('.sl_nav .right').removeClass('disabled');
	});
	
  // menu effects ///////////////////////////////////////////////////////////////////////////////////////  
  
  if (navigator.userAgent.match(/iPad/i) == null && navigator.userAgent.match(/iPhone/i) == null && navigator.userAgent.match(/Android/i) == null) {
  	
	  $('#menu li a').click(function() {
	  	menu_click(this, 'menuclick');
		});
		
		$('.pr_content').click(function() {
	  	menu_click(this);
		});
			
		$('#menu li a').hover(function(){
			menu_hover();
		}, function(){
		});
		
		$('#menu').hover(function(){
			
		}, function(){
			if ($(this).width()>7) {
				setTimeout(function() {
						$($('#menu li a').get().reverse()).each(function(index){
							var $li = $(this);
								setTimeout(function() {
									$li.animate( {left: -($li.width()) }, 200).removeClass('opened');
								}, index * 50);
						});
						
				}, 3000);
			}
		});
	
  } else {
  	$('#menu li a').click(function() {
  		if (!$(this).hasClass('opened')) {
  			$('#menu').css('width', 'auto');
  			hover_ipad();
  		} else {
  			
  			click_ipad(this, 'menuclick');
  		}
  	});
  	$('.pr_content').click(function() {
	  	click_ipad(this);
		});
  };
  
  $('.splash_slide a').click(function() {
	  	get_ajax_project(this);
	  	slide_in_menu();
	  	$('.menu_cont ul li a.m1').removeClass('active').animate( { color: '#949393' }, 200);
	  	$('.menu_cont ul li a.m2').addClass('active').animate( { color: '#db3a9e' }, 200);
	});
  
  if (navigator.userAgent.match(/iPad/i) == null && navigator.userAgent.match(/iPhone/i) == null && navigator.userAgent.match(/Android/i) == null) {
	thumb_hover();
  }
	
	$('.sl_nav a.left').click(function(){
		if ($('body').attr('class')=='res1024' || $('body').attr('class')=='res1152') {
			var percent_ = 0.66;
		} else if ($('body').attr('class')=='res1280') {
			var percent_ = 0.76;
		} else if ($('body').attr('class')=='res1440') {
			var percent_ = 0.85;
		} else {
			var percent_ = 1;
		}
		if (!$(this).hasClass('disabled')) {$('.hover_blocker').show();}
		$(this).children('img').animate({left: '0'},200);
		$('.sl_nav a.right').children('img').animate({left: '0'},200);
		
		if ($('.project_container').position().left<0) {
			
			$('.sl_nav a.right').animate({opacity: 1},500, function(){
				$('.sl_nav a.right').removeClass('disabled');
			});
			
			if (!$(this).hasClass('disabled')) {
			setTimeout(function() {
		    			$('.project_cont').each(function(){  
		    				
		    				$params_ = $(this).children('a.pr_content').attr('id');
								$params = new Array();
								$params = $params_.split('|');
								
								$pos_left = $params[0];
    						$(this).animate({left: $pos_left*percent_+'px'}, 500);
				    				 	
				    	});
				}, 200);
			}
			if (-$('.project_container').position().left>viewport['distance']) {
				var slide_distance = $('.project_container').position().left+(viewport['distance']/*-viewport['offset_left']*/)
			} else {
				var slide_distance = 0;
				$(this).animate({opacity: 0.5},500, function(){
					$(this).addClass('disabled');
				});
			}
			$('.project_container').animate({left: slide_distance},1000, 'easeOutExpo', function(){
				$('.hover_blocker').hide();
			});
		}
	});
	
	
	$('.sl_nav a.right').click(function(){
		
		if ($('body').attr('class')=='res1024' || $('body').attr('class')=='res1152') {
			var percent_ = 0.66;
		} else if ($('body').attr('class')=='res1280') {
			var percent_ = 0.76;
		} else if ($('body').attr('class')=='res1440') {
			var percent_ = 0.85;
		} else {
			var percent_ = 1;
		}
	
		if (!$(this).hasClass('disabled')) {$('.hover_blocker').show();
		$(this).children('img').animate({left: '0'},200);
		$('.sl_nav a.left').children('img').animate({left: '0'},200);
		
		$('.sl_nav a.left').animate({opacity: 1},500, function(){
			$(this).removeClass('disabled');
		})
		

		setTimeout(function() {
	    			$('.project_cont').each(function(){  
	    				
	    				$params_ = $(this).children('a.pr_content').attr('id');
							$params = new Array();
							$params = $params_.split('|');
							$pos_left_start = $params[1];
							
  						$(this).animate({left: $pos_left_start*percent_+'px'}, 500);
    						
			    				 	
			    	});
			}, 200);

		
		if (Math.abs($('.project_container').position().left)+(viewport['distance']*2)<$('.sliding_block_work').width()) {
			var slide_distance = viewport['distance']/*-viewport['offset_left']*/;

		} else {
			var slide_distance = ($('.sliding_block_work').width()-(-$('.project_container').position().left+viewport['distance']/*-viewport['offset_left']*/));
			$(this).animate({opacity: 0.5},500, function(){
				$(this).addClass('disabled');
			})

		}
		
		$('.project_container').animate({left: $('.project_container').position().left-slide_distance},1000, 'easeOutExpo', function(){
			$('.hover_blocker').hide();
		});
		
		}
		
		
	});
	
	if (navigator.userAgent.match(/iPad/i) == null && navigator.userAgent.match(/iPhone/i) == null && navigator.userAgent.match(/Android/i) == null) {
		$('.sl_nav a.left').hover(function(){
			if (!$(this).hasClass('disabled')) {
				$(this).children('img').animate({left: '-5px'},200);
			}
		}, function(){
			if (!$(this).hasClass('disabled')) {
				$(this).children('img').animate({left: '0'},200);
			}
		});
		
		$('.sl_nav a.right').hover(function(){
			if (!$(this).hasClass('disabled')) {
				$(this).children('img').animate({left: '5px'},200);
			}
		}, function(){
			if (!$(this).hasClass('disabled')) {
				$(this).children('img').animate({left: '0'},200);
			}
		});
	}
  
	$(".menu_cont ul li a").hover(function(){
	  $(this).animate( { color: '#ffffff' }, 200);
	  
	}, function() {
		
		if ($(this).hasClass('m1')&&$(this).hasClass('active')) {
			$(this).animate( { color: '#00b6e4' }, 200);
		} else if ($(this).hasClass('m2')&&$(this).hasClass('active')) {
			$(this).animate( { color: '#db3a9e' }, 200);
		} else if ($(this).hasClass('m3')&&$(this).hasClass('active')) {
			$(this).animate( { color: '#dee104' }, 200);
		} else if ($(this).hasClass('m4')&&$(this).hasClass('active')) {
			$(this).animate( { color: '#279f35' }, 200);
		} else if ($(this).hasClass('m5')&&$(this).hasClass('active')) {
			$(this).animate( { color: '#ff9000' }, 200);
		} else {
			$(this).animate( { color: '#949393' }, 200);
		}
	})
  
	$('#form_submit').ajaxForm({ 
      clearForm: true,
      beforeSubmit: validate,
      success: function() { 
          $('.required').removeClass('req_active');
          $('#successDiv').fadeIn();
          setTimeout(function() {$('#successDiv').fadeOut()}, 5000);
      } 
  }); 
  
  $('.reel_right a').each(function(){
		var url = $(this).attr('href');
		var new_url = 'videos/download.php?file='+url;
		$(this).attr('href', new_url);
	})
				    
	    
});

function validate(formData, jqForm, options) { 
 
    var nameValue = $('input[name=contact_name]').fieldValue(); 
    var emailValue = $('input[name=contact_email]').fieldValue(); 

    if (!nameValue[0] || !emailValue[0]) { 
        $('.required').addClass('req_active');
        if (nameValue[0]) {$('.required_name').removeClass('req_active');}
        if (emailValue[0]) {$('.required_email').removeClass('req_active');}
        
        return false; 
    } 
    
}

function get_project(hash) {
	var m_hash = hash;
	var proj = m_hash.split('/');
	return proj[1];
}

function menu_hover() {
	$('#menu').css('width', 'auto');
	$('#menu li a').each(function(index){
		var $li = $(this);
		if (!$li.hasClass('opened')) {
			
			$li.addClass('opened');
			setTimeout(function() {
				$li.animate( { left: '0' }, 200).animate( {left: '-10px' }, 200);
			}, index * 50);
		}
	});
		
};

function menu_click(element, menuclick) {

	$('#menu li a').unbind('mouseenter mouseleave');
		$('#menu li a').not(element).each(function(){  
	 		$(this).removeClass('active');
	 	});
	 	$(element).addClass('active');
	 	
	 	//$(element).animate( { left: '0' }, 200).animate( {left: '-10px' }, 200);
	 	
		$($('#menu li a').get().reverse()).each(function(index){
			var $li = $(this);
				setTimeout(function() {
					$li.animate( {left: -($li.width()) }, 200).removeClass('opened');
				}, index * 50);
		});
		
		if (menuclick) {
			get_ajax_project(element, menuclick);
		} else {
			get_ajax_project(element);
		}
		
		setTimeout(function() {
			$('#menu li a').bind('mouseenter mouseleave', (function () {
				menu_hover();
			}));
		}, 1000);

};


function hover_ipad() {
	
	$('#menu li a').each(function(index){
		var $li = $(this);
			$li.addClass('opened');
			setTimeout(function() {
				$li.animate( { left: '0' }, 200).animate( {left: '-10px' }, 200);
			}, index * 50);
	});
	setTimeout(function() {
	$($('#menu li a').get().reverse()).each(function(index){
		var $li_ = $(this);
			setTimeout(function() {
				$li_.animate( {left: -($li_.width()) }, 200).removeClass('opened');
			}, index * 50);
	});
 	}, 7000);
};

function click_ipad(element, menuclick) {
	$('#menu li a').not(element).each(function(){  
 		$(this).removeClass('active');
 	});
 	$(element).addClass('active');
	//$(element).animate( { left: '0' }, 200).animate( {left: '-10px' }, 200);
	$($('#menu li a').get().reverse()).each(function(index){
		var $li = $(this);
			setTimeout(function() {
				$li.animate( {left: -($li.width()) }, 200).removeClass('opened');
			}, index * 50);
	});

	if (menuclick) {
		get_ajax_project(element, menuclick);
	} else {
		get_ajax_project(element);
	}
};

function slide_in_menu() {
	$('#menu').css('width', '7px');
	if ($('#menu').css("display")=='block') {
		$('#menu li a').each(function(){ 
		 		$(this).css('left', -$(this).width());
		});
	};
	$('#menu').css('visibility', 'visible');
	$('#menu li a em').each(function(index){
		var $li = $(this);
		setTimeout(function() {
			$li.animate( { width: '45px', right: '-45px' }, 100).animate( { width: '7px', right: '-7px' }, 350);
		}, index * 50);
	});
};

function fade_out_menu() {
	$('#menu').css('width', '7px');
	$('#menu').css('visibility', 'hidden');
	$('#menu li a').each(function(){  
	 		if ($(this).hasClass('opened')) {
	 			$(this).css('left', -$(this).width());
		 		$(this).removeClass('opened');
	 		} else {
	 			$('#menu li a').each(function(){ 
				 		$(this).css('left', -$(this).width());
				});
	 		}
	 	$(this).removeClass('active');	
	});
};

function getInternetExplorerVersion()

{
	var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  };
  return rv;
}
function checkIEVersion()
{
  var ver = getInternetExplorerVersion();
    if ( ver <= 8.0 && ver > 0) {
    	return 'true';
    } else {return 'false';}
}

function thumbs_reset(direction) {
	if ($('body').attr('class')=='res1024' || $('body').attr('class')=='res1152') {
		var percent_ = 0.66;
	} else if ($('body').attr('class')=='res1280') {
		var percent_ = 0.76;
	} else if ($('body').attr('class')=='res1440') {
		var percent_ = 0.85;
	} else {
		var percent_ = 1;
	}
		if (direction=='to_right') {
			$('.project_cont').each(function(){
				$params_ = $(this).children('a.pr_content').attr('id');
				$params = new Array();
				$params = $params_.split('|');
				$pos_left = $params[0];
				$pos_left_start = $params[1];
				$pos_top = $params[5];
				$(this).css('left', $pos_left_start*percent_+'px').css('top', $pos_top*percent_+'px');
			});
		} else {
			$('.project_cont').each(function(){
				$params_ = $(this).children('a.pr_content').attr('id');
				$params = new Array();
				$params = $params_.split('|');
				$pos_left = $params[0];
				$pos_right_start = $params[2];
				$pos_top = $params[5];
				$(this).css('left', $pos_right_start*percent_+'px').css('top', $pos_top*percent_+'px');
			});
		}
};


function thumbs_resize_reset(direction) {

	if ($('body').attr('class')=='res1024' || $('body').attr('class')=='res1152') {
		var percent_ = 0.66;
		var project_container_top = 50;
	} else if ($('body').attr('class')=='res1280') {
		var percent_ = 0.76;
		var project_container_top = 75;
	} else if ($('body').attr('class')=='res1440') {
		var percent_ = 0.85;
		var project_container_top = 60;
	} else {
		var percent_ = 1;
		var project_container_top = 75;
	}
	
	var i=0;
 	var elements= new Array(); 
	var elements_new= new Array(); 
	
			$('.project_cont').each(function(){
				$params_ = $(this).children('a.pr_content').attr('id');
				$params = new Array();
				$params = $params_.split('|');
				$pos_left = $params[0];$pos_left_start = $params[1];$pos_right_start = $params[2];$pos_left_start_small = $params[3];$pos_right_start_small = $params[4];$pos_top = $params[5];$el_width = $params[6];$el_isfront = $params[7];	$el_opacity = $params[8];
				$(this).css('left', $pos_left*percent_+'px').css('top', $pos_top*percent_+'px');
				$(this).children('a.pr_content').children('img').css('width', $el_width*percent_);

				 	elements_new[i]= new Array(); 
				 	elements_new[i][0] = $pos_top*percent_;
				 	elements_new[i][1] = $el_width*percent_*0.7;
				 	
				 	elements[i]= new Array(); 
				 	elements[i][0] = $pos_left*percent_;
				 	elements[i][1] = $el_width*percent_;
 					i++;
 
			});
			elements_new.sort(by(0));
			elements.sort(by(0));
			
			var viewport_work = new Array();
			viewport_work['viewport_work_height'] = elements_new[0][0]+elements_new[0][1]+project_container_top+30;
			viewport_work['viewport_work_width'] = elements[0][0]+elements[0][1];

			if ($('.m2').hasClass('active')) {
				$('#wrapper').height(viewport_work['viewport_work_height']);
			} else {
				$('#wrapper').css('height', '');
			}
		
			return viewport_work;
			
};

function thumbs_move() {
	
	if ($('body').attr('class')=='res1024' || $('body').attr('class')=='res1152') {
		var percent_ = 0.66;
	} else if ($('body').attr('class')=='res1280') {
		var percent_ = 0.76;
	} else if ($('body').attr('class')=='res1440') {
		var percent_ = 0.85;
	} else {
		var percent_ = 1;
	}
	
	var hash_str = window.location.hash;
	var hash = hash_str.split('/');
	var thumbs_count = 0;	
	var delay = 250;	
	$('.project_cont').each(function(){  
		if (thumbs_count>10) delay+=25;
		thumbs_count++;    				 	
	});
	
		if ($(".menu_cont ul li a.m1").hasClass('active')||$(".menu_cont ul li a.m2").hasClass('active') && !hash[1]) {
			thumbs_reset();
		} else {
			thumbs_reset('to_right');
		};
		
		setTimeout(function() {
    			$('.project_cont').each(function(){  
    				$params_ = $(this).children('a.pr_content').attr('id');
						$params = new Array();
						$params = $params_.split('|');
						$pos_left = $params[0];
    					$(this).animate({left: $pos_left*percent_+'px'}, 500);
		    	});
		}, delay);
};

function thumb_hover() {
  
  if ($('body').attr('class')=='res1024' || $('body').attr('class')=='res1152' || $('body').attr('class')=='res1280') {
		var zoom_faktor = 40;
	} else {
		var zoom_faktor = 72;
	}
	var pos_left = zoom_faktor/2;
  
	$('.pr_content').hover(function(){
		
		$params_ = $(this).attr('id');
		$params = $params_.split('|');
		this_opacity = $params[8];
		this_isfront = $params[7];
		
		var offset_left = $(this).offset().left - pos_left;
		var offset_right = $(this).offset().left+$(this).parent('div').width()+zoom_faktor;
		
		$(this).attr('rel', $(this).children('img').width()+'|'+$(this).parent('div').position().left+'|'+$(this).parent('div').position().top+'|'+this_opacity+'|'+this_isfront);
		var this_w = $(this).children('img').width()+zoom_faktor;
		
		if (offset_left<0) {
			var this_l = $(this).parent('div').position().left+Math.abs(offset_left) - pos_left;
		} else if (offset_right>viewport['width']) {
			var this_l = $(this).parent('div').position().left-(offset_right-viewport['width']);
		} else {
			var this_l = $(this).parent('div').position().left-pos_left;
		}
		
		var this_t = parseInt($(this).parent('div').position().top-(pos_left/($(this).children('img').width()/$(this).children('img').height())));
		$(this).parent('div').css('z-index', '1000');
		$(this).children('img').animate({width: this_w }, 200);
		$(this).children('span.bg').animate({opacity: 0 }, 200);
		$(this).parent('div').animate({left: parseInt(this_l), top: this_t }, 200)
		
	}, function(){ 
		if ($(this).attr('rel')!='') {
			var old_positions = $(this).attr('rel');
			var positions = old_positions.split('|');
			var this_w = positions[0];
			var this_l = positions[1];
			var this_t = positions[2];
			var this_opacity = positions[3];
			var this_isfront = positions[4];
			if (this_isfront==1) {
				$(this).parent('div').css('z-index', '10');
			} else {
				$(this).parent('div').css('z-index', '5');
			}
			$(this).parent('div').animate({left: this_l, top: this_t }, 200);
			$(this).children('span.bg').animate({opacity: this_opacity }, 200);
			$(this).children('img').animate({width: this_w}, 200);
		}
	});
};

function get_ajax_project(element, menuclick) {

	var data = 'p='+get_project(element.hash);
	if (menuclick && !$('#s2').is(':visible')) {
		$('#s6').animate({left: -$(this).width()}, 500, 'easeOutExpo', function() {
			$(this).css('left', $(this).width());
			$.ajax({
				url: "ajx.php",
				type: "GET",
				data: data,
				success: function(html){
					$('#project_cont').html(html);
				},
				complete: function(){
					$('#s6').animate({left: 0}, 1000, 'easeOutExpo', function(){$('#slider_container').cycle(6);$('.cross').fadeIn(); $('#wrapper').height($('#project_cont').height()+62);});
				}
			});
		});

	} else {
			$.ajax({
				url: "ajx.php",
				type: "GET",
				data: data,
				success: function(html){
					$('#project_cont').html(html);
				},
				complete: function(){
					$('#slider_container').cycle(6);
				}
			});
			
			$('#menu li a').each(function(){ 
				if ($(this).attr('rel')==get_project(element.hash)) {
					$(this).addClass('active');
				}
		 		
		 	});
			

	}
}