$(document).ready(function() {
	
	hyper_cart_loadNavigation('#cart_nav');
	
	$('#slider').anythingSlider({
		width               : 960,      //1454// Override the default CSS width
		height              : 360,      // Override the default CSS height
		expand              : false,     // If true, the entire slider will expand to fit the parent element
		resizeContents      : false,      // If true, solitary images/objects in the panel will expand to fit the viewport
		showMultiple        : false,     // Set this value to a number and it will show that many slides at once
		theme               : 'finium-slideshow', // Theme name - adds a class name to the base element "anythingSlider-{theme}" so the loaded theme will work.
		startPanel          : 1,         // This sets the initial panel
		changeBy            : 1,         // Amount to go forward or back when changing panels.
		hashTags            : false,      // Should links change the hashtag in the URL?
		infiniteSlides      : true,      // if false, the slider will not wrap
		enableKeyboard      : false,      // if false, keyboard arrow keys will not work for the current panel.
		buildArrows         : true,      // If true, builds the forwards and backwards buttons
		buildNavigation     : false,      // If true, builds a list of anchor links to link to each panel
		enableNavigation    : false,      // if false, navigation links will still be visible, but not clickable.
		toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
		appendControlsTo    : $('#banner .dots'),      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
		enablePlay          : false,      // if false, the play/stop button will still be visible, but not clickable.
		autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
		autoPlayLocked      : true,     // If true, user changing slides will not stop the slideshow
		startStopped        : false,     // If autoPlay is on, this can force it to start stopped
		pauseOnHover        : false,      // If true & the slideshow is active, the slideshow will pause on hover
		stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
		playRtl             : false,     // If true, the slideshow will move right-to-left
		delay               : 10000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
		resumeDelay         : 0,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
		animationTime       : 1000,       // How long the slideshow transition takes (in milliseconds)
		easing              : "easeInOutExpo",   // Anything other than "linear" or "swing" requires the easing plugin
		maxOverallWidth     : 32766,     // Max width (in pixels) of combined sliders (side-to-side); set to 32766 to prevent problems with Opera
		onSlideBegin        : function(event, slider){
			/*if(slider.$targetPage.text().indexOf("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")!= -1){
				$('#slides #test').delay(1000).show().animate({top:200,opacity:1}, 1000, "easeOutExpo");
			} else if (slider.$currentPage.text().indexOf("Lorem ipsum dolor sit amet, consectetur adipiscing elit.")!= -1){
				$('#slides #test').animate({top:300,opacity:0}, 1000, "easeOutExpo", function(){
					$(this).hide();
				});
			}
			if(slider.$targetPage.text().indexOf("Cras sit amet lacus in neque tempor varius.")!= -1){
				$('#slides #test2').delay(1000).show().animate({top:125,opacity:1}, 1000, "easeOutExpo");
			} else if (slider.$currentPage.text().indexOf("Cras sit amet lacus in neque tempor varius.")!= -1){
				$('#slides #test2').animate({top:300,opacity:0}, 1000, "easeOutExpo", function(){
					$(this).hide();
				});
			}*/
		}		
	});
		
	$('#slider').anythingSliderFx({
		inFx : {
			'.panel4 #text1' : { left : '40px', duration: 800, easing : 'easeOutExpo' },
			'.panel1 #text1' : { left : '40px', duration: 800, easing : 'easeOutExpo' },
			'.panel1 #text2' : { left : '500px', duration: 800, easing : 'easeOutExpo' },
			'.panel2 #text1' : { left : '690px', duration: 800, easing : 'easeOutExpo' },
			'.panel3 #text1' : { left : '20px', duration: 800, easing : 'easeOutExpo' }
		},
		outFx : {
			'.panel4 #text1' : { left : '-500px', duration: 1200, easing : 'easeOutExpo' },
			'.panel1 #text1' : { left : '-500px', duration: 1200, easing : 'easeOutExpo' },
			'.panel1 #text2' : { left : '1000px', duration: 1200, easing : 'easeOutExpo' },
			'.panel2 #text1' : { left : '1231px', duration: 1200, easing : 'easeOutExpo' },
			'.panel3 #text1' : { left : '-500px', duration: 1200, easing : 'easeOutExpo' }
		}
	});
	
	$('#slider_finium').anythingSlider({
		width               : 950,      //1454// Override the default CSS width
		height              : 360,      // Override the default CSS height
		expand              : true,     // If true, the entire slider will expand to fit the parent element
		resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
		showMultiple        : false,     // Set this value to a number and it will show that many slides at once
		theme               : 'finium', // Theme name - adds a class name to the base element "anythingSlider-{theme}" so the loaded theme will work.
		startPanel          : 1,         // This sets the initial panel
		changeBy            : 1,         // Amount to go forward or back when changing panels.
		hashTags            : false,      // Should links change the hashtag in the URL?
		infiniteSlides      : true,      // if false, the slider will not wrap
		enableKeyboard      : false,      // if false, keyboard arrow keys will not work for the current panel.
		buildArrows         : true,      // If true, builds the forwards and backwards buttons
		buildNavigation     : false,      // If true, builds a list of anchor links to link to each panel
		enableNavigation    : false,      // if false, navigation links will still be visible, but not clickable.
		toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
		appendControlsTo    : $('#banner .dots'),      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
		enablePlay          : false,      // if false, the play/stop button will still be visible, but not clickable.
		autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
		autoPlayLocked      : true,     // If true, user changing slides will not stop the slideshow
		startStopped        : false,     // If autoPlay is on, this can force it to start stopped
		pauseOnHover        : false,      // If true & the slideshow is active, the slideshow will pause on hover
		stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
		playRtl             : false,     // If true, the slideshow will move right-to-left
		delay               : 5000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
		resumeDelay         : 0,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
		animationTime       : 1000,       // How long the slideshow transition takes (in milliseconds)
		easing              : "easeInOutExpo",   // Anything other than "linear" or "swing" requires the easing plugin
		maxOverallWidth     : 32766	
	})
	
	$('#random-employes').anythingSlider({
		width               : 444,      //1454// Override the default CSS width
		height              : 500,      // Override the default CSS height
		expand              : false,     // If true, the entire slider will expand to fit the parent element
		resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
		showMultiple        : false,     // Set this value to a number and it will show that many slides at once
		theme               : 'finium', // Theme name - adds a class name to the base element "anythingSlider-{theme}" so the loaded theme will work.
		startPanel          : 1,         // This sets the initial panel
		changeBy            : 1,         // Amount to go forward or back when changing panels.
		hashTags            : false,      // Should links change the hashtag in the URL?
		infiniteSlides      : true,      // if false, the slider will not wrap
		enableKeyboard      : false,      // if false, keyboard arrow keys will not work for the current panel.
		buildArrows         : true,      // If true, builds the forwards and backwards buttons
		buildNavigation     : false,      // If true, builds a list of anchor links to link to each panel
		enableNavigation    : false,      // if false, navigation links will still be visible, but not clickable.
		toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
		appendControlsTo    : $('#banner .dots'),      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
		enablePlay          : false,      // if false, the play/stop button will still be visible, but not clickable.
		autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
		autoPlayLocked      : true,     // If true, user changing slides will not stop the slideshow
		startStopped        : false,     // If autoPlay is on, this can force it to start stopped
		pauseOnHover        : false,      // If true & the slideshow is active, the slideshow will pause on hover
		stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
		playRtl             : false,     // If true, the slideshow will move right-to-left
		delay               : 10000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
		resumeDelay         : 0,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
		animationTime       : 1000,       // How long the slideshow transition takes (in milliseconds)
		easing              : "easeInOutExpo",   // Anything other than "linear" or "swing" requires the easing plugin
		maxOverallWidth     : 32766	
	})
	
	$('#random-clients').anythingSlider({
		width               : 444,      //1454// Override the default CSS width
		height              : 200,      // Override the default CSS height
		expand              : false,     // If true, the entire slider will expand to fit the parent element
		resizeContents      : false,      // If true, solitary images/objects in the panel will expand to fit the viewport
		showMultiple        : 5,     // Set this value to a number and it will show that many slides at once
		theme               : 'finium-clients', // Theme name - adds a class name to the base element "anythingSlider-{theme}" so the loaded theme will work.
		startPanel          : 1,         // This sets the initial panel
		changeBy            : 1,         // Amount to go forward or back when changing panels.
		hashTags            : false,      // Should links change the hashtag in the URL?
		infiniteSlides      : true,      // if false, the slider will not wrap
		enableKeyboard      : false,      // if false, keyboard arrow keys will not work for the current panel.
		buildArrows         : true,      // If true, builds the forwards and backwards buttons
		buildNavigation     : false,      // If true, builds a list of anchor links to link to each panel
		enableNavigation    : false,      // if false, navigation links will still be visible, but not clickable.
		toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
		appendControlsTo    : $('#banner .dots'),      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
		enablePlay          : false,      // if false, the play/stop button will still be visible, but not clickable.
		autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
		autoPlayLocked      : true,     // If true, user changing slides will not stop the slideshow
		startStopped        : false,     // If autoPlay is on, this can force it to start stopped
		pauseOnHover        : false,      // If true & the slideshow is active, the slideshow will pause on hover
		stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
		playRtl             : false,     // If true, the slideshow will move right-to-left
		delay               : 2500,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
		resumeDelay         : 0,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
		animationTime       : 1000,       // How long the slideshow transition takes (in milliseconds)
		easing              : "easeInOutExpo",   // Anything other than "linear" or "swing" requires the easing plugin
		maxOverallWidth     : 32766	
	})
	
	$('.tips').tipsy();
	
});