$(document).ready(function() {

    // //Uniform Pulldowns
    // $("select, input:checkbox, input:file").uniform();

    // Accordion
    $("#accordion").accordion({
        header: "h1",
        autoHeight: false
    });

    $("#accordion2").accordion({
        header: "h1",
        autoHeight: false
    });
    
    $("#info").hide();
	
	$("a#info-toggle").click(function(){
		$("#info").toggle(400);
		return false;
	});
	
	$("#artist-info").hide();
	
	$("a#artist-info-toggle").click(function(){
		$("#artist-info").toggle(400);
		return false;
	});
	
	
	$("#search-info").hide();
	
	$("a#search-info-toggle").click(function(){
		$("#search-info").toggle(400);
		return false;
	});
	
	$("#access").hide();
	
	$("a#access-toggle").click(function(){
		$("#access").toggle(400);
		return false;
	});
	
	var step = 1;
	var current = 0;
	var max = 2;
	
	$('.next-featured').click(function() {
		if(current + step < 0 || current + step > max) {return;}
		 else { 
		 		current = current + step;
  				$('#featured-container').animate({
    			left: '-=680'
  				}, 500, 'easeOutElastic');
		 	}
		 	return false;
	});
	
	$('.prev-featured').click(function() {
		if(current - step < 0 || current - step > max) {return;}
		else {
				current = current - step;
  				$('#featured-container').animate({
    			left: '+=680'
  				}, 300, 'easeInCubic');
			}
  				return false;
	});

       
		$(".tools a:first").button({
           icons: {
               primary: 'ui-icon-triangle-1-s'
           }
        }).next().button({
            icons: {
                secondary: 'ui-icon-circle-arrow-e'
            }
        });
     
     	$(".artist-tools a:first").button({
           icons: {
               primary: 'ui-icon-triangle-1-s'
           }
        });
        
        $(".reset").button({
           icons: {
               primary: 'ui-icon-circle-close'
           }
        });
       
        $("input:submit").button({
           icons: {
               primary: 'ui-icon-search'
           }
        });
       
     
     	$(".search-tools a:first").button({
           icons: {
               primary: 'ui-icon-triangle-1-s'
           }
        });
       
      	$(".login-tools a:first").button({
           icons: {
               primary: 'ui-icon-circle-close'
           }
        }).next().button({
            icons: {
                primary: 'ui-icon-wrench'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-contact'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-search'
            }
        });
        
       	$(".modify-tools a:first").button({
		  icons: {
                primary: 'ui-icon-wrench'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-contact'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-pencil'
            }
        });
         
       	$(".link-tools a").button({
		  icons: {
                primary: 'ui-icon-wrench'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-gear'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-gear'
            }
        });
        
        $("a.upgrade").button({
           icons: {
               primary: 'ui-icon-star'
           }
        });
        
        $(".buy").button({
           icons: {
               primary: 'ui-icon-circle-arrow-e'
           }
        });
        
          $(".back").button({
           icons: {
               primary: 'ui-icon-circle-arrow-w'
           }
        });
         $(".zoom").button({
           icons: {
               primary: 'ui-icon-zoomin'
           }
        });
 
        $("a.view").button({
           icons: {
               primary: 'ui-icon-search'
           }
        });
        
        $(".purchase-tools a").button({
		  icons: {
                primary: 'ui-icon-circle-arrow-e'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-triangle-1-s'
            }
         }).next().button({
            icons: {
                primary: 'ui-icon-gear'
            }
        });
      
       $(".linkaccess a:first").button({
            icons: {
            	primary: 'ui-icon-gear'
            }
         });
         
        var scrollPane0 = $("#scroll-pane0 ul", $(".content-container0"));
		var scrollPane1 = $("#scroll-pane1 ul", $(".content-container1"));
		var scrollPane2 = $("#scroll-pane2 ul", $(".content-container2"));
		var scrollPane3 = $("#scroll-pane3 ul", $(".content-container3"));
		divheight = 950;
		divheight2 = 1550;


		$("#slider0").slider({
			value: divheight,
			min: 0,
			max: divheight,
			orientation: 'vertical',
			animate: true,
			slide: function(event, ui) {
				scrollPane0.css("top", "-" + (divheight - ui.value) + "px");
			}
		}).addTouch();
		//append icon to handle
		var handle = $("#slider0").find('.ui-slider-handle')
			.append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')
			.wrap('<div class="ui-handle-helper-parent"></div>').parent();
		

		$("#slider1").slider({
			value: divheight2,
			min: 0,
			max: divheight2,
			orientation: 'vertical',
			animate: true,
			slide: function(event, ui) {
				scrollPane1.css("top", "-" + (divheight2 - ui.value) + "px");
			}
		}).addTouch();
		//append icon to handle
		var handle = $("#slider1").find('.ui-slider-handle')
			.append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')
			.wrap('<div class="ui-handle-helper-parent"></div>').parent();
		

		$("#slider2").slider({
			value: divheight,
			min: 0,
			max: divheight,
			orientation: 'vertical',
			animate: true,
			slide: function(event, ui) {
				scrollPane2.css("top", "-" + (divheight - ui.value) + "px");
			}
		}).addTouch();
		//append icon to handle
		var handle = $("#slider2").find('.ui-slider-handle')
			.append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')
			.wrap('<div class="ui-handle-helper-parent"></div>').parent();
		

		$("#slider3").slider({
			value: divheight,
			min: 0,
			max: divheight,
			orientation: 'vertical',
			animate: true,
			slide: function(event, ui) {
				scrollPane3.css("top", "-" + (divheight - ui.value) + "px");
			}
		}).addTouch();
		//append icon to handle
		var handle = $("#slider3").find('.ui-slider-handle')
			.append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')
			.wrap('<div class="ui-handle-helper-parent"></div>').parent();
		
		$("#scroll-pane0").css('overflow','hidden');
		$("#scroll-pane1").css('overflow','hidden');
		$("#scroll-pane2").css('overflow','hidden');
		$("#scroll-pane3").css('overflow','hidden');

		scrollPane0.draggable({ scroll: true, scrollSpeed: 100, axis: 'y' });
		scrollPane1.draggable({ scroll: true, scrollSpeed: 100, axis: 'y' });
		scrollPane2.draggable({ scroll: true, scrollSpeed: 100, axis: 'y' });
		scrollPane3.draggable({ scroll: true, scrollSpeed: 100, axis: 'y' });

		$(".container-toggle").click(function() {
			$('#slider-wrapper').toggleClass('newClass', 200);
			$('.container-toggle').toggleClass('newClass', 200);
			return false;
		});

    $(function() {
        setInterval("slideSwitch()", 10000);
    });


});

function slideSwitch() {
    var $active = $('#slideshow div.active');

    if ($active.length == 0) $active = $('#slideshow div:last');

    var $next = $active.next().length ? $active.next()
    : $('#slideshow div:first');

    $active.addClass('last-active')
    .animate({
        opacity: 0.0
    },
    1000);
    $next.css({
        opacity: 0.0
    })
    .addClass('active')
    .animate({
        opacity: 1.0
    },
    1000,
    function() {
        $active.removeClass('active last-active');
    });
}