/*
	Leírás:
	Az alkalmazás úgy épül, fel, hogy van egy countanier div és abban van 3 másik div. Ebből a 3-ból
	kettő rejtett egy block tipusú. Fontos a 3 div id-ja. Elnevezés úgy történik, hogy név+szám.
	pl. név: advert_ szám: 1. Az id ebben az esetben úgy fog alakulni, hogy advert_1.

	A lapozónál hasonló a helyzet. A két nyil id-ja fix a köztes képek neve név+szám
	pl név: advert_paginer_ szám: 1 akkor id: advert_paginer_1

	A sorszámok azért fontosak, mert a script az alapján váltja a képeket és a lapozót.
*/

//Az kiválasztott reklám sorszáma ami az id nevében szerepel
var aktAdvertId = 1;
var paginerLeft = 3;
var paginerRight = 2;
var count = 2;

/**
 A függvény 3 paramétert vár.
 	Az első (name) a div id-jának első fele szám nélkül.
 	A második (id) sorszám.
 	A harmadik (type) világos lapozó (1) vagy sötét lapozó (2)
 **/
function onClick_ChangeAdvert(name,id,type){
	if ( aktAdvertId != id ) {
		$('#'+name+aktAdvertId).fadeOut(300, function(){
			$('#'+name+id).fadeIn(300);
			//lapozó színének beállítása
			//changePaginer(id,type);
		});
		//az aktuális id felveszi a kiválasztott reklám sorszámát.
		aktAdvertId = id;
		//if ( aktAdvertId == 3 ) count = 1;
		//else count = aktAdvertId + 1;

		if ( id < 3 ) paginerRight = id + 1;
		else paginerRight = 1;

		if ( id > 1 ) paginerLeft = id - 1;
		else paginerLeft = 3;

		for(var i = 1; i < 4; i++){
			if ( i != id ) $('#advert_paginer_'+i).attr("src","http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/paginer_circle_"+type+".png");
			else $('#advert_paginer_'+i).attr("src","http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/paginer_circle_selected.png");
		}

	}

}

/**
	A függvény két paramétert vár
		Az első az id ( a lapozó közbenső elemei hasonló modón vannak elnevezve mint a reklám div-ek )
			fontos, hogy itt is nev+sorszám legy en az id meghatározása.
		A második a type, az állítja be, hogy sötét vagy világos lapozó kell.
 **/
function changePaginer(id,type){
	$('#advert_paginer_left').attr("src","http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/arrow_left_"+type+".png");
	$('#advert_paginer_right').attr("src","http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/arrow_right_"+type+".png");
	for(var i = 1; i < 4; i++){
		if ( i != id ) $('#advert_paginer_'+i).attr("src","http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/paginer_circle_"+type+".png");
		else $('#advert_paginer_'+i).attr("src","http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/paginer_circle_selected.png");

	}

}

function autoChangeAdvert() {
	onClick_ChangeAdvert('advert_background_',count,1);
	if ( count == 3 ) count = 1;
	else count++;
}

function addPaginerAdvert(){
	$('#advert_paginer').html('\n\
		<img id="advert_paginer_left" src="http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/arrow_left_1.png" onclick="onClick_ChangeAdvert(\'advert_background_\',paginerLeft,1);" />\n\
		<img id="advert_paginer_1" src="http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/paginer_circle_1.png" onclick="onClick_ChangeAdvert(\'advert_background_\',1,1);" />\n\
		<img id="advert_paginer_2" src="http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/paginer_circle_1.png" onclick="onClick_ChangeAdvert(\'advert_background_\',2,1);" />\n\
		<img id="advert_paginer_3" src="http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/paginer_circle_1.png" onclick="onClick_ChangeAdvert(\'advert_background_\',3,1);" />\n\
		<img id="advert_paginer_right" src="http://www.viasat3.hu/sites/viasat3.hu/files/musor/main//images/arrow_right_1.png" onclick="onClick_ChangeAdvert(\'advert_background_\',paginerRight,1);" />')
}