var frame_width = 828;
var actual_width;
var max_right = 0;
var padding = 0;
var padChange = new Array(
"products/plastic_windows/design?ID=363", 2, 834,
"products/plastic_windows/design?ID=364", 1, 0,
"products/plastic_windows/design?ID=362", 1, 0,
"products/balcons/", 2, 787,
"products/doors/doors-design", 2, 786,
"products/doors/betweenrooms", 2, 786,
"products/doors/entered", 2, 789,
"products/compartments/", 2, 787,
"products/glass_packages/", 2, 787,
"service/mont", 2, 824,
"loggia", 2, 824,
"company/production", 1, 828,
"products/plastic_windows/interier", 2, 824
);

var elems;
var elemNumber;
var elemLeft = new Array(100);
var curEl = 0;
var numLinks;
$(document).ready(function() {
	window.onload = function() {
		definePadding();
		elems = $('#mycarousel img');
		elems.css("position", "absolute");
		
		var actual_height = $("#images-inside img").height();
		$("#mycarousel").css("height", actual_height + "px");
		$("#images").css("height", actual_height + "px");
		$('#mycarousel-next').css("top", (actual_height/2 - 18) + "px");
		$('#mycarousel-prev').css("top", (actual_height/2 - 18) + "px");
		
		elemNumber = elems.size();
		listChange();
		
		generateLinks();
		$('#mycarousel-next').click(nextF);
		$('#mycarousel-prev').click(prevF);
		
		$('#control_links a').click(parseLink);
		
		$('#control_links a').css('cursor', 'pointer');
		
		gotoF(0);
	};
});

function definePadding() {
	for (i = 0; i < padChange.length; i+=3) {
		if (document.URL.indexOf(padChange[i]) != -1) {
			padding = padChange[i+1];
			if (padChange[i+2] != 0) {
				frame_width = padChange[i+2];
				$('#detail_pw_design').css("width", padChange[i+2] + "px");
				$('#mycarousel-wrap').css("width", padChange[i+2] + "px");
				$('#mycarousel').css("width", padChange[i+2] + "px");
			}
			break;
		}
	}
}
function listChange() {
	var lf = 0;
	elemLeft[0] = 0;
	for (i = 0; i < elemNumber; i++) {
		lf = $('#mycarousel img:eq('+i+')').width();
		elemLeft[i+1] = elemLeft[i] + lf + padding;
		$('#mycarousel img:eq('+i+')').css('left', elemLeft[i] + 'px');
	}
	actual_width = elemLeft[elemNumber];
	i = 0;
	while (elemLeft[i] < actual_width - frame_width) {
		i++;
	}
	max_right = i;
	return false;
};
function nextF() {
	gotoF(parseInt(curEl)+1);
	return false;
};
function prevF() {
	gotoF(parseInt(curEl)-1);
	return false;
};
function gotoF(n) {
	$('#control_links a:eq(' + (curEl) + ')').removeClass('active').css('cursor', 'pointer');
	$('#control_links a:eq(' + (n) + ')').addClass('active').css('cursor', 'default');
	curEl = n;
	if (numLinks == 1) {
		$('#mycarousel-prev').css('visibility', 'hidden');
		$('#mycarousel-next').css('visibility', 'hidden');
	}
	else if (curEl >= max_right) {
		$('#mycarousel-prev').css('visibility', 'visible');
		$('#mycarousel-next').css('visibility', 'hidden');
		$('#images-inside').animate({"left" : (-actual_width + frame_width) + "px"}, 200);
	}
	else if (curEl == 0) {
		$('#mycarousel-prev').css('visibility', 'hidden');
		$('#mycarousel-next').css('visibility', 'visible');
		$('#images-inside').animate({"left" : (-elemLeft[curEl]) + "px"}, 200);
	}
	else {
		$('#mycarousel-prev').css('visibility', 'visible');
		$('#mycarousel-next').css('visibility', 'visible');
		$('#images-inside').animate({"left" : (-elemLeft[curEl]) + "px"}, 200);
	};
};
function parseLink() {
	gotoF($(this).attr('rel'));
	return false;
};
function generateLinks() {
	$("#control_links").html('<a href="" rel="0">1</a>');
	var i;
	for (i = 1; i <= max_right; i++) {
		it = $('#control_links a:eq('+(i-1)+')');
		it = it.clone(true).insertAfter(it).attr('rel', (i)).html(i+1);
	};
	numLinks = i;
};