$(document).ready(function(){

	// slider01 options :
		$("#myController").jFlow({
			slides: "#mySlides",
			controller: ".jFlowControl", // must be class, use . sign
			slideWrapper : "#jFlowSlide", // must be id, use # sign
			selectedWrapper: "jFlowSelected",  // just pure text, no sign
                  width: "450",
			height: "300px",// 450x300, 560x320, 495x330....
			easing: "backinout", // easeOutBack  backinout  bounceout swing  easeOutElastic ....
			duration: 800,
			interval: 3000, // this is the amount of milliseconds before the switch happens
			prev: ".jFlowPrev", // must be class, use . sign
			next: ".jFlowNext" // must be class, use . sign
		});
	});
		// slider01 options end :



$(document).ready(function()
{
  $("span.thumbspan02").mouseover(function ()
  {
    $(this).addClass("hoverthumb");
  });

  $("span.thumbspan02").mouseout(function ()
  {
    $(this).removeClass("hoverthumb");
  });
});

$(document).ready(function() {
    $('span.thumbspan').hover(function() {
      $(this).addClass('hoverthumb');
    }, function() {
      $(this).removeClass('hoverthumb');
    });
});

$(document).ready(function(){
        $("#switch").bind( 'drag', function( event ){
            $( this ).parent().css({
                top:(event.offsetY-document.body.scrollTop),
                left:(event.offsetX-document.body.scrollLeft)
            });
        });
    });