var carouselInterior;
var carouselExterior;
var carouselHome;
var carousel;

YAHOO.util.Event.onDOMReady(function (ev) {
	
	drawPlayer();
	drawCarousel();
	headerMenu();
});

function drawPlayer() {
	var so = new SWFObject('http://d.yimg.com/m/up/ypp/default/player.swf', 'onnetwork_videoplayer', '283', '248', '9', '#fff');
	so.addVariable('vid', 18185740);
	// For scripting access
	so.addParam("allowScriptAccess", "always");
	so.addParam("allowFullScreen", "true");
	so.addParam("wmode", "transparent");
	so.write('video-player');
}
/********************************************************************************** DRAW CAROUSEL */
function drawCarousel() {
	
	try{
		carouselHome = new YAHOO.widget.Carousel("carousel", {
		    isCircular: true,
			carouselEl: "UL"
		});
		carouselHome.set("animation", { speed: 0.5 });
		carouselHome.set("numVisible", 5);
		carouselHome.set("revealAmount", 40);
		carouselHome.render();
		carouselHome.show();
	} catch(e) {}
	
	
	try{
		carouselInterior = new YAHOO.widget.Carousel("carousel-interior", {
		    isCircular: true,
			carouselEl: "UL"
		});
		carouselInterior.set("animation", { speed: 0.5 });
		carouselInterior.set("numVisible", 1);

		carouselInterior.render();
		carouselInterior.show();
	} catch(e) {}
	
	
	try{
		carouselExterior = new YAHOO.widget.Carousel("carousel-exterior", {
		    isCircular: true,
			carouselEl: "UL"
		});
		carouselExterior.set("animation", { speed: 0.5 });
		carouselExterior.set("numVisible", 1);

		carouselExterior.render();
		carouselExterior.show();

		YAHOO.util.Event.on(YAHOO.util.Selector.query('a'), 'click', carouselLinks);
	} catch(e) {}
	
	
	try{
		carousel = new YAHOO.widget.Carousel("specs-models", {
		    isCircular: true,
			carouselEl: "UL"
		});
		carousel.set("numVisible", 2);
		carousel.set("animation", { speed: 0.5 });
		carousel.render();
		carousel.show();
	} catch(e) {}
}
/********************************************************************************** ACTIONS FOR THE CAROUSEL IN THE HEADER */
function carouselLinks(e) {
   var element = YAHOO.util.Event.getTarget(e);
   
   switch (this.className){
       case 'previous':
       carouselInterior.scrollBackward();
       carouselExterior.scrollBackward();
       YAHOO.util.Event.preventDefault(e);
       break;
       case 'next':
       carouselInterior.scrollForward();
       carouselExterior.scrollForward();
       YAHOO.util.Event.preventDefault(e);
       break;
       case 'interior':
           interiorCarousel(element);
           YAHOO.util.Event.preventDefault(e);
       break;
       case 'exterior':
           exteriorCarousel(element);
           YAHOO.util.Event.preventDefault(e);
       break;
   }
   }

function interiorCarousel(elem) {
	YAHOO.util.Dom.removeClass(YAHOO.util.Selector.query('a', YAHOO.util.Selector.query('ul.carousel-header li')[2]), 'exterior-hover');
	YAHOO.util.Dom.addClass(elem, 'interior-hover');
	
	YAHOO.util.Dom.removeClass(YAHOO.util.Selector.query('div#carousel-interior')[0], 'hide'); 
	YAHOO.util.Dom.addClass(YAHOO.util.Selector.query('div#carousel-exterior')[0], 'hide'); 
}

function exteriorCarousel(elem) {
	YAHOO.util.Dom.removeClass(YAHOO.util.Selector.query('a', YAHOO.util.Selector.query('ul.carousel-header li')[3]), 'interior-hover');
	YAHOO.util.Dom.addClass(elem, 'exterior-hover');
	
	YAHOO.util.Dom.removeClass(YAHOO.util.Selector.query('div#carousel-exterior')[0], 'hide'); 
	YAHOO.util.Dom.addClass(YAHOO.util.Selector.query('div#carousel-interior')[0], 'hide');
}
/********************************************************************************** HEADERMENU */
function headerMenu() {
	YAHOO.util.Event.on(YAHOO.util.Selector.query('#yec-nav-george a.js'), 'click', function(e){
		YAHOO.util.Event.preventDefault(e);
		var listItem = YAHOO.util.Event.getTarget(e).parentNode.parentNode.parentNode;
		
		if(YAHOO.util.Dom.hasClass(listItem, 'expand')) {
			YAHOO.util.Dom.removeClass(listItem, 'expand');
		} else {
			YAHOO.util.Dom.addClass(listItem, 'expand');
		}
	});
}