$(document).ready(function() {
	
	//add Class=Last to last child of LIs
	$("li:last-child").addClass('last');
	//-------------------------------------------------------------------	
	//---------------------- PROMO BANNER -------------------------------
	
	//----- Promo Banner Open Close -----
	
	var $cropbox = $('#promobanner div#crop');
	$cropbox.after('<div id="openclose"><span id="close"><img src="image/promo_banner_arrow_up.jpg" alt="Close promo banner" /></span><span id="open"><img src="image/promo_banner_arrow_down.jpg" alt="Open promo banner" /></span></div>');
		
	$('div#openclose').toggle(
				
		function(){
			$cropbox.fadeOut(400);
			$('div#promobanner img.slideimg').fadeOut(400);
			$('a#backbtn').fadeOut(400);
			$('a#nextbtn').fadeOut(400);
			$('div#navi').fadeOut(400);				
			
			setTimeout(function(){
				$('div#promobanner').animate({height: "26px"}, 500);
				$('span#open').fadeIn('medium');	
				$('span#close').fadeOut('medium');
			}, 410);
		},
		
		function(){
			$('div#promobanner').animate({height: "192px"}, 500);
			$('span#close').fadeIn('medium');
			$('span#open').fadeOut('medium');
			
			setTimeout(function(){
				$cropbox.fadeIn(600);
				$('div#promobanner img.slideimg').fadeIn(300);
				$('a#backbtn').fadeIn(450);
				$('a#nextbtn').fadeIn(450);
				$('div#navi').fadeIn(450);
			}, 650);
		}
	);
	//----- Promo Banner Slider -----
	if (!$("#promobanner div.slide").hasClass("dberror")) {
		//Add Navi and Next/Prev Buttons for navigation
		$("#promobanner #crop").before('<div id="navi"></div>');
		$("#promobanner #crop").after('<a id="backbtn">Back</a>');
		$("#promobanner #crop").after('<a id="nextbtn">Next</a>');

		// initialize scrollable  
	    $('div#crop').scrollable({ 
	        size: 1, 
	        items: 'div#widearea',
			next: 'a#nextbtn',
	   		prev: 'a#backbtn',
			hoverClass: 'hover',
			speed: 500
	    }).circular().autoscroll({
			interval: 10000
		}).navigator({ 
	        navi: "#navi", 
	        activeClass: 'current'
	    });		
	}
});