/* ========================================
		Horizontal Slider Thing v0.1
			by Jesus himself
-------------------------------------------
			
== Instructions for retarded people:
Call the function via: $(object).slideThis(linkobject);

Where object is the div, and linkobject are the links respectivly.


== Example:

== [ HTML ] ==
== Note: Change accordingly, this is just an example.

<script type="text/javascript">
$(document).ready(function(){
	$("#sliderDiv").slideThis("a.sliderLink");
});
</script>

<a href="#" class="sliderLink">Pic 1</a>
<a href="#" class="sliderLink">Pic 2</a>
<a href="#" class="sliderLink">Pic 3</a>

<div id="sliderHolder">
	<div id="sliderDiv">
		<div id="pic1">Picture 1!</div>
		<div id="pic2">Picture 2!</div>
		<div id="pic3">Picture 3!</div>
	</div>
</div>

== [ CSS ] ==
== Note: Change accordingly, this is just an example.

#sliderHolder {	width: 300px; height: 300px; overflow: hidden }
#sliderDiv { width: 1024px; position: relative }
#pic1, #pic2, #pic3 { float: left; width: 300px; height: 300px }
========================================== */

jQuery.fn.slideThis = function(linkClass) {
	// the magical div
	var magicDiv = this;
	
	// the magical object links that moves the box left/right
	var magicLinks = linkClass;
	
	// excess border & padding
	var picPadding = 0 +
	parseInt($(magicDiv).children().css("padding-left"))
	 + parseInt($(magicDiv).children().css("padding-right"))
	 + parseInt($(magicDiv).children().css("border-left-width"))
	 + parseInt($(magicDiv).children().css("border-right-width"));
	 
	// width + padding
	//var picWidth = $(magicDiv).children().width() + picPadding;
	var picWidth = 487; //THANKS FOR NOT SUPPORTING .WIDTH() IE! DAMNIT!
	
	// animation speed
	var aniSpeed = 350;

	$(magicLinks).each(function(z) {		
		$(this).click(function() {
			//return false
		}); // kills click
		$(this).bind("mouseover", function(){
			var cnt = -1 * (picWidth*z);
			$(magicDiv).animate({left: cnt}, aniSpeed, "swing");
		});
	});
};