(function ($) {
        $.fn.fadeTransition = function(options) {
          var options = $.extend({pauseTime: 5000, transitionTime: 2000, ignore: null, delayStart: 0, pauseNavigation: false}, options);
          var transitionObject;

          Trans = function(obj) {
            var timer = null;
            var current = 0;
            var els = (options.ignore)?$("> *:not(" + options.ignore + ")", obj):$("> *", obj);
            $(obj).css("position", "relative");
            els.css("display", "none").css("left", "0").css("top", "0").css("position", "absolute");
            
            if (options.delayStart > 0) {
              setTimeout(showFirst, options.delayStart);
            }
            else
              showFirst();

            function showFirst() {
 				document.body.style.backgroundImage='url(../images/blank.png)';
 				if (options.ignore) {
                $(options.ignore, obj).fadeOut(options.transitionTime);
                $(els[current]).fadeIn(options.transitionTime);
              }
              else {
                $(els[current]).css("display", "block");
              }
            }

            function transition(next) {
              $(els[current]).fadeOut(options.transitionTime);
              $(els[next]).fadeIn(options.transitionTime);
              current = next;
              cue();
            };

            function cue() {
              if ($("> *", obj).length < 2) return false;
              if (timer) clearTimeout(timer);
              if (!options.pauseNavigation) {
                timer = setTimeout(function() { transition((current + 1) % els.length | 0)} , options.pauseTime);
              }
            };
            
            this.showItem = function(item) {
              if (timer) clearTimeout(timer);
              transition(item);
            };
	    /****************/
	    this.showItem1 = function(item) {
              if (timer) clearTimeout(timer);
              transition1(item);
            };
	    
	    function transition1(next) {
              $(els[current]).fadeOut(options.transitionTime);
              $(els[next]).fadeIn(options.transitionTime);
              current = next;
              //cue();
            };
	   //*************/		
           
	    cue();
          }

          this.showItem = function(item) {
            transitionObject.showItem(item);
          };
	  this.showItem1 = function(item) {
	          transitionObject.showItem1(item);
            };	
          return this.each(function() {
            transitionObject = new Trans(this);
          });
        }

      })(jQuery);
    
      var page = {
        tr: null,
        init: function() {
			
          page.tr = $(".fade_in_out_effect").fadeTransition({pauseTime: 15000, transitionTime: 7000, ignore: "#introslide", delayStart: 2000});
           // page.tr = $(".fade_in_out_effect").fadeTransition({pauseTime: 5000, transitionTime: 2000, delayStart: 2000});
		  $("div.navigation").each(function() {
            	$(this).children().each( function(idx) {
              	if ($(this).is("a"))
                	$(this).click(function() { page.tr.showItem(idx); return false; })
            	});
           });
		$("div.input_secion").each(function() {
            	$(this).children().each( function(idx) {
              	if ($(this).is("a"))
                	$(this).click(function() {
				if(idx==0)idx=7;

								
				cls_idx=idx;
				--idx;			   	
				page.tr.showItem1(idx); 
				document.getElementById('status').value = 10;	
				
				var ClassName="bg"+cls_idx;
				$.cookie ("theme",ClassName);
				return false; 
																})
            	});
           });
        },

        show: function(idx) {
          if (page.tr.timer) clearTimeout(page.tr.timer);
          page.tr.showItem(idx);
        }
      };