$(document).ready(function(){
	
	var sliderInit = function(){
		$("#slider").easySlider({
			auto: false, 
			continuous: true
		});
	}
	 
	 var fixBgCenter = function(selector){
                if ($(window).width()<1000) {
                    $(selector).width(1000);
                }
                else {
                    $(selector).css('width', '100%')
                }
	 }
	
	var resetSlider = function(){
		//reset data
		$('#slider,#projectTitle').fadeOut('normal',function(){
									$(this).empty();
									$('#prevBtn, #nextBtn').remove();
									$('.loading').show();
								  });
		$('#projectDetail').empty();
		$('#btnViewLiveSite a').attr('href', '');
	}
	
	var loadSlider = function(curPrj){
		//load data
		$.getJSON('sliderData.json',function(data){
				var photos="";
				$.each(data[curPrj].photos,function(index,eachData){
					photos += eachData;
				});
				$('#projectTitle').text(data[curPrj].projectTitle);
				$('<ul></ul>').html(photos).appendTo($('#slider'));
				$('#slider ul li a img').each(function(){
                    $(this).attr('alt',data[curPrj].projectTitle);
				});
				$('#projectDetail').text(data[curPrj].projectDetail);
				if (data[curPrj].projectLink){
					$('#btnViewLiveSite a').attr('href', data[curPrj].projectLink);
					$('#btnViewLiveSite a').show();
				}
				else {
					$('#btnViewLiveSite a').hide();
				}
				$('#slider,#projectTitle').fadeIn('normal');
				$('.loading').fadeOut('fast');
				sliderInit();
				$('#slider ul li a').fancybox({
                    'zoomSpeedIn'		:	500,
                    'zoomSpeedOut'		:	500
                });
		});
	}
	resetSlider();
	setTimeout(function(){
                            loadSlider(8);
                        },600);
	
    //slider loading using ajax
	$(function(){
		$('#webDesignList ul li a').click(function(e){
			var curPrj = $(this).attr('class').substring(7,8);
			curPrj -= 1;
			e.preventDefault();
			resetSlider();
			setTimeout(function(){
						loadSlider(curPrj);
						}, 500);
		});
	});	
	
	//nav fading in and out 
	$(function(){
            var dur=400;
            $('.homeHover, .blogHover, .aboutHover').stop().animate({opacity:0},0).show()
                .hover(function(){
                    if (!$.browser.msie){
                        $(this).stop().animate({opacity:1},dur);
                        //$(this).parent().stop().animate({opacity:0},0);
						//$(this).parent().css('background','');
                    }
                    else {
                        $(this).stop().animate({opacity:1},0).css('filter','');
                    }
                },function(){
                    if (!$.browser.msie){
                        $(this).stop().animate({opacity:0},dur);
                        //$(this).parent().stop().animate({opacity:1},dur);
                    }
                    else{
                        $(this).stop().animate({opacity:0},0);
                    }
            });
		
	});
	
	//smooth scrolling
	$('a[href*=#]').click(function(){
	            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname){
	              var $target = $(this.hash);
	             $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
	              if ($target.length){
	                    var targetOffset = $target.offset().top;
	                    $('html,body').animate({scrollTop: targetOffset}, 800);
	                   return false;
	               }
	           }
	     });
	 
	 //fix ie7 problem
	 $(function(){
          if ($.browser.msie){
                var version = parseInt( $.browser.version, 10 );
                if (version == 7){
                     fixBgCenter('.bg');
                     fixBgCenter('#footer');
                     $(window).resize(function(){
                            fixBgCenter('.bg');
                            fixBgCenter('#footer');
                     });
                  }
             }
	 });
});