var $sFlag=true;
var $pFlag=true;
var clickedLink;
var  target = '#home';
$(document).ready(function(){

 $.preloadCssImages();


});

function Splash()
{
	
//splash screen

$.blockUI({ 
            message: $('#splash'), 
            fadeIn: 700, 
            fadeOut: 700,
            css: { 
                top:  ($(window).height() - 50) /2 + 'px', 
                left: ($(window).width() - 700) /2 + 'px',
				width:700+'px',
				border:'none',
				opacity:0.9,
				cursor:'default'
            },
			 overlayCSS: { backgroundColor: '#000',opacity:0.8}
        }); 

$('#spClose').click(function(){$.unblockUI();window.location="IE/";});

}

function axis(){

//disable right click context menu
$(document).noContext();

$(window).resize(function(){
						//targetElementSelectorString = '#portfolio';
                        $(document).scrollTo(target, 1200 );
						});

$('#designBoard').bind(
                    'click',
                    function()
                    {
                        target = '#portfolio';
                        $(document).scrollTo(target, 1800 );
                        $('#contentArea').scrollTo('#sWeb', 200 );
                        resetAllLinks();
                        $('#webLink img').attr('src','images/webLinkHover.png');
                      clickedLink='#webLink';
                        $('#plane').show();
                    }
                );

$('#develBoard').bind(
                    'click',
                    function()
                    {
                        //$('#plane').hide();
						resetAllLinks();
                        target = '#portfolio';
                        $(document).scrollTo(target, 1800 );
   					    $('#contentArea').scrollTo('#portGallery',800); 
						  $pFlag=false; 
						$('#lnkTshirt').click();
                    }           
            );        

$('#divHomeLink').bind(
                    'click',
                    function()
                    {
                        target = '#home';
                        $(document).scrollTo(target, 1800 );
                        
                    }
                );
 
//Home link rollover 
$('#divHomeLink')[0].onmouseover=function()
{
$('#'+this.id+' img').attr('src','images/homeLinkHover.png');  
};

$('#divHomeLink')[0].onmouseout=function()
{
$('#'+this.id+' img').attr('src','images/homeLink.png'); 
};

//reach us link rollover
$('#divContactUs')[0].onmouseover=function()
{
$('#'+this.id+' img').attr('src','images/contactLinkHover.png');  
};

$('#divContactUs')[0].onmouseout=function()
{
$('#'+this.id+' img').attr('src','images/contactLink.png'); 
};

//twitter link
$('#tweety').click(function(){window.open('http://www.twitter.com/AxisStudio');});

var $no=$('#servicesClouds .servicesList').children().size();
var $ctr=0;
var $serviceCloudWd=120+15;//120-cloud width, 15-right margin
$('#servicesClouds').scrollTo($('#servicesClouds .servicesList'),800)
$('#servicesClouds .servicesList .serviceCloud').each(function()
{
    this.onmouseover=function(){
    if($no>5&&$ctr<$no-5)
    {
        $('#servicesClouds').scrollTo({top:'=0px',left:'+='+$serviceCloudWd+'px'},700);
        $ctr++;
    }
    
    }
});

    $('#plane div').css({cursor:'pointer'});
    
    //bring in portfolio section 
    $('#portfolioBoard').click(function()
    {
		resetLink();
        if($sFlag)
                $('#contentArea').scrollTo('#portGallery',800);        
        else
        {
            $('#contentArea').scrollTo('#sWeb',800).scrollTo('#portGallery',800);
            $sFlag=true;
        }
         $pFlag=false;
        $("#a1").click();                
     });
    
    //bring in services sections
    //$sFlag=false is used when portfolio cloud is clicked and div already scrolled to portfolio,
    //no need to scroll sWeb 

    $('#webLink').click(function(){
                                $('#contentArea').scrollTo('#sWeb',800);
                                $sFlag=false;
                                $('#webLink img').attr('src','images/webLinkHover.png');
                                resetLink();
                                clickedLink='#webLink';
                                
                                 });
    
    $('#brochureLink').click(function(){
                                      if($pFlag)
                                          $('#contentArea').scrollTo('#sBrochure',800);
                                      else
                                      {
                                          $('#contentArea').scrollTo('#sWeb',800).scrollTo('#sBrochure',800);
                                          $pFlag=true;
                                      }
                                      $sFlag=false;
                                      $('#brochureLink img').attr('src','images/brochureLinkHover.png');
                                      resetLink();
                                      clickedLink='#brochureLink';
                                      
                                      });
    
    $('#posterLink').click(function(){
                                    if($pFlag)
                                          $('#contentArea').scrollTo('#sPoster',800);
                                      else
                                      {
                                          $('#contentArea').scrollTo('#sWeb',800).scrollTo('#sPoster',800);
                                          $pFlag=true;
                                      }
                                      $sFlag=false;
                                      $('#posterLink img').attr('src','images/posterLinkHover.png');
                                      resetLink();
                                      clickedLink='#posterLink';
                                      });
    
    $('#logoLink').click(function(){
                                if($pFlag)
                                          $('#contentArea').scrollTo('#sLogo',800);
                                      else
                                      {
                                          $('#contentArea').scrollTo('#sWeb',800).scrollTo('#sLogo',800);
                                          $pFlag=true;
                                      }
                                      $sFlag=false;
                                      $('#logoLink img').attr('src','images/logoLinkHover.png');
                                      resetLink();
                                      clickedLink='#logoLink';
                                      });
	
	     $('#divContactUs').click(function(){
                                if($pFlag)
                                          $('#contentArea').scrollTo('#sReachUs',800);
                                      else
                                      {
                                          $('#contentArea').scrollTo('#sWeb',800).scrollTo('#sReachUs',800);
                                          $pFlag=true;
                                      }
                                      $sFlag=false;
                                      resetLink();
                                      clickedLink='#divContactUs';
                                      });
	

function resetLink()
{
    switch(clickedLink)
    {
        case '#webLink':$('#webLink img').attr('src','images/webLink.png');
                                break;
        case '#brochureLink':$('#brochureLink img').attr('src','images/brochureLink.png');
                                break;
        case '#posterLink':$('#posterLink img').attr('src','images/posterLink.png');
                                break;
        case '#logoLink':$('#logoLink img').attr('src','images/logoLink.png');
                                break;
    }
}

function resetAllLinks()
{    
    $('#webLink img').attr('src','images/webLink.png');
    $('#brochureLink img').attr('src','images/brochureLink.png');
    $('#posterLink img').attr('src','images/posterLink.png');
    $('#logoLink img').attr('src','images/logoLink.png');    
}

}