// JavaScript Document
var page = 'home';
var img = '';
var url = '';
var gal = 0 ;
var slide = 1;
function jhtml(p,i) {
	page = p;
	url = i + '/';
	img = i + '/wp-content/themes/twentyeleven/images/';
	switch(page) {
		case 'home':
			activeMenu();
			getSlider();
		break;
		case 'gallery':		
			activeMenu();
			getGallery();
		break;
		case 'products':
		case 'services':
		case 'contact':
			activeMenu();
	}
}

///////////////////////////////
function activeMenu() {
	$j('#topMenu_' + page).attr('src', img + 'topMenu_'+ page +'.jpg');
}

///////////////////////////////
function getSlider() {
	var banner=new Array(); 
    $j('#topBannerHidden').find('img').each(function(i){ banner[i]=$j(this).attr('src'); });
	
	$j('#topBanner').css('background','url('+banner[0] +')');
	$j('#topBannerIn').css('background','url('+banner[0] +')');
	
	setTimeout("startSlider(0)", 7000);
}
/////////////////////////////////
function startSlider(current) {
	
	if (slide === 1) {
		var banner=new Array(); 
		$j('#topBannerHidden').find('img').each(function(i){ banner[i]=$j(this).attr('src'); });
		
		current++;
		if (current === banner.length) current = 0;
		
		banner_button(current);
		
		banner_image(current);
	
		switch (current) {
			case 0: turl = 'products'; break;
			case 1: turl = 'services'; break;
			case 2: turl = 'gallery'; break;		
			case 3: turl = 'contact'; break;	
		}
		
		$j('#topBannerUrl').attr('href', url + turl + '/');
				
		setTimeout("startSlider("+current+")", 7000);
	}
}
//////////////////////////////////////
function banner_click(num) {
	
	var banner=new Array(); 
    $j('#topBannerHidden').find('img').each(function(i){ banner[i]=$j(this).attr('src'); });
	slide = 0;
	
	banner_image(num);

	switch (num) {
		case 0: turl = 'products'; break;
		case 1: turl = 'services'; break;
		case 2: turl = 'gallery'; break;		
		case 3: turl = 'contact'; break;	
	}
	
	$j('#topBannerUrl').attr('href', url + turl + '/');
	banner_button(num);
			
}
//////////////////////////////////////
function banner_button(num) {
	
	$j('#button_0').attr('src',img + 'banner-button.png');
	$j('#button_1').attr('src',img + 'banner-button.png');
	$j('#button_2').attr('src',img + 'banner-button.png');
	$j('#button_3').attr('src',img + 'banner-button.png');
	
	$j('#button_'+num).attr('src',img + 'banner-button-on.png');
}
////////////////////////////////////////////
function banner_image(num) {
	
	var banner=new Array(); 
    $j('#topBannerHidden').find('img').each(function(i){ banner[i]=$j(this).attr('src'); });
	
	$j('#topBannerIn').hide().css('background','url('+banner[num] +')').show("slide", { direction: "right" }, 600,function(){$j('#topBanner').css('background','url('+banner[num] +')');});
}
////////////////////////////////////////////
function getGallery() {
	var banner=new Array(); 
    $j('#galleryPageHidden').find('img').each(function(i){ banner[i]=$j(this).attr('src'); });
	
	$j('#galleryPage').css('background','url('+banner[0] +')');
		
}
//////////////////////////////////////
function g_prev() {
	var banner=new Array(); 
    $j('#galleryPageHidden').find('img').each(function(i){ banner[i]=$j(this).attr('src'); });
	
	gal--;
	if (gal === -1) gal = banner.length-1;
	
	//$j('#galleryPage').css('background','url('+banner[gal] +')');
	$j('#galleryPageIn').hide().css('background','url('+banner[gal] +')').show("slide", { direction: "right" }, 600,function(){$j('#galleryPage').css('background','url('+banner[gal] +')');});
}

//////////////////////////////////////
function g_next() {
	var banner=new Array(); 
    $j('#galleryPageHidden').find('img').each(function(i){ banner[i]=$j(this).attr('src'); });
	
	gal++;
	if (gal === banner.length) gal = 0;
	
	//$j('#galleryPage').css('background','url('+banner[gal] +')');
	$j('#galleryPageIn').hide().css('background','url('+banner[gal] +')').show("slide", { direction: "left" }, 600,function(){$j('#galleryPage').css('background','url('+banner[gal] +')');});
}
//////////////////////////////////////
function over(name) {
	if (name === 'left') 
		$j('#arrow-left').attr('src', img + 'arrow-left-on.png');
	else
		$j('#arrow-right').attr('src', img + 'arrow-right-on.png');
}
//////////////////////////////////////
function out(name) {
	if (name === 'left') 
		$j('#arrow-left').attr('src', img + 'arrow-left.png');
	else
		$j('#arrow-right').attr('src', img + 'arrow-right.png');
	
}