function pembeBox(data,id){
	// getPageScroll() by quirksmode.com
	$j.getPageScroll = function() {
		var xScroll, yScroll;
		if (self.pageYOffset) {
		  yScroll = self.pageYOffset;
		  xScroll = self.pageXOffset;
		} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		  yScroll = document.documentElement.scrollTop;
		  xScroll = document.documentElement.scrollLeft;
		} else if (document.body) {// all other Explorers
		  yScroll = document.body.scrollTop;
		  xScroll = document.body.scrollLeft;	
		}
		return new Array(xScroll,yScroll) 
	  }
	
	  // adapter from getPageSize() by quirksmode.com
	  $j.getPageHeight = function() {
		var windowHeight
		if (self.innerHeight) {	// all except Explorer
		  windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		  windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
		  windowHeight = document.body.clientHeight;
		}	
		return windowHeight
	  }
    //$j("body").append('<div id="boxOverlay" style="display:block;"></div>');
    //$j("body").append('<div id="pembeBox" style="display:block;">'+data+'</div>')
    var pageScroll = $j.getPageScroll();
	$j('#boxOverlay').fadeIn(); //Box-Overlay
    $j('#pembeBox').css({
      top:	($j.getPageHeight()/5),
      left:	pageScroll[0]
    }).show();
    //$j(id).show();
	
	//close button
	$j(".close").click(function(){
	   //$j(id).hide();
		$j("#boxOverlay").fadeOut();
		$j("#pembeBox").fadeOut(); 
	})
	//Esc close 
	$j(document).bind('keydown.pembeBox', function(e) {
	if (e.keyCode == 27) {
        //$j(id).hide();
        $j("#boxOverlay").fadeOut();
   		$j("#pembeBox").fadeOut(); 
	}
	})
}

function runTimer() {
    $j("#firsat-slider-sol-ok").trigger('click');
    var timeout = setTimeout("runTimer()",10000);
    }
    
function firsatSlider(){
   var currentPosition = 0;
   var slideWidth = 165;
   var slides = $j(".firsatSlide");
   var numberOfSlides = slides.length;
   
   $j(".firsat-container").css('overflow','hidden');
   slides
    .wrapAll('<div id="firsatInner"></div>')
    .css({
        'float' : 'left',
        'width' : slideWidth});
    
    $j("#firsatInner").css('width', slideWidth * numberOfSlides);
    
    $j('.firsat-content')
    .prepend('<span id="firsat-slider-sol-ok" class="firsat-slide-control"></span>')
    .append('<span id="firsat-slider-sag-ok" class="firsat-slide-control"></span>');
    
    //click event
    $j(".firsat-slide-control").click(function(){
        if ($j(this).attr('id')=='firsat-slider-sol-ok'){
            if(currentPosition==numberOfSlides-1) { currentPosition=0; }
            else { currentPosition++; }
        }
        else{
            if(currentPosition==0){ currentPosition=numberOfSlides-1; }
            else { currentPosition--; }
        }
        //currentPosition = ($j(this).attr('id')=='firsat-slider-sol-ok') ? currentPosition+1 : currentPosition-1;
        $j("#firsatInner").animate({
        'marginLeft' : slideWidth*(-currentPosition)    
        });
        }
    );
    var timeout = setTimeout("runTimer()",10000);
}
    
function homeProductSlider(category){
   var currentPosition = 0;
   var slideWidth = 96;
   var slidesWidth = 480;
   var slides = $j("#container-items-"+category+" .item");
   var numberOfSlides = slides.length+1;
   var numberOfGroup = numberOfSlides/5;
   numberOfGroup = Math.ceil(numberOfGroup);
   var wrapper = '<div id="containerItemsWrap-'+category+'"></div>';
   
   $j("#container-items-"+category).css('overflow','hidden');
   slides
    .wrapAll(wrapper)
    .css({
        'float' : 'left',
        'width' : slideWidth});
    
    $j("#containerItemsWrap-"+category).css('width', slideWidth * numberOfSlides);

    //click event
    $j("#"+category+"-slide-control-sag").click(function(){
        if(currentPosition>=numberOfGroup-1) { currentPosition=0;}
        else { currentPosition++;}
    $j("#containerItemsWrap-"+category).animate({
    'marginLeft' : slidesWidth*(-currentPosition)});
    });
    //click event
    $j("#"+category+"-title").click(function(){
        if(currentPosition==0) { currentPosition=numberOfGroup-1}
        else { currentPosition--;}
    $j("#containerItemsWrap-"+category).animate({
    'marginLeft' : slidesWidth*(-currentPosition)});
    });
}

$j.cookie = function(name, value, options) {
    if (typeof value != 'undefined') {
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;
            if (typeof options.expires == 'number') {
                date = new Date();
                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
            } else {
                date = options.expires;
            }
            expires = '; expires=' + date.toUTCString();
        }
        var path = options.path ? '; path=' + (options.path) : '';
        var domain = options.domain ? '; domain=' + (options.domain) : '';
        var secure = options.secure ? '; secure' : '';
        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
    } else {
        var cookieValue = null;
        if (document.cookie && document.cookie != '') {
            var cookies = document.cookie.split(';');
            for (var i = 0; i < cookies.length; i++) {
                var cookie = $j.trim(cookies[i]);
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};