// JScript File

/**************************************************************/
// Page google analystics script starts here
/**************************************************************/

//        var _gaq = _gaq || [];

//        _gaq.push(['_setAccount', 'UA-18618745-3']);

//        _gaq.push(['_trackPageview']);

//        (function() {

//            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

//            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

//            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

//        })();

// Page google analystics script ends here
/**************************************************************/


/**************************************************************/
// Page Flip script starts here
/**************************************************************/

  $(document).ready(function() {
            //Page Flip on hover
            $("#pageflip").hover(function() {
                $("#pageflip img , .msg_block").stop()
			.animate({
			    width: '305px',
			    height: '307px'
			}, 500);
            }, function() {
                $("#pageflip img").stop()
			.animate({
			    width: '68px',
			    height: '72px'
			}, 220);
                $(".msg_block").stop()
			.animate({
			    width: '68px',
			    height: '72px'
			}, 200);
            });
        });
// Page Flip script ends here
/**************************************************************/


/**************************************************************/
// Banner animation Script starts here
/**************************************************************/
   $(document).ready(function() {

            //Set Default State of each portfolio piece
            $(".paging").show();
            $(".paging a:first").addClass("active");

            //Get size of images, how many there are, then determin the size of the image reel.
            var imageWidth = $(".window").width();
            var imageSum = $(".image_reel img").size();
            var imageReelWidth = imageWidth * imageSum;

            //Adjust the image reel to its new size
            $(".image_reel").css({ 'width': imageReelWidth });

            //Paging + Slider Function
            rotate = function() {
                var triggerID = $active.attr("rel") - 1; //Get number of times to slide
                var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

                $(".paging a").removeClass('active'); //Remove all active class
                $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

                //Slider Animation
                $(".image_reel").animate({
                    left: -image_reelPosition
                }, 500);

            };

            //Rotation + Timing Event
            rotateSwitch = function() {
                play = setInterval(function() { //Set timer - this will repeat itself every 7 seconds
                    $active = $('.paging a.active').next();
                    if ($active.length === 0) { //If paging reaches the end...
                        $active = $('.paging a:first'); //go back to first
                    }
                    rotate(); //Trigger the paging and slider function
                }, 7000); //Timer speed in milliseconds (3 seconds)
            };

            rotateSwitch(); //Run function on launch

            //On Hover
            $(".image_reel a").hover(function() {
                clearInterval(play); //Stop the rotation
            }, function() {
                rotateSwitch(); //Resume rotation
            });

            //On Click
            $(".paging a").click(function() {
                $active = $(this); //Activate the clicked paging
                //Reset Timer
                clearInterval(play); //Stop the rotation
                rotate(); //Trigger rotation immediately
                rotateSwitch(); // Resume rotation
                return false; //Prevent browser jump to link anchor
            });

        });
// Banner animation Script end here
/**************************************************************/

// Footer Toggle animation Script starts here
/**************************************************************/
$(document).ready(function(){

// Toggle and hide the ContactPanel
$("#toggleContactPanel").click(function() {
	$("#ContactPanel").slideToggle(500);
	$(this).toggleClass("active");
	return false;
});
// Close the ContactPanel - Used if action added within the hidden panel itself, otherwise omit	
$("#hideContactPanel").click(function() {
	$("#ContactPanel").slideUp(500);
	$("#contactMe h3 a").removeClass("active");
return false;
});
});
// Footer Toggle animation Script end here
/**************************************************************/


/******* Content Popup Starts*******/
  function contentpopup(url) {
            window.open(url, '', 'menubar=0,resizable=0,width=745,height=550,scrollbars=1,location=0,screenX=300');
        }
/******* Content Popup Ends*******/