document.write('<style type="text/css">#top-slider ul {display: none;}</style>');
	//<![CDATA[
$(document).ready(function() {
	//$('style').remove();
	$('#top-slider ul').css('display', 'block');
	$('input#DomainName').focus();  
	
	$('#top-slider').wrapInner('<div id="ul_inner"></div>');
	$('#top-slider').prepend('<a href="javascript:slide(\'left\')" class="left"></a><a href="javascript:slide(\'right\')" class="right"></a>');
	if ( $.browser.msie && $.browser.version == '7.0' ) {
		$('#top-slider a.left').css('margin-left', '-0px');
		$('#top-slider a.right').css('margin-left', '955px');
	}
	
	if ( $.browser.msie && $.browser.version == '8.0' ) {
		$('#top-slider a.left').css('margin-left', '10px');
		$('#top-slider a.right').css('margin-left', '955px');
	}
	
	
	if ( $.browser.msie != true ) { 
	
		$('#top-slider a.left').fadeOut('fast');
		$('#top-slider a.right').fadeOut('fast');

	}
	
	
	$('#top-slider').hover( function() {
		if ( $.browser.msie != true ) {
			$('#top-slider a.left').fadeIn('fast');
			$('#top-slider a.right').fadeIn('fast');
		}
	}, function() {
		if ( $.browser.msie != true ) {
			$('#top-slider a.left').fadeOut('fast');
			$('#top-slider a.right').fadeOut('fast');	
		}
	});
	

	//options( 1 - ON , 0 - OFF)
	var auto_slide = 1;
	var hover_pause = 1;
	var key_slide = 1;

	//speed of auto slide(
	var auto_slide_seconds = 7000;

	/*move the last list item before the first item. The purpose of this is
	if the user clicks to slide left he will be able to see the last item.*/
	$('#top-slider ul li:first').before($('#top-slider ul li:last'));

	//check if auto sliding is enabled
	if(auto_slide == 1){
		/*set the interval (loop) to call function slide with option 'right'
		and set the interval time to the variable we declared previously */
		var timer = setInterval('slide("right")', auto_slide_seconds);

		/*and change the value of our hidden field that hold info about
		the interval, setting it to the number of milliseconds we declared previously*/
		$('#hidden_auto_slide_seconds').val(auto_slide_seconds);
	}

	//check if hover pause is enabled
	if(hover_pause == 1){
		//when hovered over the list
		$('#top-slider ul').hover(function(){
			//stop the interval
			clearInterval(timer)
		},function(){
			//and when mouseout start it again
			timer = setInterval('slide("right")', auto_slide_seconds);
		});

	}

	//check if key sliding is enabled
	if(key_slide == 1){

		//binding keypress function
		$(document).bind('keypress', function(e) {
			//keyCode for left arrow is 37 and for right it's 39 '
			if(e.keyCode==37){
					//initialize the slide to left function
					slide('left');
			}else if(e.keyCode==39){
					//initialize the slide to right function
					slide('right');
			}
		});

	}
});

//slide function
function slide(where){

	//get the item width
	var item_width = $('#top-slider ul li').outerWidth();

	/* using a if statement and the where variable check
	we will check where the user wants to slide (left or right)*/
	if(where == 'left'){
		//...calculating the new left indent of the unordered list (ul) for left sliding
		var left_indent = parseInt($('#top-slider ul').css('left')) + item_width;
	}else{
		//...calculating the new left indent of the unordered list (ul) for right sliding
		var left_indent = parseInt($('#top-slider ul').css('left')) - item_width;

	}

	//make the sliding effect using jQuery's animate function... '
	$('#top-slider ul:not(:animated)').animate({'left' : left_indent},500,function(){

		/* when the animation finishes use the if statement again, and make an ilussion
		of infinity by changing place of last or first item*/
		if(where == 'left'){
			//...and if it slided to left we put the last item before the first item
			$('#top-slider ul li:first').before($('#top-slider ul li:last'));
		}else{
			//...and if it slided to right we put the first item after the last item
			$('#top-slider ul li:last').after($('#top-slider ul li:first'));
		}

		//...and then just get back the default left indent
		$('#top-slider ul').css({'left' : '-990px'});
	});

}
//]]>�