// Run below when the page is ready
$(document).ready(function() {

	/* 
		Let's set up the slideshow options	
		The container we want to "cycle" the contents of has an ID of promo
		Full options can be found at http://jquery.malsup.com/cycle/options.html
		fx setting examples: http://jquery.malsup.com/cycle/browser.html
		
		As noted above, there are many additional options and demos available on the plugin's site.
		By default, you just need $('#promo').cycle(); to get things going with the default settings.
	*/
	
	$('#hero_panels').cycle({
		fx: 'fade',
		timeout:    4000,
		speed:      800,
		next: '#left',
		prev:	'#right',
		height: 200,
		pause: 1,
		cleartypeNoBg: true,
		cleartype:  true,
		before:  function(){  $('.slide_item').addClass("slide_item_backgroup");  $('.slide_item').css('z-index',1); $(this).css('z-index',40); },
        after:   function(){  $('.slide_item').removeClass("slide_item_backgroup"); }
	});
	
	/* Maneeram: To show Phrases on Service page */					
$('#phrase_panels').cycle({
		fx: 'fade',
		timeout:    5000,
		speed:      800,
		next: '#left',
		prev:	'#right',
		pause: 1,
		cleartypeNoBg: true,
		cleartype:  true,
	});
	
/* Maneeram: Ends here, To show Phrases on Service page */	
});


function mover(obj,type)
					{
						if(type == 'left')
						{
						jQuery(obj).attr('src','/wp-content/themes/fabriqate/static/css/img/left_orange.png');
						}
						else
						{
							jQuery(obj).attr('src','/wp-content/themes/fabriqate/static/css/img/right_orange.png');
						}
						}

					function mout(obj,type)
					{
						if(type == 'left')
						{
						  jQuery(obj).attr('src','/wp-content/themes/fabriqate/static/css/img/left.png');
						}
						else
						{
							jQuery(obj).attr('src','/wp-content/themes/fabriqate/static/css/img/right.png');
						}
					}