var j = jQuery.noConflict();

j(document).ready( function() {
	main();
} );

function main() {
	// css rotation not supported
	if( ! rotateProperty() )
		return;

	var eye = j( "#eye" );
	eye.removeClass( "hidden" );
	
	var prop = rotateProperty();
	setInterval( rotate, 100, eye, prop );

};

function rotate( eye, prop ) {
	var value = rotationDegree( eye[0].style[ prop ] );

	if( value > 360 )
		value = 0;

	value += 10;

	value = "rotate(" + value + "deg)";
	eye[0].style[ prop ] = value;
};

function rotationDegree( value ) {
	if( typeof value == "undefined" || value.indexOf( "rotate" ) < 0 )
		return 0;

	return parseInt( value.substr( 7 ) );
};

function rotateProperty() {
	var el = document.documentElement, s;
	if( el && ( s = el.style ) ) {
		if( typeof s.MozTransform == "string" )
			return "MozTransform";

		if( typeof s.WebkitTransform == "string" )
			return "-webkit-transform";
	}

	return null;
};