var rotateflag;
rotateflag = 1;

function rotateEngine(x) {
        if(!rotateflag)
        {
           return null;
        }
        var total_divs=4; //set your own number of divs
		var y=jQuery("#spotlightpos").val();
        x = jQuery("#spotlightpos").val();
         if(x==total_divs) y=1; else y++;
        jQuery("#spotlightpos").attr("value",y);
		jQuery("#divspot"+x+"c").css("display","none");
		jQuery("#divspot"+y+"c").fadeIn("slow");
        jQuery("#divspot"+x).removeClass("genericButton");
        jQuery("#divspot"+x).addClass("inactiveButton");
        jQuery("#divspot"+y).removeClass("inactiveButton");
		jQuery("#divspot"+y).addClass("genericButton");
       
		setTimeout('rotateEngine('+y+')',10000); //modify 3000 to set the time in miliseconds for a div to be shown
}
    jQuery(document).ready(function(){
    

	jQuery('.scroll-pane').jScrollPane();
	jQuery('#pane1').jScrollPane({showArrows:true});


    jQuery("#tarotsubmitbtn").click(function(){
		jQuery("#tarotform").submit();
    });

	jQuery("#divspotpageleft").click(function(){

          rotateflag = 0;
          var position;
          var newposition;
          position = parseInt(jQuery("#spotlightpos").val());
          if(position > 1)
          {
            newposition = position-1;
          }
          else
          {
            newposition = 4;
          }
          jQuery("#spotlightpos").attr("value",newposition);
          jQuery(".dscontent").css("display","none");
          jQuery(".divspotbtn").removeClass('genericButton');
          jQuery(".divspotbtn").addClass('inactiveButton');
          jQuery("#divspot"+newposition).addClass('genericButton');
          jQuery("#divspot"+newposition).removeClass('inactiveButton');
          jQuery("#divspot"+newposition+"c").fadeIn("slow");

    });
    jQuery("#divspotpageright").click(function(){
          rotateflag = 0;
          var position;
          var newposition;
          position = parseInt(jQuery("#spotlightpos").val());
          if(position < 4 )
          {
            newposition = position+1;
          }
          else
          {
            newposition = 1;
          }
          jQuery("#spotlightpos").attr("value",newposition);
          jQuery(".dscontent").css("display","none");
          jQuery(".divspotbtn").removeClass('genericButton');
          jQuery(".divspotbtn").addClass('inactiveButton');
          jQuery("#divspot"+newposition).addClass('genericButton');
          jQuery("#divspot"+newposition).removeClass('inactiveButton');
          jQuery("#divspot"+newposition+"c").fadeIn("slow");
    
    });




	jQuery(".toggleheader").click(function () {
     var arrowimage;
     var contentdiv;
     arrowimage = jQuery(this).find('img.arrowimg');
     contentdiv = jQuery(this).parent().find('div.togglecontent');

     if(jQuery(this).hasClass("open")){  
        if(jQuery(arrowimage).hasClass("blue"))
        {
            arrowimage.attr("src","http://gfx.tarot.com/images/google/new/hdr-arrow-up-purple.png");
        }
        else if(jQuery(arrowimage).hasClass("purple")){
            arrowimage.attr("src","http://gfx.tarot.com/images/google/new/hdr-arrow-up-purple.png");
       
        }
        jQuery(this).removeClass('open');
        jQuery(this).addClass('closed');
     }
     else{
        if(jQuery(arrowimage).hasClass("blue"))
        {
            arrowimage.attr("src","http://gfx.tarot.com/images/google/new/hdr-arrow-down-purple.png");
        }
        else if(jQuery(arrowimage).hasClass("purple"))
        {
            arrowimage.attr("src","http://gfx.tarot.com/images/google/new/hdr-arrow-down-purple.png");
        }
        jQuery(this).addClass('open');
     }
     contentdiv.slideToggle("medium");

    });

	//setTimeout("rotateEngine('1')",10000);

	jQuery(".divspotbtn").click(function () {
    var divid;
    rotateflag = 0;
    divid = this.id;
    jQuery("#spotlightpos").attr("value",divid[7]);
    jQuery(".dscontent").css("display","none");
    jQuery(".divspotbtn").removeClass('genericButton');
    jQuery(".divspotbtn").addClass('inactiveButton');
    jQuery(this).addClass('genericButton');
    jQuery(this).removeClass('inactiveButton');
    jQuery("#"+divid+"c").fadeIn("slow");
 });
});